:root{--primary-hue: 238;--accent-hue: 280;--success-hue: 160;--primary: hsl(var(--primary-hue), 80%, 65%);--primary-hover: hsl(var(--primary-hue), 80%, 60%);--accent: hsl(var(--accent-hue), 70%, 65%);--success: hsl(var(--success-hue), 70%, 45%);--text-primary: hsl(225, 25%, 20%);--text-secondary: hsl(225, 15%, 40%);--bg-primary: hsl(225, 25%, 97%);--bg-secondary: hsl(225, 25%, 95%);--bg-tertiary: hsl(225, 25%, 93%);--border-color: hsl(225, 25%, 85%);--shadow-color: hsl(225, 25%, 85%, .5);--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--base-size: 16px;--scale-ratio: 1.25;--h1: calc(var(--base-size) * var(--scale-ratio) * var(--scale-ratio) * var(--scale-ratio));--h2: calc(var(--base-size) * var(--scale-ratio) * var(--scale-ratio));--h3: calc(var(--base-size) * var(--scale-ratio));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark]{--primary: hsl(var(--primary-hue), 80%, 70%);--primary-hover: hsl(var(--primary-hue), 80%, 75%);--accent: hsl(var(--accent-hue), 70%, 70%);--success: hsl(var(--success-hue), 70%, 50%);--text-primary: hsl(225, 15%, 90%);--text-secondary: hsl(225, 15%, 70%);--bg-primary: hsl(225, 25%, 12%);--bg-secondary: hsl(225, 25%, 15%);--bg-tertiary: hsl(225, 25%, 18%);--border-color: hsl(225, 25%, 25%);--shadow-color: hsl(225, 25%, 5%, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-size)}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0;box-shadow:0 4px 6px var(--shadow-color);border:1px solid var(--border-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 12px var(--shadow-color)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--h1);background:linear-gradient(120deg,var(--primary),var(--accent));-webkit-background-clip:text;color:transparent;margin-bottom:var(--spacing-lg)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal);position:relative}a:hover{color:var(--primary-hover)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform var(--transition-normal);transform-origin:right}a:hover:after{transform:scaleX(1);transform-origin:left}button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}button:hover{background-color:var(--bg-secondary);border-color:var(--primary)}.theme-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal);z-index:1000}.theme-toggle:hover{transform:scale(1.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.section{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.section:last-child{border-bottom:none}@media (max-width: 768px){:root{--base-size: 14px}.container{padding:var(--spacing-md)}.grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@media print{body{background:#fff;color:#000}.theme-toggle{display:none}}