*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a56db;--primary-dark: #1341a8;--success: #057a55;--danger: #c81e1e;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-800: #1f2937;--radius: 12px;--shadow: 0 2px 8px rgba(0,0,0,.08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);color:var(--gray-800);min-height:100dvh}button{cursor:pointer;border:none;font-family:inherit;font-size:1rem;border-radius:var(--radius);transition:opacity .15s,transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:1rem;border:1.5px solid var(--gray-200);border-radius:8px;padding:10px 14px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;padding:14px 24px;width:100%;font-size:1rem;font-weight:600}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-800);padding:12px 20px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.page{max-width:600px;margin:0 auto;padding:16px 16px 80px}@media (min-width: 900px){.page{max-width:1100px;padding:32px}}