@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Anton&display=swap");:root{--bg:#f0ebe0;--bg-card:#faf7f2;--bg-elevated:#fff;--accent:#c94030;--accent2:#2952cc;--accent3:#d4a017;--accent4:#2a8c4a;--text:#1a1a1a;--text-muted:#666;--border:#1a1a1a;--grid-line:rgba(0,0,0,.05);--border-width:3px;--shadow:5px 5px 0px #1a1a1a;--shadow-lg:8px 8px 0px #1a1a1a;--shadow-sm:3px 3px 0px #1a1a1a;--font-display:"Anton",sans-serif;--font-body:"Space Mono",monospace}[data-theme=dark]{--bg:#1c1c1c;--bg-card:#272727;--bg-elevated:#303030;--accent:#c94030;--accent2:#4a72e8;--accent3:#b8890e;--accent4:#2a8c4a;--text:#e8e2d4;--text-muted:#888;--border:#e8e2d4;--grid-line:hsla(0,0%,100%,.035);--shadow:5px 5px 0px #e8e2d4;--shadow-lg:8px 8px 0px #e8e2d4;--shadow-sm:3px 3px 0px #e8e2d4}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}::selection{background:var(--accent3);color:var(--text)}.container{width:100%;max-width:480px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);padding:24px}.btn,.card{border:var(--border-width) solid var(--border);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:700;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;transition:transform .08s,box-shadow .08s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text)}.btn-cyan{background:var(--accent2);color:#fff}.btn-yellow{background:var(--accent3);color:#fff}.btn-full{width:100%}.label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.label,input[type=text]{font-family:var(--font-body)}input[type=text]{background:var(--bg-card);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-sm);color:var(--text);font-size:16px;padding:13px 16px;width:100%;outline:none;transition:box-shadow .1s,transform .1s;letter-spacing:.08em}input[type=text]:focus{box-shadow:var(--shadow);transform:translate(-1px,-1px)}.display-font{font-family:var(--font-display);letter-spacing:.02em}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.anim-fade-up{animation:fadeUp .35s ease both}.anim-scale-in{animation:scaleIn .3s ease both}.anim-slide-in{animation:slideIn .3s ease both}