:root{--color-cream: #FDF6EA;--color-stone: #D7CEC2;--color-brown-light: #817266;--color-brown-mid: #76655B;--color-brown-dark: #746559;--color-white: #FFFFFF;--color-success: #6B8F5E;--color-danger: #A04040;--font-heading: "Nunito", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(116, 101, 89, .08);--shadow-md: 0 4px 16px rgba(116, 101, 89, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-stone);color:var(--color-brown-mid);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;justify-content:center}.mobile-container{width:100%;max-width:480px;background-color:var(--color-cream);min-height:100vh;box-shadow:var(--shadow-md);position:relative;overflow-x:hidden;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-brown-mid)}button{font-family:var(--font-body);font-weight:600;cursor:pointer;border:none;background:none}a{color:var(--color-brown-dark);text-decoration:none}a:hover{text-decoration:underline}input{font-family:var(--font-body)}.btn-primary{background-color:var(--color-brown-dark);color:var(--color-white);padding:14px 24px;border-radius:var(--radius-md);width:100%;font-size:16px;display:flex;justify-content:center;align-items:center;gap:8px;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-white);color:var(--color-brown-dark);border:1px solid var(--color-stone);padding:14px 24px;border-radius:var(--radius-md);width:100%;font-size:16px;display:flex;justify-content:center;align-items:center;gap:8px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;color:var(--color-brown-light)}.form-group input{padding:14px 16px;border:1px solid var(--color-stone);border-radius:var(--radius-md);font-size:16px;background-color:var(--color-white);color:var(--color-brown-mid)}.form-group input:focus{outline:none;border-color:var(--color-brown-dark)}.error-text{color:var(--color-danger);font-size:14px;margin-top:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--color-success);color:var(--color-white);padding:12px 24px;border-radius:var(--radius-full);font-weight:600;box-shadow:var(--shadow-md);z-index:1000;animation:slideUp .3s ease-out forwards}.toast.error{background-color:var(--color-danger)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}