:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-primary:#2c3e50;--color-secondary:#34495e;--color-accent:#42b983;--color-text:#2c3e50;--color-text-light:#7f8c8d;--color-border:#e0e0e0;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-mono:"Fira Code",monospace;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-sm)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}button{cursor:pointer;font-family:inherit}.btn{border:none;border-radius:var(--radius-md);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-secondary);transform:translateY(-1px)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-md)}