:root{--navy-950:#0c1626;--navy-900:#101d33;--navy-800:#16273f;--navy-700:#1f334d;--navy-600:#2c4566;--paper:#f8fafc;--paper-dim:#f1f5f9;--ink:#16202e;--ink-soft:#4a5568;--gold-500:#3157e8;--gold-400:#3157e8;--gold-100:#eef0ff;--line:#e2e8f0;--success:#2f7d5a;--success-bg:#e6f2ec;--warn:#a8701f;--warn-bg:#faf0dd;--danger:#b6402f;--danger-bg:#fbeae6;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--premium-indigo:#07154a;--premium-midnight:#101f66;--premium-blue:#3157e8;--premium-purple:#6d3df5;--premium-lavender:#eef0ff;--premium-yellow:#f6c84c;--premium-orange:#f59e0b;--premium-green:#22c55e;--premium-text:#111827;--premium-text-secondary:#64748b;--premium-border:#e5e7eb;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #101d330f, 0 1px 1px #101d330a;--shadow-md:0 4px 14px #101d3314, 0 2px 4px #101d330f;--shadow-lg:0 12px 32px #101d3324, 0 4px 10px #101d3314}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--navy-950);margin:0;font-weight:600}button,input,select{font-family:inherit}a{color:inherit}::selection{background:var(--gold-100)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-950), var(--navy-900) 60%, var(--navy-800));color:#e8ecf2;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.brand-mark{font-family:var(--font-display);color:var(--gold-400);font-size:22px;font-weight:700}.brand-sub{color:#8fa0b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px;font-size:11px}.nav-group{margin-top:18px}.nav-label{letter-spacing:.09em;text-transform:uppercase;color:#6d7f99;margin:0 0 8px 10px;font-size:10.5px}.nav-link{border-radius:var(--radius-sm);color:#c7d1de;opacity:1;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14.5px;text-decoration:none;transition:background .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#3157e840;font-weight:600}.sidebar-footer{color:#6d7f99;border-top:1px solid #ffffff14;margin-top:auto;padding-top:18px;font-size:12px}.main{max-width:1180px;padding:36px 44px 60px}.page-header{margin-bottom:28px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-500);margin-bottom:6px;font-size:11.5px;font-weight:600}.page-title{font-size:30px}.page-sub{color:var(--ink-soft);max-width:640px;margin-top:6px;font-size:14.5px;line-height:1.5}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.card-pad{padding:32px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px 22px}.stat-value{font-family:var(--font-display);color:var(--navy-950);font-size:32px;font-weight:700;line-height:1.1}.stat-label{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold-500);color:#fff;box-shadow:0 4px 12px #3157e840}.btn-primary:hover{background:#274bcc;transform:translateY(-1px);box-shadow:0 6px 16px #3157e859}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--navy-900);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--paper-dim)}.btn-danger-ghost{color:var(--danger);background:0 0;border:1px solid #eccac2;padding:6px 12px;font-size:13px}.btn-danger-ghost:hover{background:var(--danger-bg)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--paper-dim);color:var(--ink-soft)}.badge-gold{background:var(--gold-100);color:var(--gold-500)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper-dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:11px}tbody td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--paper-dim)}.q-text{max-width:340px;line-height:1.4}.field{margin-bottom:20px}.field label{color:var(--navy-900);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.field select,.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number]{border:1.5px solid var(--line);width:100%;color:var(--navy-950);box-sizing:border-box;background:#fcfcfd;border-radius:8px;padding:12px 16px;font-size:14.5px;transition:all .2s}.field select:focus,.field input:focus{border-color:var(--gold-400);background:#fff;outline:none;box-shadow:0 0 0 4px #3157e826}.field input::placeholder{color:#94a3b8}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.filter-bar .field{min-width:150px;margin-bottom:0}.dropzone{border:2px dashed var(--line);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#fff;padding:48px 24px;transition:border-color .15s,background .15s}.dropzone.active{border-color:var(--gold-500);background:var(--gold-100)}.dropzone-icon{margin-bottom:12px;font-size:34px}.skeleton{background:linear-gradient(90deg, var(--paper-dim) 25%, #e2e8f0 37%, var(--paper-dim) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.syllabus-exam{margin-bottom:28px}.syllabus-subject{margin-top:14px;padding-left:4px}.syllabus-subject-name{font-family:var(--font-display);color:var(--navy-900);margin-bottom:8px;font-size:17px;font-weight:600}.chapter-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;display:flex}.chapter-row.removed{background:var(--danger-bg);border-color:#eccac2}.chapter-name{font-size:14px;font-weight:500}.chapter-meta{color:var(--ink-soft);margin-top:2px;font-size:12px}.status-select{border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;padding:6px 10px;font-size:12.5px;font-weight:600}.empty-state{text-align:center;color:var(--ink-soft);padding:48px 24px}.empty-state h3{color:var(--navy-900);margin-bottom:8px;font-size:18px}.alert{border-radius:var(--radius-md);margin-bottom:18px;padding:14px 18px;font-size:13.5px;line-height:1.5}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #cbe6d8}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f0cec6}.mono{font-family:var(--font-mono)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1200;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;max-width:95vw;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalIn;position:relative;overflow-y:auto;box-shadow:0 20px 40px #00000040}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:700}.modal-body{padding:20px 22px}.close-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:22px;line-height:1}.close-btn:hover{color:var(--ink)}.mobile-app-bar,.sidebar-backdrop,.mobile-sidebar-close,.mobile-only-brand,.mobile-bottom-bar,.sidebar-mobile-profile,.sidebar-credit-banner{display:none}.sidebar-desktop-brand{display:block}.sidebar-user-summary{color:#c7d1de;margin-bottom:8px}.sidebar-user-summary .user-name{color:#fff;font-weight:600}.sidebar-user-summary .user-email{color:#94a3b8;font-size:11px}.sidebar-logout-btn{color:#c7d1de;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:6px 10px;font-size:12px;transition:all .15s}.sidebar-logout-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}@media (width<=900px){html,body{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden}.shell{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.mobile-app-bar{padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;-webkit-backdrop-filter:blur(16px);color:#fff;z-index:950;background:#07154af5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0003}.mobile-app-bar-left{align-items:center;gap:8px;display:flex}.mobile-app-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.mobile-app-toggle:active{background:#ffffff1f}.mobile-app-brand .brand-mark{font-family:var(--font-display);color:#f6c84c;letter-spacing:-.02em;font-size:18px;font-weight:800}.mobile-app-bar-right{align-items:center;gap:10px;display:flex}.mobile-credit-pill{color:#f6c84c;background:#f6c84c26;border:1px solid #f6c84c59;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.mobile-credit-pill:active{background:#f6c84c40;transform:scale(.95)}.mobile-admin-badge{color:#93c5fd;background:#3157e840;border:1px solid #3157e873;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.mobile-user-avatar{color:#f6c84c;cursor:pointer;background:linear-gradient(135deg,#1e293b,#0f172a);border:1.5px solid #f6c84c66;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #0003}.mobile-user-avatar:active{transform:scale(.92)}.mobile-bottom-bar{z-index:950;height:calc(58px + env(safe-area-inset-bottom,0px));padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px)) 6px;-webkit-backdrop-filter:blur(24px);background:#07154af5;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000059}.mobile-tab-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:3px 2px;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s,transform .15s;display:flex}.mobile-tab-item:active{transform:scale(.92)}.mobile-tab-item.active{color:#f6c84c;font-weight:700}.mobile-tab-item.active .mobile-tab-icon{color:#f6c84c;filter:drop-shadow(0 0 6px #f6c84c73)}.mobile-tab-icon{justify-content:center;align-items:center;height:22px;margin-bottom:2px;display:flex}.mobile-tab-label{letter-spacing:.01em}.hero-tab{margin-top:-16px;position:relative}.mobile-hero-fab{color:#07154a;background:linear-gradient(135deg,#fde68a 0%,#f59e0b 100%);border:3px solid #07154a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #f59e0b73}.hero-tab:active .mobile-hero-fab{transform:scale(.92);box-shadow:0 2px 8px #f59e0b4d}.hero-label{margin-top:2px;font-size:10px;font-weight:700;color:#f6c84c!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1050;background:#000000a6;display:block;position:fixed;inset:0}.sidebar{z-index:1100;width:300px;max-width:85vw;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px)) 16px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 36px #000000a6}.sidebar.mobile-open{transform:translate(0)}.sidebar-desktop-brand{display:none}.sidebar-mobile-profile{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:14px;display:flex}.drawer-user-info{align-items:center;gap:10px;min-width:0;display:flex}.drawer-user-avatar{color:#07154a;background:linear-gradient(135deg,#f6c84c,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.drawer-user-meta{min-width:0;overflow:hidden}.drawer-user-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.drawer-user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mobile-sidebar-close{color:#c7d1de;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.sidebar-credit-banner{background:#f6c84c14;border:1px solid #f6c84c40;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 12px;display:flex}.sidebar-credit-banner .credit-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;font-size:10px;display:block}.sidebar-credit-banner .credit-amount{color:#f6c84c;font-size:13px;font-weight:700;display:block}.sidebar-credit-banner .credit-recharge-btn{color:#07154a;background:#f6c84c;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:700;text-decoration:none}.sidebar-logout-btn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444447;border-radius:10px;width:100%;margin-top:10px;padding:11px 14px;font-size:13px;font-weight:600}.main{max-width:100%;overflow-x:hidden;padding:18px 14px calc(80px + env(safe-area-inset-bottom,16px))!important}.page-header{margin-bottom:20px}.page-title{letter-spacing:-.02em;font-size:22px}.page-sub{font-size:12.5px}.card-pad{border-radius:14px;padding:18px 14px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{border-radius:12px;padding:14px 12px}.stat-value{font-size:24px}.stat-label{font-size:11px}.filter-bar{flex-direction:column;align-items:stretch;gap:10px}.filter-bar .field{width:100%}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],select,textarea{border-radius:10px;min-height:44px;font-size:16px!important}.btn,.btn-primary,.btn-ghost{border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform .1s,background .15s;display:inline-flex}.btn:active,.btn-primary:active,.btn-ghost:active{transform:scale(.97)}.mobile-only-brand{display:block}}.landing-page{font-family:var(--font-body);color:var(--premium-text);background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.landing-header{z-index:1000;background-color:var(--premium-indigo);color:#fff;justify-content:space-between;align-items:center;padding:24px 64px;transition:background-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.landing-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#07154af2;padding:16px 64px;box-shadow:0 4px 20px #0000001a}.brand-logo{font-family:var(--font-display);color:#fff;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand-text-wrap{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-name-text{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:22px;font-weight:800}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{color:#ffffffe6;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.header-actions{align-items:center;gap:24px;display:flex}.btn-signin{color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s}.btn-signin:hover{opacity:.8}.btn-primary-yellow{color:#0c1626;cursor:pointer;background:linear-gradient(135deg,#f6c84c 0%,#f59e0b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 4px 14px #f59e0b66}.btn-primary-yellow:hover{background-color:#f8d365;transform:translateY(-2px);box-shadow:0 8px 16px #f6c84c4d}.btn-icon-right{margin-left:8px;transition:transform .2s}.btn-primary-yellow:hover .btn-icon-right{transform:translate(4px)}.btn-outline-white{color:#fff;background-color:#0000;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-outline-white:hover{background-color:#ffffff1a;border-color:#ffffff80}.hero-section{color:#fff;background:linear-gradient(135deg,#0a1138 0%,#101f66 100%);justify-content:center;align-items:center;padding:64px 64px 80px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:1;background-image:radial-gradient(circle at 15% 30%,#ffffff0d 2px,#0000 2px),radial-gradient(circle at 85% 20%,#ffffff0d 2px,#0000 2px),radial-gradient(circle at 75% 80%,#ffffff0d 2px,#0000 2px);background-size:100px 100px;position:absolute;inset:0}.hero-container{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1280px;display:flex;position:relative}.hero-content{flex:1;max-width:600px}.hero-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;border:1px solid #ffffff80;border-radius:100px;margin-bottom:32px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.hero-title{color:#fff;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.hero-title span{color:var(--premium-yellow)}.hero-subtitle{color:#fffc;max-width:520px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:16px;display:flex}.hero-visual{flex:1;justify-content:center;align-items:center;height:500px;display:flex;position:relative}.hero-visual:before{content:"";z-index:-1;background:radial-gradient(circle,#6d3df566 0%,#6d3df500 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-image-mock{z-index:2;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fffc;border-radius:16px;flex-direction:column;width:320px;height:420px;padding:24px;animation:6s ease-in-out infinite float-paper;display:flex;position:absolute;box-shadow:0 24px 48px #0000004d}.hero-image-shadow-1{z-index:1;background:#182a7a;border:1px solid #ffffff1a;border-radius:16px;width:320px;height:420px;animation:6s ease-in-out infinite float-shadow1;position:absolute;transform:translate(-15px,20px)rotate(-4deg)}.hero-image-shadow-2{z-index:0;background:#0c1645;border:1px solid #ffffff0d;border-radius:16px;width:320px;height:420px;animation:6s ease-in-out infinite float-shadow2;position:absolute;transform:translate(-30px,40px)rotate(-8deg)}@keyframes float-paper{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes float-shadow1{0%,to{transform:translate(-15px,20px)rotate(-4deg)}50%{transform:translate(-15px,15px)rotate(-3deg)}}@keyframes float-shadow2{0%,to{transform:translate(-30px,40px)rotate(-8deg)}50%{transform:translate(-30px,30px)rotate(-7deg)}}.floating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:3;background:#101f66cc;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:transform .3s;display:flex;position:absolute;box-shadow:0 8px 24px #0003}.floating-badge:hover{transform:translateY(-5px)scale(1.05)}.badge-ai{animation:5s ease-in-out .5s infinite float-b1;top:40px;left:-40px}.badge-qc{animation:5s ease-in-out 1s infinite float-b1;top:120px;right:-60px}.badge-sm{animation:5s ease-in-out 1.5s infinite float-b1;bottom:80px;left:-20px}.badge-pr{animation:5s ease-in-out 2s infinite float-b1;bottom:40px;right:-40px}@keyframes float-b1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.trust-strip{color:#fff;z-index:3;background:#07154a;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:center;gap:80px;margin-top:-1px;padding:24px 64px;display:flex;position:relative}.trust-item{align-items:center;gap:16px;display:flex}.trust-icon{width:32px;height:32px;color:var(--premium-lavender)}.trust-text{font-size:16px;font-weight:700;font-family:var(--font-display)}.trust-subtext{color:#fff9;font-size:13px;font-weight:400}.features-section{text-align:center;background-color:#fff;padding:80px 64px}.section-eyebrow{color:var(--premium-blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.section-title{font-family:var(--font-display);color:var(--premium-midnight);margin-bottom:24px;font-size:40px;font-weight:800}.section-title span{color:var(--premium-purple)}.features-grid{grid-template-columns:repeat(3,1fr);gap:64px 32px;max-width:1100px;margin:48px auto 0;display:grid}.feature-card{text-align:center;background:#fff;border:2px solid #3157e8;border-radius:12px;padding:48px 24px 32px;transition:transform .3s,box-shadow .3s;position:relative}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3157e826}.feature-card-number{color:#fff;width:64px;height:64px;font-family:var(--font-display);background-color:#3157e8;border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.feature-card-title{font-family:var(--font-display);color:var(--premium-midnight);margin-bottom:12px;font-size:18px;font-weight:800}.feature-card-body{color:var(--premium-text-secondary);font-size:14px;line-height:1.6}.how-it-works-section{background-color:var(--premium-lavender);text-align:center;padding:80px 64px}.steps-container{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1100px;margin:48px auto 0;display:flex;position:relative}.step-card{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-number{background-color:var(--premium-midnight);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:32px;font-size:20px;font-weight:700;display:flex;box-shadow:0 8px 16px #101f6633}.step-visual-wrapper{justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:32px;display:flex;position:relative}.step-title{font-family:var(--font-display);color:var(--premium-midnight);margin-bottom:12px;font-size:22px;font-weight:800}.step-body{color:var(--premium-text-secondary);max-width:280px;font-size:15px;line-height:1.6}.step-connector-container{z-index:1;justify-content:center;align-items:center;width:68%;display:flex;position:absolute;top:140px;left:16%}.step-connector-line{flex:1}.step-connector-line:nth-child(3){flex:2}.step-connector-line{background-image:linear-gradient(90deg,#3157e866 50%,#0000 50%);background-repeat:repeat-x;background-size:12px 2px;height:2px;margin:0 24px}.step-connector-arrow{color:var(--premium-blue);letter-spacing:-2px;background-color:var(--premium-lavender);padding:0 8px;font-size:24px;font-weight:800}.cta-section{background-color:#fff;justify-content:center;padding:80px 64px;display:flex}.cta-box{background:linear-gradient(135deg,#0a1138 0%,#101f66 100%);border-radius:24px;width:100%;max-width:1100px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #07154a26}.cta-box-content{z-index:2;flex:1;padding:80px 64px;position:relative}.cta-title{font-family:var(--font-display);margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.15;color:#fff!important}.cta-subtitle{color:#fffc;max-width:400px;margin-bottom:40px;font-size:18px;line-height:1.6}.cta-btn{border-radius:12px!important;padding:16px 32px!important;font-size:16px!important}.cta-trust{align-items:center;gap:16px;margin-top:48px;display:flex}.cta-avatars{display:flex}.cta-avatar{background:#e2e8f0;border:2px solid #101f66;border-radius:50%;width:40px;height:40px;margin-left:-12px}.cta-avatar:first-child{background:#6d3df5;margin-left:0}.cta-trust-text{flex-direction:column;display:flex}.cta-trust-text .stars{color:var(--premium-yellow);margin-bottom:4px;font-size:16px}.cta-trust-text span{color:#ffffffe6;font-size:13px;font-weight:600}.cta-box-visual{flex:1;min-height:400px;position:relative}.cta-box-visual:before{content:"";background:radial-gradient(circle,#6d3df533 0%,#0000 70%);position:absolute;inset:0}.floating-orb{filter:blur(50px);z-index:0;border-radius:50%;position:absolute}.orb-1{background:var(--premium-purple);opacity:.4;width:250px;height:250px;top:-50px;right:-50px}.orb-2{background:var(--premium-blue);opacity:.5;width:200px;height:200px;bottom:0;left:50px}.cta-glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;width:260px;height:320px;padding:32px 24px;animation:6s ease-in-out infinite float-glass;position:absolute;top:50%;left:50%;transform:translate(-30%,-45%)rotate(6deg);box-shadow:0 24px 40px #0000004d}.glass-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.glass-circle{background:#ffffff26;border-radius:50%;width:48px;height:48px}.glass-line{background:#ffffff26;border-radius:6px;height:12px;margin-bottom:16px}.glass-line.short{width:60%;margin-bottom:0}.glass-line.full{width:100%}.glass-line.partial{width:75%}.glass-button{background:var(--premium-blue);opacity:.9;border-radius:8px;width:100%;height:40px;margin-top:32px;box-shadow:0 8px 16px #f6c84c33}@keyframes float-glass{0%,to{transform:translate(-30%,-45%)rotate(6deg)}50%{transform:translate(-30%,-50%)rotate(8deg)}}.landing-footer{color:#ffffffb3;background-color:#050e32;padding:64px 64px 40px}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;max-width:1280px;margin:0 auto 32px;padding-bottom:64px;display:grid}.footer-brand .brand-logo{margin-bottom:16px}.footer-brand p{max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.6}.footer-heading{color:#fff;font-family:var(--font-display);margin-bottom:24px;font-size:16px;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-newsletter input{color:#fff;width:100%;font-family:var(--font-body);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;margin-bottom:12px;padding:12px 16px}.footer-newsletter input::placeholder{color:#fff6}.footer-bottom{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;font-size:12px;display:flex}@media (width<=1024px){.hero-container{text-align:center;flex-direction:column}.hero-content{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.features-grid{grid-template-columns:1fr 1fr}.steps-container{flex-direction:column;align-items:center}.step-connector-container{display:none}.cta-box{flex-direction:column}.cta-box-visual{display:none}.footer-grid{grid-template-columns:1fr 1fr}}.brand-tagline-header{color:#ffffffb3;letter-spacing:.04em;font-size:10px;font-weight:500}@media (width<=480px){.brand-tagline-header{display:none}}.mobile-header-controls{align-items:center;gap:12px;display:none}.mobile-header-signin{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;padding:6px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s}.mobile-header-signin:hover{background:#fff3}.mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#000000a6;position:fixed;inset:60px 0 0}.mobile-nav-drawer{z-index:999;background:#0b1554;border-bottom:2px solid #fde0474d;flex-direction:column;gap:10px;max-height:calc(100vh - 70px);padding:20px 20px 30px;animation:.2s cubic-bezier(.16,1,.3,1) slideDownNav;display:flex;position:fixed;top:60px;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #00000080}@keyframes slideDownNav{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{color:#fff;border-radius:8px;padding:12px 14px;font-size:17px;font-weight:600;text-decoration:none;transition:background .15s}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--premium-yellow);background:#ffffff14}.mobile-nav-divider{background:#ffffff1f;height:1px;margin:6px 0 10px}.mobile-nav-btn{text-align:center;box-sizing:border-box;justify-content:center!important;width:100%!important;padding:14px!important;font-size:15px!important}.pricing-recharge-card{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;gap:48px;width:100%;max-width:900px;padding:48px;display:grid;box-shadow:0 24px 48px #0b15540f}.pricing-section-pad{padding:80px 64px}.pricing-hero{padding:120px 64px 80px}@media (width<=768px){html,body,.landing-page{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}*{box-sizing:border-box}.landing-header{box-sizing:border-box!important;height:58px!important;padding:10px 16px!important}.brand-logo{gap:8px!important;min-width:0!important}.brand-name-text{font-size:18px!important}.brand-tagline-header,.nav-links,.header-actions{display:none!important}.mobile-header-controls{flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.mobile-header-signin{white-space:nowrap!important;border-radius:8px!important;flex-shrink:0!important;padding:6px 12px!important;font-size:12.5px!important}.mobile-menu-toggle{flex-shrink:0!important;padding:6px!important}.hero-section{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;padding:28px 16px 36px!important;display:flex!important;overflow:hidden!important}.hero-container{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important}.hero-content{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;display:flex!important}.hero-title{text-align:center!important;margin-bottom:14px!important;font-size:clamp(26px,7.5vw,36px)!important;line-height:1.2!important}.hero-subtitle{text-align:center!important;color:#ffffffd9!important;max-width:100%!important;margin-bottom:24px!important;font-size:14.5px!important;line-height:1.55!important}.hero-actions{flex-direction:column!important;gap:10px!important;width:100%!important;max-width:320px!important;margin:0 auto!important}.hero-actions .btn-primary-yellow,.hero-actions .btn-outline-white{box-sizing:border-box!important;border-radius:10px!important;justify-content:center!important;width:100%!important;padding:13px 20px!important;font-size:14.5px!important}.hero-visual{display:none!important}.trust-strip{text-align:center!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;padding:24px 16px!important}.trust-item{justify-content:center!important;align-items:center!important;gap:12px!important;display:flex!important}.trust-text{font-size:15px!important}.trust-subtext{font-size:12px!important}.features-section{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:44px 16px!important;overflow:hidden!important}.section-title{text-align:center!important;margin-bottom:28px!important;font-size:clamp(22px,6vw,28px)!important;line-height:1.25!important}.section-eyebrow{text-align:center!important;margin-bottom:8px!important;font-size:11px!important}.features-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:48px 16px!important;width:100%!important;margin-top:40px!important}.feature-card{box-sizing:border-box!important;border-radius:16px!important;padding:36px 18px 24px!important}.how-it-works-section{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:44px 16px!important;overflow:hidden!important}.steps-container{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:32px!important;width:100%!important;margin-top:32px!important}.step-card{box-sizing:border-box!important;width:100%!important;max-width:320px!important}.step-connector-container{display:none!important}.cta-section{box-sizing:border-box!important;background-color:#fff!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:40px 16px!important;display:flex!important;overflow:hidden!important}.cta-box{box-sizing:border-box!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin:0!important;padding:32px 18px!important;box-shadow:0 12px 32px #07154a1f!important}.cta-box-content{box-sizing:border-box!important;text-align:center!important;flex-direction:column!important;flex:none!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:0!important;display:flex!important}.cta-title{text-align:center!important;color:#fff!important;word-break:normal!important;-webkit-hyphens:manual!important;hyphens:manual!important;margin-bottom:12px!important;font-size:clamp(22px,6.5vw,28px)!important;line-height:1.25!important}.cta-subtitle{text-align:center!important;color:#ffffffd9!important;max-width:100%!important;margin-bottom:24px!important;font-size:14px!important;line-height:1.5!important}.cta-actions{justify-content:center!important;width:100%!important;display:flex!important}.cta-btn{box-sizing:border-box!important;border-radius:10px!important;justify-content:center!important;width:100%!important;max-width:320px!important;padding:14px 20px!important;font-size:15px!important}.cta-trust{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:10px!important;margin-top:24px!important;display:flex!important}.cta-box-visual{display:none!important}.landing-footer{box-sizing:border-box!important;width:100%!important;padding:40px 16px 28px!important;overflow:hidden!important}.footer-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:28px!important;width:100%!important}.footer-brand{max-width:100%!important}.footer-bottom{text-align:center!important;box-sizing:border-box!important;border-top:1px solid #ffffff14!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding-top:20px!important}.pricing-recharge-card{box-sizing:border-box!important;border-radius:16px!important;grid-template-columns:1fr!important;gap:24px!important;width:100%!important;padding:24px 16px!important}.pricing-section-pad{box-sizing:border-box!important;padding:40px 16px!important}.pricing-hero{box-sizing:border-box!important;padding:40px 16px 32px!important}.hide-on-mobile{display:none!important}}