:root{--bg: #f8fafc;--card: #ffffff;--border: #e2e8f0;--accent: #2563eb;--accent-light: #eff6ff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#0f172a;line-height:1.45}.site-header{background:var(--accent);color:#fff;font-size:1.25rem;font-weight:600;padding:.75rem 1rem;text-align:center;letter-spacing:.5px}.container{max-width:640px;margin-inline:auto;padding:3rem 1rem 5rem}h1{font-size:1.9rem;margin:0 0 2rem;font-weight:600}h2{font-size:1.3rem;margin:0 0 1rem;font-weight:600}h3{font-size:1.1rem;margin:0 0 .75rem;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.75rem;box-shadow:0 4px 14px -4px #0000000f;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px -4px #00000014}.btn{display:inline-block;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .18s ease,color .18s ease}.btn--primary{background:var(--accent);color:#fff}.btn--ghost{background:var(--accent-light);color:var(--accent)}.btn--primary:hover{filter:brightness(1.07)}.btn--ghost:hover{background:var(--accent);color:#fff}.btn--icon{padding:.4rem .55rem}.filter__wrap{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem}.progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:1.25rem}.progress>span{display:block;height:100%;background:var(--accent);width:var(--value, 0%);transition:width .3s ease}ul.errors{list-style:none;margin:0;padding:0}ul.errors li{margin-bottom:1.3rem;padding-left:1.2rem;position:relative}ul.errors li:before{content:"❌";position:absolute;left:0}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1.25rem}.mb-4{margin-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-sm{font-size:.85rem}.underline{text-decoration:underline}.space-y-6>*+*{margin-top:1.75rem}.w-full{width:100%}