:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color:#2c3e50;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background-color:#f5f5f5;display:block}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:20px;line-height:1.2;font-weight:600;margin:0;color:#2c3e50}h2{font-size:18px;font-weight:600;margin:0;color:#2c3e50}button{border-radius:8px;border:none;padding:15px 24px;font-size:16px;font-weight:600;font-family:inherit;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .2s ease;min-height:44px;width:100%;box-shadow:0 2px 4px #0000001a}button:hover{background-color:#2980b9}button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}button:focus,button:focus-visible{outline:2px solid #3498db;outline-offset:2px}button.btn-secondary{background-color:#95a5a6;color:#fff}button.btn-secondary:hover{background-color:#7f8c8d}button.btn-success{background-color:#27ae60}button.btn-success:hover{background-color:#229954}input,textarea,select{width:100%;padding:15px;border:2px solid #bdc3c7;border-radius:8px;font-size:16px;font-family:inherit;background-color:#f8f9fa;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:#3498db;outline:none;background-color:#fff}a{color:inherit;text-decoration:none}.container{padding:16px;max-width:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh}main{flex:1;display:flex;flex-direction:column}*{-webkit-overflow-scrolling:touch}.mobile-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.MuiContainer-root{padding-left:0!important;padding-right:0!important;margin:0!important;max-width:none!important}@media (max-width: 768px){.desktop-nav{display:none}}button.icon-button{width:auto!important;min-width:unset;max-width:none;min-height:0!important;height:auto;padding:0!important;box-shadow:none}body.overlay-open{overflow:hidden;position:fixed;width:100%;height:100%}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.primary-btn:focus,.primary-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2980b9}