#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}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #6b7280;--success-color: #10b981;--error-color: #ef4444;--light-bg: #f9fafb;--card-bg: #ffffff;--text-color: #111827;--text-light: #6b7280;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:var(--text-color);background-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:1.875rem;font-weight:700}p{margin-bottom:1rem;color:var(--text-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.9375rem;line-height:1.25rem;transition:all .2s ease-in-out;cursor:pointer;border:1px solid transparent}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:#f3f4f6}.card{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.input-group{margin-bottom:1.25rem}.input-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.input-field{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;line-height:1.5;transition:border-color .2s ease}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:1.5rem}.btn{padding:.5rem 1rem;font-size:.875rem}}