:root{--color-primary: #b31b7a;--color-secondary: #3a8d63;--color-accent: #6bb5d6;--color-text: #222;--color-muted: #6b7785;--bg: #fafafa;--bg-card: #ffffff;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-soft: cubic-bezier(.2, 0, 0, 1);--anim-fast: .22s;--anim-medium: .42s;--anim-slow: .6s;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:#00000026}body{margin:0;min-width:320px;background:var(--bg);color:var(--color-text);font-family:Inter,Manrope,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;letter-spacing:.2px}html{scroll-behavior:smooth}.app-container{display:flex;min-height:100vh;flex-direction:column}.content{flex:1}h1,h2,h3,h4{font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.25;margin:0 0 .6rem;letter-spacing:.3px}h1,h2{font-weight:700}h3,h4{font-weight:600}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.section{padding:2.4rem 0;scroll-margin-top:80px}.section-title{font-size:1.85rem;color:var(--color-primary)}.lead{color:var(--color-muted)}.btn{border-radius:12px;border:1px solid transparent;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--anim-fast) var(--ease-smooth),box-shadow var(--anim-medium) var(--ease-smooth),background var(--anim-fast) var(--ease-smooth),color var(--anim-fast) var(--ease-smooth),opacity var(--anim-fast) var(--ease-smooth);display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 24px #0000001f}.btn:hover svg,.btn:hover i{transform:translateY(-2px);transition:transform var(--anim-fast) var(--ease-smooth)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{box-shadow:0 10px 28px #b31b7a47}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{box-shadow:0 10px 28px #6bb5d64d}.btn-outline{background:transparent;border-color:#d9dde2}.btn-outline:hover{opacity:.9}.card{background:var(--bg-card);border-radius:16px;border:1px solid #e8eaee;box-shadow:0 6px 20px #0000000d;padding:1rem;transition:transform var(--anim-medium) var(--ease-smooth),box-shadow var(--anim-medium) var(--ease-smooth)}.card.hover:hover{transform:translateY(-5px);box-shadow:0 16px 36px #0000001f}.card-title{font-weight:700;margin-bottom:.5rem;color:var(--color-secondary)}.card-text{color:var(--color-muted)}.list{margin:0;padding-left:1rem}.list li{margin:.25rem 0}.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}.mt{margin-top:1rem}img{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 18px #0000000f;transition:filter var(--anim-medium) var(--ease-smooth),opacity var(--anim-medium) var(--ease-smooth),transform var(--anim-medium) var(--ease-smooth)}img:hover{filter:brightness(1.03)}.section{animation:fadeUp var(--anim-medium) var(--ease-smooth) both}.card{animation:fadeUp .52s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity var(--anim-slow) var(--ease-smooth),transform var(--anim-slow) var(--ease-smooth)}.section.reveal-on-scroll.reveal{opacity:1;transform:translateY(0)}.section.reveal-on-scroll>*{opacity:0;transform:translateY(24px);transition:opacity var(--anim-slow) var(--ease-smooth),transform var(--anim-slow) var(--ease-smooth)}.section.reveal-on-scroll.reveal>*{opacity:1;transform:translateY(0)}.section.reveal-on-scroll.reveal>*:nth-child(1){transition-delay:60ms}.section.reveal-on-scroll.reveal>*:nth-child(2){transition-delay:.12s}.section.reveal-on-scroll.reveal>*:nth-child(3){transition-delay:.18s}.section.reveal-on-scroll.reveal>*:nth-child(4){transition-delay:.24s}.section.reveal-on-scroll.reveal>*:nth-child(5){transition-delay:.3s}.section.reveal-on-scroll.reveal>*:nth-child(6){transition-delay:.36s}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}button{font-family:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(max-width:767px){#root{padding:0}}.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}