body{margin:0;background:linear-gradient(180deg,#f5f7f8,#eef0f2);font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#333}input,select,textarea{background-color:#f3f2f1;border:1px solid #ccc;border-radius:4px;padding:6px 8px;font-size:14px;color:#333}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid #4B89DC}button{background-color:#4b89dc;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px}button:hover{background-color:#03787c}h1,h2,h3,h4,h5,h6{font-family:Segoe UI Semibold,Segoe UI,Tahoma,Arial,sans-serif;color:#03787c}hr{border:none;border-top:1px solid #ccc;margin:16px 0}html,body,#root{height:100%;margin:0;padding:0}#oldroot{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}.app-container{displayx:flex;min-height:100vh;background:url(/bg6.jpg) no-repeat center center fixed;background-size:cover}.app-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0;pointer-events:none}.app-header{display:flex;align-items:center;height:80px;padding:0 20px;background-color:#fffc;position:sticky;top:0;background:transparent}.app-logo{height:60px;background:transparent}.app-main{flex:1;padding:20px}