:root{--bg:#fff6ee;--card:#fff;--border:#e8ddd2;--text:#1a1a1a;--muted:#999;--primary:#ff6b35;--primary-dark:#e85a2b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4{font-weight:600}.btn-primary{background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--card);border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;transition:all .2s}.card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.form-input,.form-textarea{border:1px solid var(--border);border-radius:12px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none}.form-label{color:var(--text);display:block;font-weight:500;margin-bottom:8px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}