*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#2d3748;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em;color:#1a202c}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1em;font-size:1.1rem;color:#4a5568}a{color:#3182ce;text-decoration:none;transition:color .2s ease}a:hover{color:#2b6cb0;text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}input,textarea,select,button{font-family:inherit;font-size:1rem}input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;outline:none}input:focus,textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}button{cursor:pointer;font-weight:600;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s ease,transform .2s ease}button:active{transform:translateY(1px)}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;transition:box-shadow .3s ease}.card:hover{box-shadow:0 10px 25px #0000001a}.section{padding:4rem 0}.section-title{text-align:center;margin-bottom:2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#3182ce;border-radius:2px}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 1rem}.section{padding:2rem 0}.card{padding:1.5rem}}#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}