:root{--color-bg: #1E1C1A;--color-text: #EAE8E3;--color-text-muted: #A8A29D;--color-primary: #C4B0A3;--color-primary-hover: #D6C4B8;--color-accent: #4A4542;--color-card-bg: #2C2A28;--color-error: #FF6B6B;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-base: 16px;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 30px;--transition-fast: .2s ease;--transition-smooth: .5s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#root{width:100%;max-width:480px;margin:0 auto}h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}p{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.btn{display:inline-flex;justify-content:center;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none}.btn:hover,.btn:focus{background-color:var(--color-primary-hover);outline:none}.btn:disabled{background-color:var(--color-accent);cursor:not-allowed}.btn-ghost{background-color:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary);margin-top:var(--spacing-md)}.btn-ghost:hover,.btn-ghost:focus{background-color:#c4b0a31a;border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.card{background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000008;border:1px solid var(--color-accent)}.fade-in{animation:fadeIn var(--transition-smooth) forwards;opacity:0;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}