:root{--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{color:#e2e8f0;background-color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}main{padding-top:var(--header-height)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{scroll-margin-top:var(--header-height);padding:48px 0}@media (min-width:768px){section{padding:64px 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#93c5fd}.loading{border:3px solid #60a5fa4d;border-top-color:#60a5fa;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.6s forwards fadeIn;transform:translateY(30px)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}