/* same global glass style as index */
    .glass {
      background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.028));
      border: 1px solid var(--glass-border, rgba(255,255,255,0.08));
      box-shadow: 0 6px 30px rgba(23,12,40,.23), 0 0 40px rgba(124,84,242,0.09);
      backdrop-filter: blur(9px) saturate(110%);
      -webkit-backdrop-filter: blur(9px) saturate(110%);
      border-radius: 16px;
    }
    .logo-gradient {
      background:linear-gradient(90deg,#7C54F2,#B139D7); -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .dots-bg { position: relative; overflow: visible;}
    .dots-bg::before {
      content: ""; position: absolute; inset: 0; pointer-events: none;
      background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px) !important;
      background-size: 16px 16px; z-index: 0; mix-blend-mode: normal; }
    .dots-bg > * { position: relative; z-index: 1; }
    .btn-main { background: linear-gradient(90deg,#7C54F2,#B139D7); padding: .62rem 1.2rem; border-radius: .6rem; font-weight:600; color:white; display:inline-flex; gap:.7rem; align-items:center; box-shadow: 0 6px 30px rgba(124,84,242,0.14); transition: transform .18s, box-shadow .18s;}
    .btn-main:hover{transform:scale(1.03) translateY(-2px);box-shadow: 0 12px 40px rgba(124,84,242,0.25);}
    .btn-ghost { border:1px solid rgba(255,255,255,0.08); padding:.6rem 1.1rem;border-radius: .6rem; color:#eaeaea; background: rgba(24, 24, 27, 0.63);backdrop-filter: blur(5px);}
    .btn-ghost:hover{background:rgba(124,84,242,0.12);color:#fff;}
    .input-glass {background:rgba(255,255,255,0.03); color:#e6e6ea; border:1px solid rgba(255,255,255,0.10); border-radius:.7rem; padding:.75rem 1.1rem; width:100%; font-size:1rem; font-family:poppins,sans-serif;}
    .input-glass:focus{outline:none; border-color:#7C54F2; background:rgba(124,84,242,0.045);}
    .input-icon{position:absolute;left:1.1rem;top:1rem;color:#7C54F2;}
    .error-msg{background:rgba(255,60,90,0.10); color:#ff3a3a; border-left:4px solid #ff3a3a; padding:.7rem 1rem; border-radius:.7rem;width:100%;margin-bottom:1.2rem;font-weight:500;}
    /* Loader */
    #page-loader {
      position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:60;background:linear-gradient(180deg,#0b0b10,#1b1530);
    }
    #page-loader.hidden{display:none;}