:root{--navy:#0e2233;--navy-2:#0a1a28;--gold:#d6b15c;--gold-2:#f0d488;--ink:#c9d7e2;--fs-3xl:clamp(2.8125rem,5.2vw,4.375rem);--fs-2xl:clamp(1.875rem,3.4vw,2.34375rem);--fs-xl:clamp(1.5625rem,2.4vw,1.71875rem);--fs-lg:clamp(1.328125rem,2.0vw,1.484375rem);--fs-md:clamp(1.171875rem,1.8vw,1.328125rem);--fs-sm:clamp(1.09375rem,1.6vw,1.25rem);--footer-h:5rem}*{box-sizing:border-box}html{font-size:60%}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--ink);font-size:var(--fs-lg);line-height:1.55;background:radial-gradient(1200px 600px at 85% 10%,rgba(214,177,92,.08),transparent 45%),radial-gradient(800px 400px at 10% 90%,rgba(18,40,60,.9),transparent 60%),linear-gradient(180deg,var(--navy),var(--navy-2))}.container{width:min(100rem,100% - 3.125rem);margin:0 auto}.app-wrap{min-height:100vh;width:100vw;display:grid;place-items:center;padding:1.5625rem}.icon{width:1.71875rem;height:1.71875rem}header[aria-label="site header"]{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--footer-h);backdrop-filter:blur(.78125rem);background:linear-gradient(180deg,rgba(3,12,20,.55),rgba(3,12,20,.25));border-bottom:1px solid rgba(255,255,255,.08)}header[aria-label="site header"] .inner{width:min(100rem,100% - 3.125rem);margin:0 auto;padding:1.25rem 0;display:flex;align-items:center;justify-content:center;gap:.9375rem}header[aria-label="site header"] .title{font-weight:800;letter-spacing:-.01em;font-size:clamp(1.5625rem,2.6vw,2.03125rem);background:linear-gradient(180deg,#fff,#dfeaf6);-webkit-background-clip:text;background-clip:text;color:transparent}.card{position:relative;max-width:100rem;width:100%;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.12);border-radius:2.65625rem;padding:5rem 5.625rem;display:grid;gap:3.75rem;grid-template-columns:15.625rem 1fr;box-shadow:0 2.8125rem 7.5rem rgba(0,0,0,.38);backdrop-filter:blur(.625rem);animation:floatIn .8s ease-out both}@media (max-width:67.1875rem){.card{grid-template-columns:1fr;text-align:center;padding:3.59375rem;gap:2.34375rem}}h1{margin:0 0 1.09375rem;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#eef6ff;font-size:var(--fs-3xl)}.tagline{font-size:var(--fs-xl);line-height:1.65;color:#d7e6f3;opacity:.95}.eyebrow{display:inline-flex;align-items:center;gap:.78125rem;font-size:1.09375rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f0d488;padding:.78125rem .9375rem;border-radius:999px;background:rgba(240,212,136,.1);border:1.5px solid rgba(240,212,136,.32);margin-bottom:.9375rem}.badges{margin-top:1.5625rem;display:flex;gap:.9375rem;flex-wrap:wrap}.badge{border:1.5px solid rgba(255,255,255,.16);color:#eaf2fb;background:rgba(255,255,255,.05);padding:.9375rem 1.09375rem;border-radius:999px;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:.78125rem}.dot{width:.78125rem;height:.78125rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 .3125rem rgba(214,177,92,.18)}.cta-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:2.1875rem}.btn{appearance:none;border:none;cursor:pointer;padding:1.25rem 1.71875rem;border-radius:1.25rem;font-weight:700;letter-spacing:.01em;font-size:var(--fs-md);transition:transform .15s,box-shadow .25s,background .25s,color .25s;text-decoration:none;display:inline-block}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#1a222c;box-shadow:0 .9375rem 2.1875rem rgba(214,177,92,.35),inset 0 1px 0 rgba(255,255,255,.6)}.btn-primary:hover{box-shadow:0 1.40625rem 2.8125rem rgba(214,177,92,.5),inset 0 1px 0 rgba(255,255,255,.8)}.btn-ghost{background:rgba(255,255,255,.07);color:#e5f0ff;border:1.5px solid rgba(255,255,255,.16)}.btn-lg{padding:1.40625rem 2.03125rem;border-radius:1.40625rem;font-size:var(--fs-lg)}.btn[aria-disabled=true]{pointer-events:none;opacity:.55;cursor:default}.footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:0 1.25rem;background:linear-gradient(180deg,rgba(6,14,22,.6),rgba(6,14,22,.92));border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(.78125rem);font-size:var(--fs-md);letter-spacing:.01em;color:#a9bfd1;opacity:.98;z-index:50}.footer strong{color:#e9ba58;font-weight:800}.footer a{color:#cfe4ff;text-decoration:none;border-bottom:1px dashed rgba(207,228,255,.45)}.logo-box{align-self:center;justify-self:center;width:15.625rem;height:15.625rem;background:radial-gradient(60% 60% at 50% 30%,rgba(255,255,255,.18),rgba(255,255,255,.02));border-radius:2.03125rem;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.12);transition:transform .6s cubic-bezier(.2,.9,.2,1),box-shadow .6s;box-shadow:0 2.5rem 5.625rem rgba(0,0,0,.42);perspective:62.5rem}.logo-box:hover{transform:translateY(-.3125rem) rotateX(6deg) rotateY(-6deg);box-shadow:0 3.125rem 6.71875rem rgba(0,0,0,.5)}.logo{width:10.9375rem;height:10.9375rem;object-fit:contain;filter:drop-shadow(0 .625rem 1.09375rem rgba(0,0,0,.35))}.shine{position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.25),transparent 35% 65%,rgba(255,255,255,.1));opacity:.1;pointer-events:none;mix-blend-mode:screen}@keyframes floatIn{0%{opacity:0;transform:translateY(1.09375rem)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.portal-wrap{min-height:100vh;display:flex;flex-direction:column}.portal-topbar{width:min(100rem,100% - 3.125rem);margin:2.1875rem auto 0;padding:1.25rem 1.40625rem;border:1.5px solid rgba(255,255,255,.16);border-radius:1.5625rem;background:linear-gradient(180deg,rgba(8,16,24,.8),rgba(6,14,22,.7));box-shadow:0 1.71875rem 4.375rem rgba(0,0,0,.4);display:grid;gap:.78125rem;grid-template-columns:1fr;justify-items:center;align-items:center}.portal-topbar .brand{display:flex;align-items:center;gap:.9375rem}.portal-topbar .title{font-weight:900;color:#eef6ff;letter-spacing:-.01em;font-size:clamp(1.71875rem,2.8vw,2.1875rem)}.portal-status{display:flex;gap:.78125rem;flex-wrap:wrap;justify-content:center}.pill{font-size:1.015625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.625rem .9375rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#cfe4ff}.pill--ok{background:rgba(52,211,153,.18);border-color:rgba(52,211,153,.35);color:#a7f3d0}.pill--warn{background:rgba(240,212,136,.12);border-color:rgba(240,212,136,.36);color:#f0d488}.portal-grid{width:min(100rem,100% - 3.125rem);display:grid;gap:1.71875rem;grid-template-columns:43.75rem 1fr;margin:1.71875rem auto 7.1875rem}@media (max-width:50rem){.portal-grid{grid-template-columns:1fr}}.panel{border:1.5px solid rgba(255,255,255,.18);border-radius:1.71875rem;background:linear-gradient(180deg,rgba(18,26,36,.78),rgba(10,16,24,.7));box-shadow:0 2.03125rem 5rem rgba(0,0,0,.42);padding:2.03125rem}.panel h2{margin:0 0 .9375rem;color:#eef6ff;font-size:var(--fs-2xl);letter-spacing:-.01em}.panel .sub{margin-top:.625rem;color:#c9d7e2;font-size:var(--fs-lg);line-height:1.65;opacity:.96}.step-list{margin-top:1.40625rem;display:grid;gap:1.09375rem;list-style:none;padding:0}.step{display:flex;gap:1.09375rem;align-items:center;padding-left:1.09375rem;border-left:2px solid rgba(255,255,255,.18);color:#d7e6f3;font-size:var(--fs-md)}.step.done{border-left-color:#34d399;color:#a7f3d0}.step.active{border-left-color:#60a5fa;color:#bfdbfe}.step .dot{width:.9375rem;height:.9375rem;border-radius:999px;background:rgba(255,255,255,.25)}.portal-actions{display:flex;gap:1.09375rem;margin-top:1.5625rem;flex-wrap:wrap}.terminal{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.25rem,2vw,1.40625rem);line-height:1.78;color:#e6f0fa;border:1.5px solid rgba(0,0,0,.52);background:radial-gradient(120% 140% at 0 0,rgba(0,0,0,.55),rgba(0,0,0,.3));border-radius:1.71875rem;padding:1.71875rem;max-height:46.875rem;overflow:auto}.terminal .bar{display:flex;align-items:center;gap:.9375rem;margin-bottom:.9375rem;font-size:1.09375rem;color:#9fb3c8}.info{border:1.5px dashed rgba(255,255,255,.22);border-radius:1.40625rem;padding:1.71875rem;background:rgba(255,255,255,.04);font-size:var(--fs-lg);color:#dbe9f7}.log-success{color:#34d399;font-weight:800;text-shadow:0 0 .46875rem rgba(52,211,153,.25)}.log-error{color:#f87171;font-weight:800;text-shadow:0 0 .46875rem rgba(248,113,113,.25)}.log-highlight{color:#7dd3fc;font-weight:900;text-shadow:0 0 .625rem rgba(125,211,252,.28)}.log-note{color:#fde68a;font-weight:700}.btn-primary.is-disabled,.btn-primary:disabled,.btn-primary[aria-disabled=true],.btn-primary[disabled]{background:linear-gradient(180deg,#6b7280,#4b5563);color:#e5e7eb;box-shadow:none!important;opacity:.55;filter:saturate(30%);cursor:not-allowed}.btn-primary.is-disabled:hover,.btn-primary:disabled:hover,.btn-primary[aria-disabled=true]:hover,.btn-primary[disabled]:hover{box-shadow:none;transform:none;filter:saturate(30%)}.log-circuit-effect{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold);opacity:.6;font-size:clamp(1.125rem,1.8vw,1.25rem);line-height:1.6;word-break:break-all;overflow:hidden}