*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:#f8f9fa;color:#333;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#007bff;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3}h1{font-size:2.5em;line-height:1.2;margin-bottom:1rem}h2{font-size:2em;line-height:1.3;margin-bottom:.8rem}h3{font-size:1.5em;line-height:1.4;margin-bottom:.6rem}.section-padding{padding:40px 20px}.content-container{max-width:1200px;margin:0 auto}.reduced-gap{gap:20px}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}}@media (max-width: 480px){h1{font-size:1.5em}h2{font-size:1.3em}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a6fd8}