:root{--bg: #0b0d10;--surface: #0f1216;--text: #e6ecf1;--muted: #9aa6b2;--accent: #6ee7ff;--accent-2: #a78bfa;--accent-3: #2dd4bf;--ring: color-mix(in oklab, var(--accent), transparent 60%)}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;min-height:100%;overflow-x:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.gradient{position:absolute;filter:blur(80px);opacity:.5}.gradient-1{width:60vmax;height:60vmax;left:-10vmax;top:-10vmax;background:radial-gradient(45% 45% at 50% 50%,var(--accent),transparent 60%);animation:float 18s ease-in-out infinite}.gradient-2{width:60vmax;height:60vmax;right:-20vmax;bottom:-10vmax;background:radial-gradient(45% 45% at 50% 50%,var(--accent-2),transparent 60%);animation:float 22s ease-in-out infinite reverse}.grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);opacity:.35;transform:translateZ(0);animation:drift 60s linear infinite}.noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.025"/></svg>');mix-blend-mode:overlay}@keyframes float{0%{transform:translateZ(0)}50%{transform:translate3d(0,-20px,0)}to{transform:translateZ(0)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(22px)}}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(to bottom,color-mix(in oklab,var(--bg),transparent 30%),transparent)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}.brand .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 16px var(--ring)}.brand span{color:var(--text)}.nav{display:flex;gap:14px}.nav-link{color:var(--muted);text-decoration:none;font-size:.95rem;padding:8px 10px;border-radius:8px;transition:color .2s ease,background .2s ease}.nav-link:hover{color:var(--text);background:#0f141a}.hero{min-height:calc(100dvh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:48px 20px 40px}.logo{font-size:clamp(56px,10vw,120px);margin:0;letter-spacing:-.03em;line-height:.92}.logo-word{font-weight:800;color:var(--text)}.logo-accent{font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2) 50%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px var(--ring)}.tagline{margin:6px 0 12px;color:var(--muted);font-size:clamp(18px,2.6vw,24px);font-weight:300}.hero-cta{display:flex;gap:12px;align-items:center;justify-content:center}.micro-note{font-size:13px;color:#94a3b8;opacity:.9}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-weight:700;padding:14px 20px;border-radius:14px;color:#071017;background:#e6ecf1;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,color .2s ease;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#02060a;box-shadow:0 10px 30px -12px var(--ring)}.button.primary:hover{box-shadow:0 14px 38px -14px var(--ring)}.button.glow{background:linear-gradient(135deg,var(--accent-2),var(--accent-3));color:#041018;box-shadow:0 10px 34px -12px var(--ring)}.button.secondary{background:#0f141a;color:#e6ecf1;border:1px solid #243142;text-decoration:none}.button.secondary:hover{background:linear-gradient(135deg,#22d3ee,#10b981);color:#041018;border-color:transparent;box-shadow:0 12px 34px -14px #10b98159}.hero-cta .button{padding:16px 24px;font-size:17px;border-radius:16px}.about{max-width:840px;margin:40px auto 20px;padding:0 20px;text-align:center;color:var(--text)}.about p{margin:10px 0;color:#cfdae5;font-size:clamp(15px,2vw,18px);line-height:1.7}#mission{margin-bottom:150px}#mission p{color:#b3c0cc;font-size:clamp(18px,2vw,22px)}.cta{max-width:760px;margin:60px auto 90px;padding:0 20px;text-align:center}.cta-title{margin:0 0 8px;font-size:clamp(24px,3.8vw,36px)}.section-subtitle{margin:0 0 10px;font-size:clamp(32px,5.2vw,52px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--accent-2) 50%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.cta-text{margin:0 0 18px;color:var(--muted)}.cta-form{display:flex;gap:12px;justify-content:center;align-items:stretch;flex-wrap:wrap}.cta-form.stacked{flex-direction:column;align-items:center;gap:12px}.cta-card{background:linear-gradient(180deg,#111824,#0b121a);border:1px solid #243244;border-radius:22px;padding:34px 24px;box-shadow:0 24px 72px -24px var(--ring),0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input{width:min(500px,92vw);padding:14px 16px;border-radius:14px;border:1px solid #1f2937;background:#0f141a;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-size:16px}.input:focus{border-color:color-mix(in oklab,var(--accent-2),white 5%);box-shadow:0 0 0 7px #a78bfa14}.small-print{margin-top:10px;color:#93a1af;font-size:12px}.footer{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 20px 40px;color:var(--muted);border-top:1px solid #141a22;background:linear-gradient(to top,rgba(8,12,16,.6),transparent)}.socials{display:flex;gap:12px}.icon{color:#a5b4c4;width:36px;height:36px;display:grid;place-items:center;border:1px solid #1c2530;border-radius:10px;background:#0f141a;transition:transform .12s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.icon:hover{color:var(--text);border-color:#2b3a49;background:#121922;transform:translateY(-1px);box-shadow:0 10px 24px -12px var(--ring)}.contact-card{background:linear-gradient(180deg,#0f1622,#0a1118);border:1px solid #243244;border-radius:22px;padding:30px 22px;box-shadow:0 20px 60px -22px var(--ring),0 1px #ffffff08 inset}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.fade-in-up{opacity:0;transform:translateY(12px);animation:fadeInUp 1.2s ease-out forwards}.fade-delay-1{animation-delay:.5s}.fade-delay-2{animation-delay:.7s}.fade-delay-3{animation-delay:.9s}@media (prefers-reduced-motion: reduce){.fade-in,.fade-in-up{animation:none;opacity:1!important;transform:none!important}}@media (max-width: 420px){.nav{display:none}.logo{letter-spacing:-.5px}}
