:root{font-family:Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;--primary-red: #d32f2f;--dark-red: #b71c1c;--light-red: #ef5350;--white: #ffffff;--light-gray: #f5f5f5;--dark-gray: #333333;--border-gray: #e0e0e0;color-scheme:light;color:var(--dark-gray);background-color:var(--light-gray);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-red);text-decoration:inherit;transition:color .3s ease}a:hover{color:var(--dark-red)}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#fff,#ffebee,#fce4ec);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#d32f2f .5px,transparent .5px);background-size:24px 24px;opacity:.03;pointer-events:none;z-index:-1}h1{font-size:3.2em;line-height:1.1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #d32f2fb3}50%{box-shadow:0 0 0 10px #d32f2f00}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media(prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}#root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--light-gray)}.logo{height:6em;padding:1.5em;will-change:transform;transition:transform .3s ease}.logo:hover{transform:scale(1.1) rotate(5deg)}.logo.react:hover{transform:scale(1.1) rotate(-5deg)}@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;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #d32f2f26}.read-the-docs{color:#666}@media(max-width:768px){#root{padding:0}.card{padding:1.5em;margin:1em .5em}}@media(max-width:480px){.card{padding:1em;margin:.75em .25em}}