*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}:root{--bg: #0d0f14;--bg-2: #111318;--bg-3: #161820;--bg-shader: #181818;--glass: rgba(13, 15, 20, .55);--glass-heavy: rgba(13, 15, 20, .95);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .2);--scrim: rgba(5, 8, 14, .55);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--border: #1f2530;--border-light: #2a3040;--text: #e8edf5;--text-secondary: rgba(255, 255, 255, .55);--text-muted: #5a6478;--text-dim: #3a4255;--text-on-accent: #000;--accent: #a6d9f7;--danger: #ff4757;--warning: #ffb300;--success: #00c87a;--info: #2196f3;--sans: "Inter", system-ui, sans-serif;--heading: "Inter", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}body{margin:0;background:var(--bg);color:var(--text)}#root{width:100%;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--bg-3)}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media(max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}