#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)}.card{padding:2em}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:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-black: #000000;--color-white: #FFFFFF;--color-light-gray: #F5F5F5;--color-medium-gray: #999999;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width-content: 800px;--max-width-grid: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--transition: all .3s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-white);color:var(--color-black);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:3rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{opacity:.7}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition)}input,textarea{font-family:inherit;font-size:1rem}.container{width:100%;max-width:var(--max-width-grid);margin:0 auto;padding:0 var(--spacing-md)}.container-content{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-md)}.spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--color-light-gray);border-top-color:var(--color-black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}}