.navbar{background:#0f172a;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;overflow:hidden;height:64px}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-brand h1{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.navbar-brand .highlight{background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{width:40px;height:40px;background:linear-gradient(135deg,#22d3ee,#a78bfa);border-radius:10px;display:grid;place-items:center;font-size:20px;color:#fff;box-shadow:0 3px 8px #0000004d}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav-links li a{color:#e5e7eb;text-decoration:none;font-weight:500;display:inline-block;transition:transform .25s ease,color .2s ease}.nav-links li a:hover{color:#93c5fd;transform:scale(1.2)}.plane{position:absolute;font-size:20px;transition:top 1.5s ease,left 1.5s ease;pointer-events:none;opacity:.8}.menu-toggle{display:none;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer;z-index:20}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:absolute;top:64px;right:0;background:#1e293b;flex-direction:column;align-items:flex-start;padding:1rem 2rem;width:200px;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:-2px 6px 12px #00000040}.nav-links.open{max-height:300px}.nav-links li{margin:.5rem 0}}.animated-scene{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.plane{position:absolute;left:-50px;font-size:22px;opacity:.9;animation:flyAcross linear infinite}@keyframes flyAcross{0%{left:-60px}to{left:110%}}.balloon{position:absolute;bottom:-60px;font-size:24px;animation:floatUp ease-in-out infinite alternate}@keyframes floatUp{0%{bottom:-60px}to{bottom:100%}}.car{position:absolute;right:-60px;font-size:22px;animation:driveLeft linear infinite}@keyframes driveLeft{0%{right:-60px}to{right:110%}}.site-footer{background:#0f172a;color:#e5e7eb;padding:1.5rem 1.25rem;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.04)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center;min-width:220px}.badge{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:linear-gradient(90deg,#22d3ee,#a78bfa);box-shadow:0 6px 18px #a78bfa14}.brand-name{font-weight:700;line-height:1}.brand-mile{color:#a78bfa}.tagline{font-size:12px;color:#94a3b8;margin-top:2px}.footer-nav{display:flex;gap:14px;align-items:center}.footer-nav a{color:inherit;text-decoration:none;font-weight:600;opacity:.92}.footer-nav a:hover{opacity:1;text-decoration:underline}.footer-right{text-align:right;min-width:200px}.footer-right .email{display:inline-block;font-weight:700;text-decoration:none;color:#93c5fd;margin-bottom:6px}.copyright{font-size:13px;color:#94a3b8}@media (max-width: 700px){.footer-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.footer-right{text-align:left;min-width:auto}.footer-nav{order:3}}#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}.hero-mosaic-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mosaic-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:8px;width:100%;max-height:50vh}.box.m{grid-column:1 / 2;grid-row:1 / 3}.box.a{grid-column:2 / 3;grid-row:1 / 2}.box.b{grid-column:3 / 5;grid-row:1 / 2}.box.d{grid-column:5 / 6;grid-row:1 / 2}.box.f{grid-column:6 / 7;grid-row:1 / 3}.box.r{grid-column:2 / 4;grid-row:2 / 3}.box.c{grid-column:4 / 6;grid-row:2 / 3}.box img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .6s ease}.box:hover img{transform:scale(1.05)}.hero-overlay{text-align:center;max-width:800px}.hero-overlay h1{font-size:3rem;margin-bottom:1rem}.hero-overlay p{font-size:1.2rem;margin-bottom:1.5rem}.cta-btn{padding:.8rem 1.5rem;font-size:1rem;background:#facc15;border:none;border-radius:8px;color:#1e293b;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000004d}.home{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1e293b}.hero{background:linear-gradient(to bottom right,#fcfcfc,#fff);height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;position:relative;overflow:hidden}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 1.5rem;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.explore{background:#1d4ed8;color:#fff}.btn.notify{background:#facc15;color:#1e293b}.btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:4rem 2rem;background:#f1f5f9}.card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 3px 10px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-8px);box-shadow:0 6px 16px #00000026}.card h3{margin-bottom:.5rem;font-size:1.3rem}.cta{text-align:center;padding:4rem 2rem;background:linear-gradient(to right,#22d3ee,#a78bfa);color:#fff}.cta h2{font-size:2rem;margin-bottom:1rem}.cta p{margin-bottom:2rem;font-size:1.1rem}body{margin:0;font-family:Arial,sans-serif;background:#f9fafb;color:#111}main{padding:2rem}h1,h2{color:#1e293b}footer{text-align:center;padding:1rem;background:#e5e7eb;margin-top:2rem}