:root {
           --bg-dark: #0b0f18;
           --primary: #f5c518;
           --accent: #ffd55b;
           --text-light: #e5e7eb;
           --text-muted: #9ca3af;
           --glass-bg: rgba(15, 23, 42, 0.76);
           --glass-border: rgba(148, 163, 184, 0.25);
           --shadow-lg: 0 22px 48px rgba(2, 8, 23, 0.45);
       }

       * {
           box-sizing: border-box;
       }

       body {
           margin: 0;
           padding: 22px;
           font-family: 'Poppins', sans-serif;
           background-color: var(--bg-dark);
           color: var(--text-light);
           min-height: 100vh;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           background-image:
               radial-gradient(circle at 12% 0%, rgba(245, 197, 24, 0.16) 0%, transparent 36%),
               radial-gradient(circle at 88% 0%, rgba(245, 197, 24, 0.08) 0%, transparent 28%),
               linear-gradient(180deg, #111827 0%, var(--bg-dark) 45%, #080b12 100%);
           text-align: center;
           line-height: 1.6;
           -webkit-font-smoothing: antialiased;
           text-rendering: optimizeLegibility;
       }

       .container {
           width: 100%;
           max-width: 720px;
           padding: 30px 28px 24px;
           background: linear-gradient(180deg, rgba(17, 24, 39, 0.92) 0%, rgba(12, 18, 31, 0.92) 100%);
           border: 1px solid var(--glass-border);
           border-radius: 18px;
           box-shadow: var(--shadow-lg);
           position: relative;
           overflow: hidden;
       }

       .container::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 2px;
           background: linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);
           opacity: 0.9;
       }

       .status-badge {
           display: inline-flex;
           align-items: center;
           gap: 8px;
           padding: 7px 12px;
           border-radius: 999px;
           border: 1px solid rgba(245, 197, 24, 0.45);
           background: rgba(245, 197, 24, 0.12);
           color: #fff3c3;
           font-size: 0.74rem;
           text-transform: uppercase;
           letter-spacing: 0.9px;
           font-weight: 700;
           margin-bottom: 14px;
           font-family: 'Orbitron', sans-serif;
       }

       h1 {
           font-family: 'Orbitron', sans-serif;
           font-size: clamp(1.9rem, 4vw, 2.9rem);
           margin-bottom: 10px;
           color: #fff;
           text-shadow: 0 0 16px rgba(245, 197, 24, 0.35);
           letter-spacing: 0.4px;
       }

       p {
           color: #cbd5e1;
           font-size: 1.02rem;
           margin: 0 auto 24px;
           max-width: 580px;
       }

       .icon-box {
           width: 76px;
           height: 76px;
           margin: 0 auto 16px;
           display: flex;
           align-items: center;
           justify-content: center;
           border-radius: 16px;
           border: 1px solid rgba(245, 197, 24, 0.45);
           background: rgba(245, 197, 24, 0.14);
           font-size: 2.1em;
           color: #fff3c3;
           animation: float 3s ease-in-out infinite;
       }

       @keyframes float {

           0%,
           100% {
               transform: translateY(0);
           }

           50% {
               transform: translateY(-15px);
           }
       }

       .btn-discord {
           background: linear-gradient(45deg, #5865F2, #4752C4);
           color: white;
           padding: 11px 18px;
           border-radius: 10px;
           text-decoration: none;
           font-weight: bold;
           font-family: 'Orbitron';
           font-size: 0.84rem;
           letter-spacing: 0.5px;
           display: inline-flex;
           align-items: center;
           gap: 8px;
           transition: 0.2s;
           border: 1px solid rgba(255, 255, 255, 0.12);
       }

       .btn-discord:hover {
           background: linear-gradient(45deg, #4752C4, #3d47b3);
           box-shadow: 0 12px 24px rgba(88, 101, 242, 0.35);
           transform: translateY(-2px);
       }

       .admin-login {
           margin-top: 24px;
           padding-top: 16px;
           border-top: 1px solid var(--glass-border);
           font-size: 0.84em;
       }

       .admin-login a {
           color: var(--text-muted);
           text-decoration: none;
           display: inline-flex;
           align-items: center;
           gap: 6px;
           transition: 0.2s;
       }

       .admin-login a:hover {
           color: #fff3c3;
       }

       .login-footer {
           margin: 48px auto 24px auto;
           width: min(92%, 760px);
           text-align: center;
           color: var(--text-muted);
           font-size: 0.78rem;
           line-height: 1.55;
           padding: 12px 14px;
           border-radius: 12px;
           border: 1px solid var(--glass-border);
           background: rgba(15, 23, 42, 0.52);
           backdrop-filter: blur(10px);
           -webkit-backdrop-filter: blur(10px);
       }

       .login-footer .dev-credit {
           margin-top: 4px;
       }

       .login-footer .heart-icon {
           color: rgba(239, 68, 68, 0.95);
       }

       .login-footer a {
           color: #a1a1aa;
           text-decoration: none;
           font-weight: 600;
           transition: 0.2s;
       }

       .login-footer a:hover {
           color: #fff3c3;
       }

       @media (max-width: 640px) {
           body {
               padding: 12px;
           }

           .login-footer {
               margin: 28px auto 12px auto;
               font-size: 0.74rem;
               padding: 10px 8px;
               width: 98%;
           }

           .container {
               padding: 22px 14px 18px;
               border-radius: 14px;
           }

           .icon-box {
               width: 64px;
               height: 64px;
               font-size: 1.8em;
           }

           p {
               font-size: 0.95rem;
           }
       }