:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#4ecdc4;text-decoration:inherit}a:hover{color:#7fddd7}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}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:all .2s ease-in-out}button:hover{border-color:#4ecdc4;transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}html{scroll-behavior:smooth}::selection{background-color:#4ecdc44d;color:#fff}::-moz-selection{background-color:#4ecdc44d;color:#fff}*:focus{outline:2px solid #4ECDC4;outline-offset:2px}*:focus:not(:focus-visible){outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}