*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #ffffff;--color-surface: #f8f9fa;--color-border: #dee2e6;--color-text: #212529;--color-text-muted: #6c757d;--color-primary: #0d6efd;--color-primary-hover: #0b5ed7;--color-danger: #dc3545;--radius: .375rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--max-width: 72rem}html{font-size:16px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-4)}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}p{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;gap:var(--space-4);min-height:3.5rem;flex-wrap:wrap;padding-block:var(--space-2)}.site-logo{font-weight:700;font-size:1.125rem;color:var(--color-text)}.site-logo:hover{text-decoration:none}.site-nav{display:flex;gap:var(--space-1);margin-left:auto;flex-wrap:wrap}.site-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);font-size:.9375rem;transition:color .15s,background .15s}.site-nav a:hover{color:var(--color-text);background:var(--color-surface);text-decoration:none}.site-nav a.active{color:var(--color-primary);background:#e9f0ff}.site-main{min-height:calc(100vh - 7rem)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6) 0;color:var(--color-text-muted);font-size:.875rem;text-align:center}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}}a.card{display:block;color:inherit}a.card:hover{text-decoration:none;border-color:var(--color-primary)}label{display:block;margin-bottom:var(--space-4);font-size:.875rem;font-weight:500}input,textarea,select{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:1rem;background:var(--color-bg);color:var(--color-text);transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6efd2e}textarea{resize:vertical;min-height:6rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius);font:inherit;font-size:1rem;font-weight:500;cursor:pointer;background:var(--color-primary);color:#fff;transition:background .15s}button:hover,.btn:hover{background:var(--color-primary-hover)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.status-msg{font-size:.9rem;min-height:1.4em}.status-msg.error{color:var(--color-danger)}.empty-state{color:var(--color-text-muted);font-style:italic;padding:var(--space-8) 0;text-align:center}.loading{color:var(--color-text-muted)}.hero{padding:var(--space-16) 0;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.5rem)}.hero .subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:42rem;margin-inline:auto}.hero .cta-row{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-8)}.value-section{padding:var(--space-16) 0;background:var(--color-surface)}.value-grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media(min-width:640px){.value-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.value-item h3{margin-bottom:var(--space-2)}.value-item p{color:var(--color-text-muted)}.admin-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.admin-header h1{margin:0}.section-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.output-summary{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-2)}