:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,2.5vw,16px)}@media (max-width: 480px){:root{font-size:14px}}@media (min-width: 481px) and (max-width: 768px){:root{font-size:15px}}@media (min-width: 769px){:root{font-size:16px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%}@media (max-width: 768px){body{min-width:280px}}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:.5em 0}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;margin:.4em 0}h3{font-size:clamp(1.2rem,3vw,2rem);line-height:1.3;margin:.3em 0}h4,h5,h6{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.4;margin:.2em 0}button{border-radius:8px;border:1px solid transparent;padding:clamp(.4em,2vw,.6em) clamp(.8em,3vw,1.2em);font-size:clamp(.875rem,2vw,1rem);font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;min-height:44px;min-width:44px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (hover: none) and (pointer: coarse){button{min-height:48px;min-width:48px}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}p,li,span{font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 480px){.container{padding:0 .5rem}}@media (min-width: 1200px){.container{padding:0 2rem}}.responsive-spacing{margin:clamp(.5rem,2vw,1rem)}@media (max-width: 768px){::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}}header{position:sticky;top:0;z-index:1100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.header-title{font-size:clamp(1.1rem,3vw,1.5rem)!important;font-weight:700!important;letter-spacing:-.02em;transition:all .3s ease}.header-nav{gap:clamp(.5rem,2vw,1rem)!important}.header-nav .MuiButton-root{font-size:clamp(.75rem,1.5vw,.875rem)!important;padding:clamp(.3em,1vw,.5em) clamp(.6em,2vw,1em)!important;min-height:40px;text-transform:none!important;border-radius:8px!important;transition:all .3s ease}@media (max-width: 768px){.header-title{font-size:1.1rem!important}.header-nav .MuiButton-root{font-size:.75rem!important;padding:.4em .8em!important;min-height:36px}}@media (max-width: 480px){.header-title{font-size:1rem!important}.header-nav{gap:.25rem!important}.header-nav .MuiButton-root{font-size:.7rem!important;padding:.3em .6em!important;min-height:32px}}footer{margin-top:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;padding:clamp(.75rem,2vw,1.5rem) clamp(.5rem,2vw,1rem)}.footer-text{font-size:clamp(.65rem,1.5vw,.75rem)!important;line-height:1.4;opacity:.8}.footer-links{display:flex;gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap;align-items:center;justify-content:center}.footer-links a{font-size:clamp(.6rem,1.5vw,.7rem)!important;transition:all .3s ease;text-decoration:none;opacity:.7}.footer-links a:hover{opacity:1;transform:translateY(-1px)}@media (max-width: 768px){.footer-content{text-align:center;flex-direction:column;gap:.5rem}.footer-links{justify-content:center;margin-top:.5rem}}@media (max-width: 480px){.footer-content{padding:.75rem .5rem}.footer-text{font-size:.65rem!important}.footer-links a{font-size:.6rem!important}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;position:relative}.header-shadow{box-shadow:0 2px 8px #0000001a!important}@media (prefers-color-scheme: dark){.header-shadow{box-shadow:0 2px 8px #0000004d!important}}.header-nav .MuiButton-root:focus-visible,.footer-links a:focus-visible{outline:2px solid currentColor;outline-offset:2px}header,footer{transition:background-color .3s ease,border-color .3s ease,color .3s ease}
