*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--color-text: #1a1a1a;--color-secondary: #666;--color-border: #e5e5e5;--color-background: #fff;--color-primary: #111;--color-accent: #0066cc}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base, 1rem);line-height:var(--line-height-base, 1.6);color:var(--color-text);background:var(--color-background);display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--space-unit, 1) * 2rem)}.btn{display:inline-block;padding:.875rem 1.5rem;border-radius:var(--radius-sm, 4px);font-weight:600;font-family:inherit;font-size:var(--font-size-base, 1rem);text-decoration:none;border:none;cursor:pointer;transition:all var(--motion-duration, .2s)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#333}.btn-secondary{border:1px solid var(--color-text);color:var(--color-text);background:transparent}.btn-secondary:hover{background:var(--color-text);color:#fff}header{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1.5rem calc(var(--space-unit, 1) * 2rem);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-unit, 1) * 2rem)}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--color-text);letter-spacing:-.02em}.logo:hover{opacity:.8}nav ul{list-style:none;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}nav a{color:var(--color-text);text-decoration:none;padding:.5rem calc(var(--space-unit, 1) * 1rem);border-radius:var(--radius-sm, 4px);font-weight:500;transition:background var(--motion-duration, .2s)}nav a:hover{background:#f3f3f3}footer{background:#f9f9f9;border-top:1px solid var(--color-border);margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;padding:3rem calc(var(--space-unit, 1) * 2rem) calc(var(--space-unit, 1) * 2rem)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:calc(var(--space-unit, 1) * 2rem);margin-bottom:calc(var(--space-unit, 1) * 2rem)}.footer-section h3{font-size:var(--font-size-base, 1rem);font-weight:600;margin-bottom:calc(var(--space-unit, 1) * 1rem);color:var(--color-text)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.75rem}.footer-section a{color:var(--color-secondary);text-decoration:none;font-size:.95rem;transition:color var(--motion-duration, .2s)}.footer-section a:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:1.5rem;text-align:center;font-size:.875rem;color:var(--color-secondary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.95rem}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{width:100%;padding:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);font-family:inherit;font-size:var(--font-size-base, 1rem);background:var(--color-background);color:var(--color-text);transition:border-color var(--motion-duration, .2s)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-text)}.form-errors{background:#fee;border:1px solid #fcc;border-radius:var(--radius-sm, 4px);padding:calc(var(--space-unit, 1) * 1rem);margin-bottom:1.5rem}.error-message{color:#c33;font-size:.9rem;margin:.5rem 0}.error-message:first-child{margin-top:0}.form-actions{display:flex;gap:calc(var(--space-unit, 1) * 1rem);margin:calc(var(--space-unit, 1) * 2rem) 0 1.5rem}.form-actions .btn{flex:1}.form-footer{text-align:center;font-size:.95rem;color:var(--color-secondary)}.form-footer a{color:var(--color-text);text-decoration:none;font-weight:600;transition:opacity var(--motion-duration, .2s)}.form-footer a:hover{opacity:.7}.auth-container{padding:3rem 0;min-height:60vh;display:flex;align-items:center}.auth-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg, 14px);padding:3rem;max-width:500px;margin:0 auto;box-shadow:0 4px 24px #00000014}.auth-header{margin-bottom:calc(var(--space-unit, 1) * 2rem);text-align:center}.auth-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--color-secondary);margin:0}@media(max-width:640px){.header-content{flex-direction:column;gap:calc(var(--space-unit, 1) * 1rem);padding:calc(var(--space-unit, 1) * 1rem) 1.5rem}nav ul{justify-content:center}.auth-container{padding:1.5rem 0;min-height:auto}.auth-card{padding:1.5rem;margin:0 calc(var(--space-unit, 1) * 1rem)}.auth-header h1{font-size:1.5rem}}