:root{color-scheme:light;--field:#dde5ec;--ink:#131f28;--ink2:#3a5262;--muted:#6a8290;--line:rgba(28,66,90,.16);--sys:#0b6f92;--ok:#2a7457;--warn:#a87518;--bad:#a94e35;--display:"Segoe UI Variable Display","Aptos Display","Helvetica Neue",Arial,sans-serif;--ui:"Segoe UI Variable Text","Aptos","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font:300 16px/1.55 var(--ui);background:radial-gradient(circle at 14% 7%,rgba(255,255,255,.95),transparent 28%),linear-gradient(176deg,#e9f0f5,var(--field) 48%,#c9d6e0)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.24),transparent 27%,transparent 72%,rgba(145,190,216,.13));z-index:0}.g{position:relative;border-radius:20px;background:linear-gradient(148deg,rgba(255,255,255,.24),rgba(255,255,255,.055) 48%,rgba(151,190,213,.07));border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.94),inset -1px -1px 0 rgba(80,120,146,.2),0 20px 44px -31px rgba(24,54,74,.52);backdrop-filter:blur(12px) saturate(118%)}
.mast{position:relative;z-index:5;display:flex;align-items:center;padding:14px 30px}.mast a{text-decoration:none;color:inherit}.wordmark{font:300 1.06rem var(--display)}.wordmark i{font-style:normal;color:var(--muted)}.wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:68px 24px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;color:var(--sys);margin-bottom:10px}.hero{margin-bottom:28px}.hero h1{margin:0;font:250 clamp(2.6rem,5vw,4.7rem)/.98 var(--display);letter-spacing:-.05em;max-width:11ch}.hero p{max-width:64ch;color:var(--ink2)}
.security-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:start}.card{padding:25px}.card h2{margin:0;font:300 1.7rem var(--display);letter-spacing:-.03em}.step-stack{display:grid;gap:14px}.step{padding:18px}.step-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-title{font:400 .95rem var(--display)}.badge{font-size:.62rem;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.ok{color:var(--ok);border-color:rgba(42,116,87,.25)}.badge.wait{color:var(--warn)}.badge.bad{color:var(--bad)}.step p{margin:7px 0 0;color:var(--muted);font-size:.76rem}
.field{margin-top:13px}.field label{display:block;margin-bottom:5px;font-size:.72rem;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.23);border-radius:12px;padding:11px 12px;color:var(--ink);font:300 .87rem var(--ui);outline:none}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:180px}.primary,.secondary{border-radius:999px;padding:10px 15px;cursor:pointer;font:400 .78rem var(--ui)}.primary{border:0;background:linear-gradient(168deg,#1b8fb4,#0a6183);color:white}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.2);color:var(--ink2)}button:disabled{opacity:.45;cursor:not-allowed}.notice{padding:13px 15px;margin-top:13px;border-radius:14px;border:1px solid var(--line);font-size:.74rem;color:var(--muted);background:rgba(255,255,255,.14)}
.camera-shell{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:4/3;background:linear-gradient(145deg,rgba(34,65,84,.86),rgba(18,36,48,.95));border:1px solid rgba(255,255,255,.34);margin-top:14px}.camera-shell video,.camera-shell canvas{width:100%;height:100%;object-fit:cover}.camera-shell video{transform:scaleX(-1)}.camera-guide{position:absolute;inset:12% 20%;border:1px solid rgba(255,255,255,.66);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 999px rgba(8,22,31,.22);pointer-events:none}.challenge{position:absolute;left:14px;right:14px;bottom:14px;padding:11px 13px;border-radius:14px;background:rgba(238,247,251,.78);backdrop-filter:blur(12px);color:var(--ink);font-size:.8rem}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sys);margin-right:7px;box-shadow:0 0 0 5px rgba(11,111,146,.12)}
.privacy{display:grid;gap:10px;margin-top:14px}.privacy div{padding:12px 14px;border-left:2px solid rgba(11,111,146,.25);font-size:.74rem;color:var(--muted)}.meter{height:7px;border-radius:999px;overflow:hidden;background:rgba(31,72,96,.09);margin-top:10px}.meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b8fb4,#0a6183);transition:.25s width}.status-line{margin-top:10px;color:var(--muted);font-size:.74rem}.security-mark{display:flex;gap:10px;align-items:flex-start;margin-top:14px}.security-mark b{font-weight:400}.security-mark span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;border:1px solid rgba(11,111,146,.22);color:var(--sys);background:rgba(255,255,255,.2)}
@media(max-width:850px){.security-grid{grid-template-columns:1fr}.wrap{padding:44px 18px}.mast{padding:12px 18px}}@media(max-width:520px){.row{align-items:stretch}.row button{width:100%}.camera-guide{inset:11% 14%}.card,.step{padding:17px}.hero h1{font-size:2.65rem}}