diff --git a/public/application/views/login/list.php b/public/application/views/login/list.php
index 37e9ac5..3008e81 100644
--- a/public/application/views/login/list.php
+++ b/public/application/views/login/list.php
@@ -12,12 +12,30 @@
   <link rel="stylesheet" href="<?php echo base_url()?>assets/admin/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
   <link rel="stylesheet" href="<?php echo base_url()?>assets/admin/dist/css/adminlte.min.css">
   <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
-  <style type="text/css" media="screen">
+ <style type="text/css" media="screen">
     .login-box{
       min-width: 30%;
-      border-radius: 5px !important;
     }
     
+    /* Efek Kaca / Glassmorphism */
+    .card {
+        background: rgba(255, 255, 255, 0.3) !important; /* Putih transparan */
+        backdrop-filter: blur(10px) !important; /* Efek buram */
+        -webkit-backdrop-filter: blur(10px) !important; /* Support browser Safari */
+        border: 1px solid rgba(255, 255, 255, 0.4) !important;
+        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
+        border-radius: 15px !important;
+    }
+
+    .login-card-body {
+        background: transparent !important; /* Body card jadi transparan */
+    }
+    
+    /* Menyesuaikan warna tulisan agar tetap terbaca di atas kaca */
+    .login-logo a, .login-box-msg {
+        color: #333 !important;
+        font-weight: 500;
+    }
   </style>
 </head>
 <body class="hold-transition login-page" style="background-image: url('<?php echo base_url() ?>assets/img/background-sekolah.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat;">
