:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7f0ff;background:#05070d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #05070d;--panel: rgba(13, 20, 33, .74);--panel-strong: rgba(10, 16, 28, .92);--border: rgba(148, 163, 184, .2);--muted: #9aa8bc;--text: #e7f0ff;--green: #92f7a6;--blue: #7dd3fc;--amber: #facc15;--red: #fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(12,74,110,.18),transparent 34rem),radial-gradient(circle at 20% 0%,rgba(34,197,94,.18),transparent 32rem),radial-gradient(circle at 100% 10%,rgba(59,130,246,.22),transparent 30rem),radial-gradient(circle at 70% 90%,rgba(250,204,21,.1),transparent 24rem),var(--bg)}button{border:0;border-radius:999px;padding:.95rem 1.35rem;font-weight:900;cursor:pointer;color:#03100a;background:linear-gradient(135deg,var(--green),#bbf7d0);box-shadow:0 0 40px #92f7a638;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 54px #92f7a652}button:disabled{cursor:wait;opacity:.65}.appShell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.heroPanel,.panel,.stackCard,.metricCard,.successBanner,.errorBanner,.terminal{border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0000003d}.heroPanel{border-radius:32px;padding:1.1rem;overflow:hidden;position:relative}.heroPanel:after{content:"";position:absolute;inset:auto -12rem -16rem auto;width:32rem;height:32rem;border-radius:999px;background:#92f7a614;pointer-events:none}.topBar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;color:var(--muted);font-size:.88rem}.topBar span:not(.brandMark){border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:.45rem .72rem;background:#02061770}.brandMark{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;color:#04100a;background:var(--green);font-weight:950;letter-spacing:-.04em}.heroGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:1.25rem;align-items:stretch;padding:2.1rem 1rem 1rem}.eyebrow,.cardLabel{margin:0 0 .75rem;color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1rem;font-size:clamp(3rem,8vw,6.4rem);line-height:.88;letter-spacing:-.08em}.lede{margin-bottom:0;color:#bfccdd;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}.statusPill{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:.62rem .86rem;color:#c7d4e6;background:#02061785;font-size:.9rem;font-weight:750}.statusPill[data-state=online]{color:var(--green);border-color:#92f7a647}.statusPill[data-state=running]{color:var(--amber);border-color:#facc1547}.statusPill[data-state=offline]{color:var(--red);border-color:#fb718547}.proofCard{display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;border:1px solid rgba(146,247,166,.26);border-radius:26px;padding:1.35rem;background:linear-gradient(180deg,#92f7a614,#0d1421eb),#02061785}.proofCard strong{display:block;font-size:clamp(2.2rem,5vw,4rem);line-height:.92;letter-spacing:-.06em}.proofCard>span{margin-top:.75rem;color:#c7d4e6}.miniStats{display:grid;gap:.5rem;margin-top:1rem}.miniStats span{border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:.75rem;color:#c7d4e6;background:#02061770}.metricGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:.9rem}.metricCard{border-radius:22px;padding:1rem}.metricCard p{margin-bottom:.45rem;color:var(--muted);font-size:.9rem}.metricCard strong{font-size:clamp(1.55rem,3vw,2.1rem);letter-spacing:-.05em}.contentGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:.9rem;margin-top:.9rem}.panel,.stackCard,.successBanner,.errorBanner{border-radius:24px;padding:1.25rem}.securityPanel h2{margin-bottom:.75rem;font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.045em}.securityPanel ul{display:grid;gap:.6rem;margin:1rem 0 0;padding-left:1.1rem;color:#bfccdd;line-height:1.55}.stackGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:.9rem}.stackCard{min-height:180px}.stackCard span{display:inline-block;margin-bottom:1rem;border:1px solid rgba(125,211,252,.28);border-radius:999px;padding:.45rem .65rem;color:var(--blue);background:#0ea5e914;font-size:.82rem;font-weight:800}.stackCard h3{margin-bottom:.6rem;font-size:1.25rem}.stackCard p{margin-bottom:0;color:#bfccdd;line-height:1.65}.successBanner{margin-top:.9rem;border-color:#92f7a647}.successBanner h2{margin-bottom:.75rem;font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.045em}.errorBanner{margin-top:.9rem;border-color:#fb718547}.errorBanner h2{margin-bottom:.75rem;font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.045em}.terminal{margin-top:.9rem;border-radius:24px;overflow:hidden;background:var(--panel-strong)}.terminalHeader{display:flex;align-items:center;gap:.42rem;padding:.82rem 1rem;border-bottom:1px solid rgba(148,163,184,.16);background:#020617b8}.terminalHeader span{width:.72rem;height:.72rem;border-radius:999px;background:#64748b}.terminalHeader span:first-child{background:#fb7185}.terminalHeader span:nth-child(2){background:#facc15}.terminalHeader span:nth-child(3){background:#92f7a6}.terminalHeader p{margin:0 0 0 .55rem;color:var(--muted);font-size:.88rem}pre{margin:0;padding:1.15rem;height:320px;overflow-y:auto;color:var(--green);white-space:pre-wrap;line-height:1.7;font-size:.88rem}.hashNote{margin-top:.6rem;padding:.6rem .9rem;border:1px solid rgba(148,163,184,.14);border-radius:12px;color:var(--muted);font-size:.82rem;background:#02061770}@media (max-width: 980px){.heroGrid,.contentGrid{grid-template-columns:1fr}.proofCard{min-height:260px}.metricGrid{grid-template-columns:repeat(3,1fr)}.stackGrid{grid-template-columns:1fr}}@media (max-width: 640px){.appShell{width:min(100% - 1rem,1180px);padding-top:.5rem}.heroPanel{border-radius:24px}.heroGrid{padding:1.4rem .2rem .2rem}h1{font-size:clamp(2.6rem,15vw,4.1rem)}.metricGrid{grid-template-columns:repeat(2,1fr)}}
