:root{--ink: #0b0e12;--accent: #4f46e5;--accent2: #7c3aed;--light-accent: #c7d2fe;--stage: #0b0e12;--stage-2: #070a0e;--surface: #11161d;--surface-2: #161c25;--surface-3: #1b232e;--text: #eef3f8;--text-muted: #aeb9c6;--text-onmetal: #0a0d11;--border: #62738a;--border-bright:#8a9bb0;--focus-ring: #eaf6ff;--cta-label: #0a0d11;--oil-1: #7df9ff;--oil-2: #b78cff;--oil-3: #ff7ad9;--oil-4: #8affc1;--oil-5: #ffd56b;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace}@media (prefers-color-scheme: light){:root{--stage: #dfe6ee;--stage-2: #c9d3de;--surface: #ffffff;--surface-2: #eef2f7;--surface-3: #f6f9fc;--text: #0f172a;--text-muted: #475569;--text-onmetal: #0a0d11;--border: #b3becb;--border-bright:#94a3b5;--focus-ring: #4f46e5;--cta-label: #0a0d11}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--stage);background-image:radial-gradient(60% 40% at 18% 8%,rgba(125,249,255,.16),transparent 70%),radial-gradient(55% 45% at 86% 14%,rgba(183,140,255,.18),transparent 70%),radial-gradient(70% 50% at 50% 108%,rgba(255,122,217,.14),transparent 72%),radial-gradient(90% 70% at 50% 50%,rgba(255,255,255,.04),transparent 70%),linear-gradient(180deg,var(--stage-2) 0%,var(--stage) 42%,#0e141c 100%);background-attachment:fixed;min-height:100dvh}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.1;background-size:200px 200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:50%;top:0;transform:translate(-50%) translateY(-120%);background:linear-gradient(180deg,#f4f8fb,#aab8c6 52%,#5d6c7d 53%,#cdd8e2);color:#0a0d11;padding:12px 18px;border-radius:0 0 12px 12px;font-weight:700;text-decoration:none;z-index:200;box-shadow:0 6px 16px #00000080;transition:transform .12s ease}.skip-link:focus-visible{transform:translate(-50%) translateY(0)}.page{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(16px,4vw,28px);gap:18px}.card-header{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:10px;text-align:center}.company-h1{margin:0;line-height:0}.company-tagline{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted)}.wordmark{display:block;height:52px;width:auto;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 8px 18px rgba(125,249,255,.18))}.wm-h{fill:var(--oil-1)}.wm-ink{fill:var(--text)}@media (prefers-color-scheme: light){.wm-h{fill:var(--accent)}}.card{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px 18px 20px;border-radius:24px;isolation:isolate;background:linear-gradient(180deg,var(--surface-3) 0%,var(--surface) 46%,#0d1219 100%);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 3px #00000080,0 1px 1px #00000059,0 12px 28px #0000008c,0 28px 60px #0006}.card:before{content:"";position:absolute;inset:-1.5px;z-index:-1;border-radius:inherit;padding:1.5px;background:conic-gradient(from 0deg in oklch longer hue,var(--oil-1),var(--oil-2),var(--oil-3),var(--oil-5),var(--oil-4),var(--oil-1));opacity:.55;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card:focus{outline:none}.identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.avatar{display:block;width:96px;height:96px;filter:drop-shadow(0 0 1px rgba(255,255,255,.6)) drop-shadow(0 8px 22px rgba(124,58,237,.5)) drop-shadow(0 0 30px rgba(183,140,255,.45))}.tagline{margin:2px 0 0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.cta-save{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 20px;border-radius:16px;overflow:hidden;isolation:isolate;color:var(--cta-label);font-size:1.15rem;font-weight:800;letter-spacing:.01em;text-decoration:none;background:linear-gradient(180deg,#fbfdff,#e4ebf2 24%,#b8c5d3 50%,#8593a3 52%,#c3d0dd 78%,#eef4f9);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 2px 1px #fffffff2,inset 0 -3px 4px #00000059,0 0 0 1px #00000040,0 10px 26px #00000080,0 0 30px -6px #7df9ff73;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.cta-save:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.85) 46%,rgba(255,255,255,.95) 50%,transparent 64%);opacity:.9;pointer-events:none}.cta-save:after{content:"";position:absolute;left:8%;right:8%;bottom:-8px;height:16px;z-index:-2;border-radius:50%;background:linear-gradient(90deg,var(--oil-1),var(--oil-2),var(--oil-3),var(--oil-5));filter:blur(9px);opacity:.55;pointer-events:none}.cta-save:hover{filter:brightness(1.05);box-shadow:inset 0 2px 1px #fffffff2,inset 0 -3px 4px #00000059,0 0 0 1px #00000040,0 12px 32px #0000008c,0 0 42px -4px #7df9ff99}.cta-save:active{transform:scale(.97)}.cta-save__icon{flex:none}.cta-hint{margin:-6px 0 2px;text-align:center;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--text-muted)}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 1px,transparent 1px 5px),linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--text);font-size:.98rem;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0006;-webkit-tap-highlight-color:transparent;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}@media (prefers-color-scheme: light){.action{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 5px),linear-gradient(180deg,#ffffff,var(--surface-2));color:var(--accent)}}.action:hover{border-color:var(--border-bright);box-shadow:inset 0 1px #ffffff2e,0 6px 16px #00000080,0 0 18px -4px #7df9ff80}.action:active{transform:scale(.97)}.action__icon{flex:none;color:var(--oil-1)}@media (prefers-color-scheme: light){.action__icon{color:var(--accent)}}.action__label{position:relative}.actions>:last-of-type{grid-column:1 / -1}.page-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:2px}.card-footer{width:100%;max-width:420px;text-align:center}.card-footer p{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;text-transform:lowercase;color:var(--text-muted)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:6px}.cta-save:focus-visible,.action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@keyframes hi-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.badge-i{animation:hi-reveal .28s ease-out both}.card>*{animation:fade-in .26s ease-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cta-save:active,.action:active{transform:none}}@property --rx{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --ry{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --fy{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --gx{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --gy{syntax: "<percentage>"; inherits: false; initial-value: 12%;}@property --go{syntax: "<number>"; inherits: false; initial-value: 0;}.page{perspective:1300px;perspective-origin:50% 35%}.card{transform:translateY(var(--fy)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;animation:holo-float 7s ease-in-out infinite}@keyframes holo-float{0%{--fy: 0px;--rx: 0deg;--ry: -4deg}25%{--fy: -7px;--rx: 2.8deg;--ry: 2deg}50%{--fy: -3px;--rx: 0deg;--ry: 5deg}75%{--fy: -8px;--rx: -2.8deg;--ry: 1deg}to{--fy: 0px;--rx: 0deg;--ry: -4deg}}.card-glare{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(20rem 20rem at var(--gx) var(--gy),rgba(255,255,255,.6),rgba(190,225,255,.2) 38%,rgba(255,255,255,0) 62%);mix-blend-mode:screen;opacity:var(--go);animation:holo-glare 7s ease-in-out infinite}@keyframes holo-glare{0%{--gx: 24%;--gy: 8%;--go: .14}25%{--gx: 72%;--gy: 22%;--go: .26}50%{--gx: 82%;--gy: 60%;--go: .18}75%{--gx: 34%;--gy: 30%;--go: .26}to{--gx: 24%;--gy: 8%;--go: .14}}.card.is-driven,.card.is-driven .card-glare{animation:none}.wake-hint{position:absolute;top:12px;left:50%;z-index:7;padding:5px 13px;border-radius:999px;background:#12162699;border:1px solid rgba(255,255,255,.14);color:var(--text, #f8fafc);font-size:.74rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:wake-pulse 1.8s ease-in-out infinite}@keyframes wake-pulse{0%,to{opacity:.45;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-2px)}}.motion-hint{max-width:420px;margin:6px auto 0;text-align:center;font-size:.82rem;line-height:1.4;color:var(--text-muted, #94a3b8)}.motion-hint strong{color:var(--text, #f8fafc);font-weight:600}@media (prefers-reduced-motion: reduce){.card{animation:none;transform:none}.card-glare{animation:none;display:none}.wake-hint{animation:none;opacity:.85}}