@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#ec4899;--cyan:#06b6d4;--background-dark:#0f0f1a;--background-mid:#1a1a2e;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--gradient-primary:linear-gradient(135deg,var(--primary)0%,var(--secondary)50%,var(--accent)100%);--gradient-glow:linear-gradient(135deg,#6366f14d 0%,#8b5cf64d 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--text-primary);background:0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.main{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero__logo{letter-spacing:-.02em;background:var(--gradient-primary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,15vw,10rem);font-weight:700;animation:1s ease-out fadeInUp;position:relative}.hero__logo:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60%;height:4px;animation:1s ease-out .5s both expandLine;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hero__tagline{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:300;animation:1s ease-out .2s both fadeInUp}.hero__scroll-indicator{cursor:pointer;opacity:.7;transition:opacity .3s;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-indicator:hover{opacity:1}.hero__scroll-indicator svg{width:40px;height:40px;stroke:var(--primary-light)}.services{width:100%;max-width:1400px;margin:0 auto;padding:6rem 2rem}.services__header{text-align:center;margin-bottom:4rem}.services__title{background:var(--gradient-primary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.5rem)}.services__subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.services__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.service-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-glow);opacity:0;z-index:0;transition:opacity .4s;position:absolute;inset:0}.service-card:hover{border-color:#6366f14d;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f126}.service-card:hover:before{opacity:1}.service-card:hover .service-card__icon{transform:scale(1.1)rotate(5deg)}.service-card:hover .service-card__arrow{opacity:1;transform:translate(5px)}.service-card__content{z-index:1;position:relative}.service-card__icon{background:var(--gradient-primary);border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-size:2rem;transition:transform .4s;display:flex}.service-card__title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;display:flex}.service-card__arrow{opacity:0;color:var(--primary-light);transition:all .3s}.service-card__description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.service-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.service-card__tag{color:var(--primary-light);background:#6366f126;border:1px solid #6366f133;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.service-card--featured{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border-color:#6366f133;grid-column:span 2}@media (max-width:768px){.service-card--featured{grid-column:span 1}}.service-card--coming-soon{opacity:.7}.service-card--coming-soon:hover{cursor:default;transform:none}.service-card--coming-soon .service-card__badge{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;background:#8b5cf633;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;position:absolute;top:1.5rem;right:1.5rem}.about{text-align:center;max-width:900px;margin:0 auto;padding:6rem 2rem}.about__title{background:var(--gradient-primary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3rem)}.about__text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.2rem;line-height:1.8}.footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:auto;padding:3rem 2rem}.footer__brand{background:var(--gradient-primary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.footer__copyright{color:var(--text-muted);font-size:.9rem}.footer__links{justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.footer__links a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer__links a:hover{color:var(--primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandLine{0%{width:0}to{width:60%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.glow{text-shadow:0 0 10px #6366f180,0 0 20px #6366f14d,0 0 40px #6366f133}@media (max-width:768px){.hero{padding:1.5rem}.services{padding:4rem 1.5rem}.services__grid{grid-template-columns:1fr}.service-card{padding:2rem}}