:root{--canvas-white:#f9f7f4;--deep-charcoal:#2b2b2b;--warm-gray:#9b9b9b;--sage-container:#e8e3de;--warm-brown:#6b5b4e;--success-green:#6b8f71;--error-red:#c4616c;--font-serif:"EB Garamond", "Georgia", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #2b2b2b0f;--shadow-md:0 4px 12px #2b2b2b14;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--canvas-white);color:var(--deep-charcoal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;line-height:1.25}a{color:var(--warm-brown);text-decoration:none}a:hover{text-decoration:underline}.page-container{max-width:480px;margin:0 auto;padding:24px 20px 100px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:20px}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--deep-charcoal);color:var(--canvas-white)}.btn-primary:hover{background:#3d3d3d}.btn-secondary{background:var(--sage-container);color:var(--deep-charcoal)}.btn-secondary:hover{background:#ddd7d0}.btn-full{width:100%}.form-group{margin-bottom:18px}.form-group label{color:var(--warm-gray);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid var(--sage-container);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--deep-charcoal);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;outline:none;padding:12px 14px;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:var(--warm-brown);box-shadow:0 0 0 3px #6b5b4e1a}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--warm-gray);opacity:.6}.text-muted{color:var(--warm-gray)}.text-center{text-align:center}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:32px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:32px}.success-msg{color:var(--success-green);font-size:14px}.error-msg{color:var(--error-red);font-size:14px}