:root{--primary: #ff6b2b;--secondary: #147efb;--accent: #fe9500;--background: #ffffff;--surface: #f8f9fc;--text: #1a1f36;--text-secondary: #5a6482;--border: #e5e8ed;--code-bg: #1a1f36;--code-text: #e5e8ed;--header-bg: rgba(255, 255, 255, 0.8);--container-width: 1200px;--container-padding: 2rem;--radius: 12px;--header-height: 64px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}@media (prefers-color-scheme: dark){:root{--background: #0d1117;--surface: #161b22;--text: #f0f6fc;--text-secondary: #8b949e;--border: #30363d;--code-bg: #2d333b;--code-text: #e5e8ed;--header-bg: rgba(13, 17, 23, 0.8);--shadow: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.3)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--text);background:var(--background);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:1rem;color:var(--text)}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.25rem;letter-spacing:-.01em}h3{font-size:1.5rem}p{margin-bottom:1.5rem;color:var(--text-secondary)}.container{max-width:var(--container-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 2rem);width:100%}.button{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius);background:var(--primary);color:#fff;text-decoration:none;font-weight:500;transition:transform .2s ease}.button:hover{transform:translateY(-2px)}.hero{padding:8rem 0;text-align:center;background:var(--surface)}.hero__title{font-size:4rem;margin-bottom:1.5rem;background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:fadeIn .8s ease-out}@media (max-width: 768px){.hero__title{font-size:2.5rem}}.hero__description{font-size:1.5rem;max-width:600px;margin:0 auto 3rem;color:var(--text-secondary);animation:fadeIn .8s ease-out .2s both}@media (max-width: 768px){.hero__description{font-size:1.25rem}}.highlights{padding:6rem 0}.highlights__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2.5rem;max-width:1000px;margin:0 auto}@media (min-width: 900px){.highlights__grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 768px){.highlights__grid{grid-template-columns:1fr;gap:2rem}}.highlight-item{text-align:center;padding:1.5rem}.highlight-item .highlight-emoji{display:block;font-size:2.5rem;margin-bottom:1rem;line-height:1}.highlight-item p{font-size:1.1rem;font-weight:500;margin-bottom:0;color:var(--text)}@media (max-width: 768px){.highlight-item{padding:1rem}.highlight-item .highlight-emoji{font-size:2rem}.highlight-item p{font-size:1rem}}.features{padding:6rem 0;background:var(--surface)}.features h2{text-align:center;margin-bottom:3rem}.features__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.feature-card{background:var(--background);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:all .2s ease;border:1px solid var(--border)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.feature-card h3{margin-bottom:1rem;color:var(--text)}.feature-card p{margin-bottom:0;color:var(--text-secondary)}.contact{padding:6rem 0;text-align:center}.contact p{color:var(--text-secondary)}.contact a{color:var(--primary);text-decoration:none;font-weight:500;font-size:1.1rem}.contact a:hover{text-decoration:underline}.footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-height) + 2rem) 0 2rem;background:var(--surface)}.error-page .container{max-width:600px}.error-page h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.error-page p{margin-bottom:2rem;font-size:1.25rem}.error-page .button{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius);background:var(--primary);color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease}.error-page .button:hover{transform:translateY(-2px);opacity:.9}@media (max-width: 768px){.error-page{padding:calc(var(--header-height) + 1rem) 0 1rem}.error-page h1{font-size:2rem}.error-page p{font-size:1rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--container-padding: 1rem}.hero{padding:4rem 0}.features,.highlights,.contact{padding:4rem 0}.features h2{margin-bottom:2rem}}