.safekey-app{--bg:#000;--bg-elevated:#0a0a0b;--surface:#0a0a0b;--border:#ffffff14;--border-hover:#ffffff24;--text:#e8fff0;--muted:#e8fff08c;--faint:#e8fff059;--cyan:#0ff;--lime:#a2ff00;--blue:#007fff;--purple:#8a2be2;--red:#f44;--yellow:#fd0;--radius:12px;--radius-lg:16px;--nav-h:64px;--max:1080px;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;position:relative}.safekey-app .safekey-page-bg{z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#007fff38,#0000 55%),radial-gradient(55% 40% at 95%,#00ffff1a,#0000 50%),radial-gradient(45% 35% at 0 90%,#00ffff0f,#0000 50%),#000;position:fixed;inset:0}.safekey-app .safekey-page-bg:after{content:"";background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.safekey-app .safekey-content{z-index:1;position:relative}.safekey-app .hero-section{border-bottom:1px solid var(--border);background:0 0;width:100%;position:relative}.safekey-app .hero-content{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem) clamp(3rem,5vw,4.5rem)}.safekey-app .hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2rem;display:flex}@media (width>=900px){.safekey-app .hero-content{text-align:left}.safekey-app .hero-ctas{justify-content:flex-start}}.safekey-app .hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:.9rem;font-size:12px;font-weight:600;display:block}.safekey-app .hero-title{letter-spacing:-.035em;max-width:min(100%,52rem);margin:0;font-family:Syne,system-ui,sans-serif;font-size:clamp(1.9rem,2.2vw + 1rem,3rem);font-weight:800;line-height:1.12}.safekey-app .hero-lead{max-width:40rem;color:var(--muted);margin:1.35rem 0 0;font-size:clamp(1rem,.4vw + .9rem,1.15rem);font-weight:400;line-height:1.7}@media (width>=900px){.safekey-app .hero-lead{margin-left:0;margin-right:auto}}.safekey-app .page-section{width:100%;max-width:1200px;margin:0 auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem)}.safekey-app a{color:var(--cyan);text-decoration:none}.safekey-app a:hover{color:var(--lime)}.safekey-app .section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.1rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;font-weight:500;display:block}.safekey-app .pillar-grid{border:1px solid var(--border);grid-template-columns:1fr;display:grid}@media (width>=680px){.safekey-app .pillar-grid{grid-template-columns:repeat(2,1fr)}.safekey-app .pillar-grid>:not(:last-child){border-right:1px solid var(--border)}}@media (width>=960px){.safekey-app .pillar-grid{grid-template-columns:repeat(4,1fr)}}.safekey-app .pillar-card{border-bottom:1px solid var(--border);padding:1.5rem}@media (width>=680px){.safekey-app .pillar-card:nth-last-child(-n+2){border-bottom:none}}@media (width>=960px){.safekey-app .pillar-card{border-bottom:none}}.safekey-app .pillar-card-label{letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:.6rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;display:block}.safekey-app .spec-strip{border:1px solid var(--border);grid-template-columns:1fr;display:grid}@media (width>=540px){.safekey-app .spec-strip{grid-template-columns:1fr 1fr}}@media (width>=900px){.safekey-app .spec-strip{grid-template-columns:repeat(4,1fr)}}.safekey-app .spec-cell{border-bottom:1px solid var(--border);border-right:1px solid var(--border);margin:0 -1px -1px 0;padding:1.25rem 1.5rem 1.5rem}.safekey-app .spec-cell dt{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:.5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem}.safekey-app .spec-cell dd{color:var(--text);font-size:.92rem;line-height:1.45}.safekey-app .auth-card{flex-direction:column;gap:24px;width:100%;max-width:420px;display:flex}.safekey-app .auth-logo{letter-spacing:-.02em;font-family:Syne,system-ui,sans-serif;font-size:1.5rem;font-weight:800}.safekey-app .auth-logo span{color:var(--lime)}.safekey-app .form-field{flex-direction:column;gap:6px;display:flex}.safekey-app .form-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem}.safekey-app .btn-primary{background:var(--cyan);color:#000;cursor:pointer;text-align:center;border:none;border-radius:4px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s;display:block}.safekey-app .btn-primary:hover{background:var(--lime)}.safekey-app .btn-primary:disabled{opacity:.5;cursor:not-allowed}.safekey-app .btn-secondary{width:100%;color:var(--muted);border:1px solid var(--border);cursor:pointer;text-align:center;background:0 0;border-radius:4px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,color .15s;display:block}.safekey-app .btn-secondary:hover{border-color:var(--border-hover);color:var(--text)}.safekey-app input,.safekey-app textarea,.safekey-app select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.safekey-app input:focus,.safekey-app textarea:focus{border-color:#00ffff59}.safekey-app button{cursor:pointer;border:none;border-radius:6px;font-family:inherit;font-weight:700;transition:opacity .15s}.safekey-app button:disabled{opacity:.5;cursor:not-allowed}.safekey-app .input.wide{width:100%}.safekey-app .docs-nav-link:hover{color:var(--cyan)!important}@media (width>=760px){.safekey-app .docs-layout{grid-template-columns:200px 1fr!important}}
