:root{--ink:#202735;--navy:#071a37;--blue:#2f8fd8;--blue2:#79c8ff;--gold:#d6a84a;--paper:#f5f8fc;--white:#fff;--line:#dce5ef;--muted:#697486;--danger:#d94d5c;--ok:#18a66e;--shadow:0 14px 40px rgba(29,61,96,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Tahoma,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 max(24px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(199,216,233,.75);position:sticky;top:0;z-index:20;box-shadow:0 4px 24px rgba(30,66,100,.06);backdrop-filter:blur(16px)}.brand{font-family:Georgia,serif;font-size:22px;font-weight:800;color:#102b54}.gem{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;color:#fff;background:linear-gradient(145deg,#8bd5ff,#287fd0);border-radius:50%;box-shadow:0 5px 15px rgba(47,143,216,.3)}.topbar nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600;color:#4c5664}.topbar nav>a,.link{transition:color .2s ease,transform .2s ease}.topbar nav>a:hover,.link:hover{color:var(--blue);transform:translateY(-1px)}.nav-cta{padding:11px 18px!important;color:#fff!important;background:linear-gradient(135deg,#55b4f2,#2f8fd8);border-radius:6px;box-shadow:0 8px 20px rgba(47,143,216,.24)}.inline{display:inline}.link{background:none;border:0;color:#4c5664;cursor:pointer;font:inherit}.hero{min-height:calc(100vh - 78px);height:760px;max-height:900px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:url("hero.png") center 42%/cover no-repeat;padding:70px 24px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,42,.03) 15%,rgba(4,15,35,.08) 48%,rgba(3,13,31,.84) 100%)}.hero:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);pointer-events:none}.hero-shine{position:absolute;width:46vw;max-width:700px;aspect-ratio:1;border:1px solid rgba(168,220,255,.35);border-radius:50%;top:5%;left:50%;transform:translateX(-50%);box-shadow:0 0 80px rgba(54,145,244,.12),inset 0 0 80px rgba(54,145,244,.08)}.hero-copy{position:relative;z-index:2;text-align:center;max-width:760px;color:#fff}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:2px}.hero .eyebrow{color:#9edcff}.hero h1{margin:0;font:700 44px Georgia,serif;text-shadow:0 3px 20px rgba(0,0,0,.5)}.hero-copy>p:not(.eyebrow){max-width:680px;margin:15px auto 0;color:#e8f3ff;font-size:17px;line-height:1.8}.actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.button{display:inline-flex;min-height:46px;padding:0 24px;align-items:center;justify-content:center;border:0;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.04)}.primary,.gold{color:#fff;background:linear-gradient(135deg,#4eb3f6,#247ecb);box-shadow:0 10px 24px rgba(30,119,198,.3)}.secondary,.ghost{color:#fff;background:rgba(8,24,52,.55);border:1px solid rgba(255,255,255,.62);backdrop-filter:blur(8px)}.full{width:100%}.server-pill{position:absolute;z-index:3;left:28px;bottom:28px;display:flex;align-items:center;gap:9px;padding:10px 14px;color:#dbe9f7;background:rgba(4,17,38,.7);border:1px solid rgba(160,211,255,.25);border-radius:5px;backdrop-filter:blur(12px);font-size:10px;letter-spacing:1px}.server-pill i{width:8px;height:8px;background:#3be49f;border-radius:50%;box-shadow:0 0 12px #3be49f}.server-pill strong{color:#54edae}.welcome-band{text-align:center;padding:64px 24px 38px;background:#fff}.welcome-band h2{margin:4px 0 12px;color:#25354c;font:700 38px Georgia,serif}.welcome-band>p:last-child{color:var(--muted)}.section{max-width:1220px;margin:auto;padding:62px 24px}.section.compact{padding-top:34px;padding-bottom:34px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section h2{font:700 30px Georgia,serif;margin:0;color:#28364b}.text-link{color:var(--blue);font-weight:700;font-size:13px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package{min-height:230px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 30px rgba(30,67,102,.06);display:flex;flex-direction:column;justify-content:space-between;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.package:hover{transform:translateY(-5px);border-color:#a9d8f7;box-shadow:var(--shadow)}.package h3{font-size:20px;margin:16px 0 8px}.package p,.package small{color:var(--muted);line-height:1.65}.package strong{font-size:28px;color:#2079bf}.badge{display:inline-block;padding:5px 9px;color:#1f75b5;background:#e8f5ff;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}.auth-shell{max-width:1080px;margin:54px auto;display:grid;grid-template-columns:1fr 460px;min-height:640px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow)}.auth-art{padding:48px;color:#fff;background:linear-gradient(180deg,rgba(7,24,54,.06),rgba(5,18,42,.88)),url("hero.png") center/cover;display:flex;flex-direction:column;justify-content:flex-end}.auth-art .eyebrow{color:#9edcff}.auth-art h1{font:700 46px Georgia,serif}.form-panel{padding:42px;display:flex;flex-direction:column;gap:16px}.form-panel h2{font:700 30px Georgia,serif;margin:0 0 8px;color:#24354c}.form-panel label,.form-panel legend{font-size:13px;color:#566273}.form-panel input,.row-form input,.row-form select,.form-panel select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ced9e5;background:#f9fbfd;color:var(--ink);border-radius:5px;outline:0;transition:border-color .2s ease,box-shadow .2s ease}.form-panel input:focus,.row-form input:focus,.row-form select:focus{border-color:#5eb3eb;box-shadow:0 0 0 3px rgba(73,164,225,.13)}.form-panel fieldset{border:1px solid var(--line);border-radius:5px;display:flex;gap:24px}.choice{display:flex!important;align-items:center;gap:8px}.choice input{width:auto!important;margin:0!important}.dashboard-head{max-width:1220px;margin:auto;padding:54px 24px 30px;display:flex;justify-content:space-between;align-items:end}.dashboard-head h1{font:700 42px Georgia,serif;margin:4px 0;color:#22334c}.account-id{padding:12px 16px;color:var(--muted);text-align:right;background:#fff;border:1px solid var(--line);border-radius:5px}.account-id strong{display:block;color:#267fc2;font-size:21px}.tabs{max-width:1172px;margin:auto;display:flex;gap:30px;border-bottom:1px solid var(--line)}.tabs a{padding:15px 2px;color:var(--muted);font-weight:700;font-size:13px;border-bottom:2px solid transparent;transition:.2s ease}.tabs a:hover{color:var(--blue);border-color:var(--blue)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px rgba(31,68,104,.05)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:15px 17px;text-align:left;border-bottom:1px solid #edf1f5}th{font-size:11px;letter-spacing:.5px;color:#788493;background:#f8fafc}tbody tr{transition:background .18s ease}tbody tr:hover{background:#f3f9fe}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-block;padding:5px 9px;font-size:10px;font-weight:800;border-radius:4px}.online,.approved,.sent,.used,.active,.redeemed{color:#087c52;background:#ddf7ec}.offline,.pending,.processing{color:#9a6810;background:#fff2ce}.rejected,.failed,.cancelled{color:#ad3340;background:#ffe5e8}.row-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:20px;background:#fff;border:1px solid var(--line);border-radius:6px}.row-form input,.row-form select{margin:0}.code-row,.queue-row{padding:15px 17px;border:1px solid var(--line);border-bottom:0;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .18s ease}.code-row:hover,.queue-row:hover{background:#f4f9fd}.code-row:first-of-type,.queue-row:first-of-type{border-radius:6px 6px 0 0}.code-row:last-child,.queue-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 6px 6px}code{color:#176ead;font-size:14px}.mini{display:inline-flex;align-items:center;padding:7px 11px;margin-left:5px;background:#eef4f9;border:1px solid #cfdae5;color:#34465d;cursor:pointer;border-radius:4px;transition:.18s ease}.mini:hover{background:#dfeefa;transform:translateY(-1px)}.approve{color:#087c52;border-color:#9bd8c1}.reject{color:#ad3340;border-color:#efb8be}.flash{max-width:1000px;margin:16px auto;padding:13px 16px;border-radius:5px;border:1px solid}.flash.success{color:#087c52;border-color:#a6ddc8;background:#e7f8f0}.flash.danger{color:#ad3340;border-color:#efbdc3;background:#fff0f2}.muted{color:var(--muted);line-height:1.6}.form-link,.gold-text{color:#217fbe}.search input,.package-form input,.package-form textarea{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}footer{padding:34px;text-align:center;color:#7b8795;background:#fff;border-top:1px solid var(--line);font-size:12px}@media(max-width:760px){.topbar{height:auto;min-height:68px;padding:12px 16px}.topbar nav{gap:12px}.topbar nav>a:first-child{display:none}.brand{font-size:18px}.hero{height:690px;min-height:calc(100svh - 68px);padding:48px 18px 72px}.hero-shine{width:88vw;top:10%}.hero h1{font-size:32px}.hero-copy>p:not(.eyebrow){font-size:15px}.server-pill{left:16px;bottom:16px}.welcome-band{padding:46px 20px 24px}.welcome-band h2{font-size:30px}.package-grid{grid-template-columns:1fr}.auth-shell{margin:18px 12px;grid-template-columns:1fr}.auth-art{min-height:230px;padding:26px}.auth-art h1{font-size:32px}.form-panel{padding:26px}.dashboard-head{align-items:start;flex-direction:column;gap:16px}.account-id{text-align:left}.tabs{padding:0 16px;overflow:auto}.row-form{grid-template-columns:1fr}.code-row,.queue-row{gap:12px;align-items:flex-start;flex-direction:column}.topbar nav a{font-size:12px}.section{padding-left:16px;padding-right:16px}.section-head{align-items:start;gap:12px;flex-direction:column}}