:root{--color-primary:#3d5afe;--color-primary-dark:#0031ca;--color-accent:#ffab40;--color-text-primary:#212121;--color-text-secondary:#757575;--color-background:#f5f5f7;--color-surface:#fff;--color-border:#e0e0e0;--color-error:#d32f2f;--color-success:#388e3c;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--spacing-unit:8px;--spacing-xs:calc(var(--spacing-unit) * .5);--spacing-sm:var(--spacing-unit);--spacing-md:calc(var(--spacing-unit) * 2);--spacing-lg:calc(var(--spacing-unit) * 3);--spacing-xl:calc(var(--spacing-unit) * 4);--border-radius-sm:4px;--border-radius-md:8px;--shadow-1:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-2:0 3px 6px #00000029, 0 3px 6px #0000003b;--shadow-3:0 10px 20px #00000030, 0 6px 6px #0000003b}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.25rem}p{margin:0 0 var(--spacing-md) 0}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-primary-dark);text-decoration:underline}header{background:var(--color-surface);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-1);justify-content:space-between;align-items:center;display:flex}header h1{color:var(--color-primary);margin:0;font-size:1.5rem}main{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}footer{text-align:center;padding:var(--spacing-lg);margin-top:var(--spacing-xl);background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem}button,.btn{font-family:var(--font-family-sans);text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid #0000;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;display:inline-block}nav button,.btn-primary{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}nav button:hover,.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-2);transform:translateY(-2px)}.card{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-2);transition:box-shadow .3s,transform .3s}.card:hover{box-shadow:var(--shadow-3);transform:translateY(-4px)}.card-title{margin-bottom:var(--spacing-sm);font-size:1.5rem}form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-weight:500}input,textarea,select{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:1rem;font-family:var(--font-family-sans);background-color:var(--color-background);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3d5afe4d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){header{gap:var(--spacing-md);flex-direction:column}nav{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}