:root{
      --bg-deep:#020713;
      --text-main:#e5f1ff;
      --text-soft:#a0b2d2;
      --text-faded:#7d90b2;
      --text-bright:#ffffff;
      --border-soft:rgba(96,145,220,.9);
      --ink:#04101f;
    }

    body{
      margin:0;
      min-height:100vh;
      background:
        radial-gradient(circle at 12% -10%, rgba(121,190,255,.20) 0, transparent 55%),
        radial-gradient(circle at 90% -18%, rgba(98,170,255,.16) 0, transparent 60%),
        linear-gradient(180deg, #020713 0%, #01030b 52%, #000 100%);
      color:var(--text-main);
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }

    main{ padding:1.4rem 0 3.5rem; }

    .glass{
      border-radius:18px;
      background: radial-gradient(circle at top left,
                  rgba(92,160,255,.24) 0,
                  rgba(5,15,32,.97) 46%,
                  #040915 100%);
      border:1px solid var(--border-soft);
      box-shadow:
        0 0 0 1px rgba(0,0,0,.97),
        0 24px 48px rgba(5,20,48,.92),
        inset 0 0 18px rgba(110,180,255,.12);
      backdrop-filter: blur(18px);
    }

    .pad{ padding:1rem 1.15rem; }

    /* Tabs */
    .tabs{
      display:flex;
      gap:.25rem;
      border-bottom:1px solid rgba(122,190,255,.45);
      margin-bottom:1rem;
    }

    .tab{
      border-radius:14px 14px 0 0;
      border:1px solid rgba(122,190,255,.45);
      border-bottom:none;
      background: rgba(3,10,24,.85);
      color: var(--text-soft);
      padding:.55rem 1.1rem;
      font-size:.8rem;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      transition:.14s ease;
      position:relative;
    }

    .tab:hover{
      color: var(--text-main);
      background: rgba(6,18,40,.95);
    }

    .tab.active{
      color: var(--text-bright);
      background:
        radial-gradient(circle at top,
          rgba(140,205,255,.55) 0,
          rgba(40,110,200,.45) 40%,
          rgba(5,15,32,.98) 100%);
      border-color: rgba(214,238,255,.95);
      border-bottom:1px solid rgba(5,15,32,.98);
      z-index:2;
      font-weight:700;
    }

    /* Forms */
    .label{
      font-size:.78rem;
      color:var(--text-faded);
      letter-spacing:.1em;
      text-transform:uppercase;
      margin-bottom:.3rem;
    }

    .field{
      position:relative;
    }

    .field i{
      position:absolute;
      left:14px;
      top:50%;
      transform:translateY(-50%);
      color:rgba(148,206,255,.92);
    }

    input{
      width:100%;
      border-radius:14px;
      border:1px solid rgba(92,150,230,.96);
      padding:.62rem .85rem .62rem 2.3rem;
      font-size:.92rem;
      background: rgba(3,10,24,.96);
      color: var(--text-main);
      box-shadow: inset 0 0 12px rgba(0,0,0,.9);
    }

    input:focus{
      outline:none;
      border-color: rgba(151,210,255,1);
      box-shadow: 0 0 20px rgba(151,210,255,.5);
    }

    .btn-primary{
      border-radius:999px;
      padding:.55rem 1.15rem;
      border:1px solid rgba(214,238,255,.98);
      background: linear-gradient(135deg, rgba(67,151,255,.42), rgba(134,209,255,.88));
      color:var(--ink);
      font-size:.8rem;
      font-weight:800;
      letter-spacing:.09em;
      text-transform:uppercase;
      box-shadow: 0 10px 22px rgba(0,0,0,.92);
    }

    .btn-primary:hover{
      transform: translateY(-1px);
    }

    .panel{ display:none; }
    .panel.active{ display:block; }

    .feature{
      display:flex;
      gap:.75rem;
      padding:.65rem .7rem;
      border-radius:16px;
      border:1px solid rgba(63,103,180,.72);
      background: rgba(3,10,24,.72);
      margin-bottom:.55rem;
    }

    .feature .ico{
      width:38px;
      height:38px;
      border-radius:14px;
      border:1px solid rgba(122,190,255,.96);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#e6f4ff;
      background: radial-gradient(circle at 30% 0,
          rgba(148,206,255,.55) 0,
          rgba(67,151,255,.32) 45%,
          rgba(3,10,24,.98) 100%);
    }

    .feature p{ margin:0; }
    .feature .t{ font-weight:650; color:var(--text-bright); }
    .feature .d{ font-size:.84rem; color:var(--text-soft); }
    
    .mini-kicker{
      font-size:.78rem;
      text-transform:uppercase;
      letter-spacing:.16em;
      color:var(--op-text-faded);
      display:flex;
      align-items:center;
      gap:.45rem;
      margin-bottom:.25rem;
    }
    .mini-title{
      font-size:1rem;
      font-weight:650;
      color:var(--op-text-bright);
      margin:0 0 .35rem;
    }