:root{--primary-color:#6200ea;--text-color:#333;--bg-color:#f5f5f5;--section-bg:#ffffff;--header-color:#4a148c;--shadow:0 2px 8px rgba(0,0,0,0.1);--border-radius:12px;--spacing:2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:inter,Arial,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;padding:var(--spacing);max-width:1200px;margin:0 auto}nav{margin-bottom:var(--spacing);display:flex;gap:1rem;flex-wrap:wrap}nav a{text-decoration:none;background:var(--primary-color);color:#fff;padding:.7rem 1.5rem;border-radius:var(--border-radius);font-weight:600;box-shadow:var(--shadow);transition:all .3s ease}nav a:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(98,0,234,.3)}h1,h2{color:var(--header-color);margin-bottom:1rem}h1{font-size:2.5rem;margin-bottom:2rem}h2{font-size:1.8rem}section{background:var(--section-bg);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem;transition:transform .3s ease}section:hover{transform:translateY(-3px)}ul{list-style:square inside;padding-left:0}ul ul{padding-left:1.5rem}blockquote{font-style:italic;color:#555;margin:1.5rem 0;padding:1rem 2rem;border-left:4px solid var(--primary-color);background:rgba(98,0,234,5%);border-radius:0 var(--border-radius)var(--border-radius)0}@media(max-width:768px){:root{--spacing:1rem}body{padding:1rem}h1{font-size:2rem}section{padding:1.5rem}}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#7c4dff}h2>img,h2>span{vertical-align:middle;margin-right:.5rem}