*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s ease}.hero-section{position:relative;background:linear-gradient(135deg,#0d6efd,#084298);color:#fff;padding:100px 20px 120px;text-align:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;max-width:800px;margin:0 auto}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:20px;border:1px solid rgba(255,255,255,.3)}.hero-title{font-size:clamp(2.5rem,7vw,4rem);font-weight:800;margin-bottom:20px;letter-spacing:-1px}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);color:#fffffff2;margin-bottom:40px;line-height:1.7}.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.theme-toggle{position:absolute;top:20px;right:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 18px;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;z-index:10}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem;border:2px solid transparent}.btn-primary{background:#fff;color:#0d6efd;box-shadow:0 4px 15px #0000001a}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.btn-secondary{background:#25d366;color:#fff;box-shadow:0 4px 15px #25d3664d}.btn-secondary:hover{background:#20ba5a;transform:translateY(-3px);box-shadow:0 8px 25px #25d36666}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;margin-bottom:15px;color:#1a1a1a;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#0d6efd,#084298);border-radius:2px}.section-description{color:#666;font-size:1.1rem;margin-top:20px}.activities-section{padding:80px 20px;background:#f8f9fa}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.activity-card{background:#fff;padding:35px 25px;border-radius:16px;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;display:block}.activity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0d6efd10,#08429810);opacity:0;transition:opacity .3s ease}.activity-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #0d6efd26;border-color:#0d6efd}.activity-card:hover:before{opacity:1}.activity-icon{font-size:3rem;margin-bottom:20px;display:block;position:relative}.activity-title{font-size:1.15rem;font-weight:600;color:#2c3e50;margin-bottom:10px;position:relative}.activity-arrow{color:#0d6efd;font-size:1.5rem;opacity:0;transform:translate(-10px);transition:all .3s ease;position:relative}.activity-card:hover .activity-arrow{opacity:1;transform:translate(0)}.advantages-section{padding:80px 20px;position:relative;background:#fff}.advantages-background{position:absolute;inset:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);opacity:.5}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;position:relative}.advantage-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:2px solid #f0f0f0}.advantage-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f;border-color:#0d6efd}.advantage-icon{font-size:2.5rem;display:block;margin-bottom:15px}.advantage-text{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0}.contact-section{padding:80px 20px;background:linear-gradient(135deg,#0d6efd,#084298)}.contact-box{background:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 10px 40px #00000026}.contact-box h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#1a1a1a;margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.contact-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.contact-item:hover{background:#e9ecef;transform:scale(1.02)}.contact-icon{font-size:2rem;flex-shrink:0}.contact-label{font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.contact-value{font-size:1.05rem;color:#2c3e50;font-weight:600}.footer{background:#0b0b0b;color:#888;text-align:center;padding:30px 20px}.footer p{margin:0;font-size:.95rem}.dark .activities-section{background:#1a1d24}.dark .activity-card{background:#242830;color:#e6edf3}.dark .activity-title{color:#e6edf3}.dark .advantages-section{background:#0e1117}.dark .advantages-background{background:linear-gradient(135deg,#1a1d24,#242830)}.dark .advantage-card{background:#242830;border-color:#30363d}.dark .advantage-text,.dark .section-header h2{color:#e6edf3}.dark .section-description{color:#9da7b3}.dark .contact-box{background:#1a1d24}.dark .contact-box h2{color:#e6edf3}.dark .contact-item{background:#242830}.dark .contact-item:hover{background:#2d3139}.dark .contact-value{color:#e6edf3}.dark .contact-label{color:#9da7b3}@media(max-width:768px){.hero-section{padding:80px 20px 100px}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.activities-grid,.advantages-grid,.contact-grid{grid-template-columns:1fr}.contact-box{padding:40px 25px}.theme-toggle{top:15px;right:15px;padding:8px 14px;font-size:.85rem}}@media(max-width:480px){.hero-badge{font-size:.8rem;padding:6px 16px}.activity-card,.advantage-card,.contact-box{padding:30px 20px}}#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}