:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-accent: #f43f5e;--color-success: #22c55e;--color-background: #0f172a;--color-card: #1e293b;--color-text: #f8fafc;--color-text-muted: #94a3b8;--font-family: "Inter", system-ui, -apple-system, sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius: 12px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.5;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;max-width:800px;padding:var(--spacing-md);text-align:center}input,button{font-family:inherit}.card{background:var(--color-card);padding:var(--spacing-lg);border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.title{font-size:3rem;margin-bottom:var(--spacing-lg);background:linear-gradient(to right,var(--color-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:800}.btn{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:1.25rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:transform .1s,background-color .2s}.btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.input{background:#ffffff0d;border:2px solid var(--color-card);border-radius:var(--radius);padding:var(--spacing-md);color:#fff;font-size:1.5rem;width:100%;text-align:center;transition:border-color .2s}.input:focus{outline:none;border-color:var(--color-primary)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-shake{animation:shake .3s ease-in-out}.animate-pop{animation:pop .2s ease-in-out}