:root{--bg: #0a1022;--ink: #e6eefb;--ink-soft: #a9b8d8;--accent: #ff9f2f;--accent-alt: #33d6e7;--card: rgba(9, 16, 34, .78);--card-border: rgba(145, 171, 220, .22);--shadow: 0 28px 70px rgba(2, 6, 18, .62);--font-display: "Clash Display", "Sora", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Manrope", "Nunito Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 18% 15%,rgba(51,214,231,.13),transparent 35%),radial-gradient(circle at 82% 82%,rgba(255,159,47,.12),transparent 36%),linear-gradient(135deg,#040810,#08122a 45%,#050919);min-height:100svh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100svh}.landing{--scene-x: 0px;--scene-y: 0px;--pointer-x: 50%;--pointer-y: 50%;position:relative;min-height:100svh;display:grid;align-content:center;justify-items:center;gap:2rem;padding:clamp(1.3rem,3vw,3rem);isolation:isolate}.ambient{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none;z-index:-1}.ambient-a{width:clamp(220px,34vw,500px);height:clamp(220px,34vw,500px);left:-8%;top:8%;background:radial-gradient(circle,rgba(21,182,201,.2),transparent 65%);transform:translate3d(calc(var(--scene-x) * -.85),calc(var(--scene-y) * -.7),0);animation:floatA 8s ease-in-out infinite}.ambient-b{width:clamp(180px,26vw,360px);height:clamp(180px,26vw,360px);right:-3%;top:10%;background:radial-gradient(circle,rgba(255,110,47,.21),transparent 68%);transform:translate3d(calc(var(--scene-x) * .45),calc(var(--scene-y) * -.65),0);animation:floatB 10s ease-in-out infinite}.ambient-c{width:clamp(240px,30vw,430px);height:clamp(240px,30vw,430px);bottom:-12%;right:10%;background:radial-gradient(circle,rgba(179,199,241,.12),transparent 72%);transform:translate3d(calc(var(--scene-x) * .85),calc(var(--scene-y) * .55),0);animation:floatC 12s ease-in-out infinite}.hero-shell{width:min(860px,100%);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:riseIn .8s ease both}h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,9vw,5rem);letter-spacing:-.035em;line-height:.98}.hero-note{margin:.9rem 0 0;color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.68rem,1.3vw,.88rem);font-weight:700}.contact-us{margin:1rem 0 0;display:inline-flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border-radius:999px;background:#0d1833c2;border:1px solid rgba(145,171,220,.25);font-size:.88rem;color:#c4d4f3}.contact-us a{color:#fff;font-weight:800;letter-spacing:.03em;text-decoration:none}.contact-us a:hover{color:#7de7f3}.mouse-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.mouse-orb{position:absolute;width:130px;height:130px;left:var(--pointer-x);top:var(--pointer-y);transform:translate(-50%,-50%);pointer-events:none;border-radius:999px;opacity:.5;background:radial-gradient(circle,rgba(51,214,231,.22) 0 20%,transparent 62%),radial-gradient(circle,rgba(255,159,47,.16) 0 24%,transparent 70%);filter:blur(.8px)}.orb-main{transition:left 70ms linear,top 70ms linear}.orb-trail{width:210px;height:210px;opacity:.28;filter:blur(3px);background:radial-gradient(circle,rgba(70,229,245,.2) 0 30%,transparent 68%),radial-gradient(circle,rgba(255,173,80,.15) 0 35%,transparent 74%);transform:translate(calc(-50% + var(--scene-x) * .35),calc(-50% + var(--scene-y) * .35));transition:left .21s ease-out,top .21s ease-out}.mouse-ring{position:absolute;width:190px;height:190px;left:var(--pointer-x);top:var(--pointer-y);transform:translate(-50%,-50%);border-radius:999px;border:1px dashed rgba(125,214,242,.35);box-shadow:inset 0 0 22px #7dd6f226;opacity:.35;transition:left .13s ease-out,top .13s ease-out;animation:ringSpin 16s linear infinite}.mouse-diamond{position:absolute;width:13px;height:13px;left:var(--pointer-x);top:var(--pointer-y);transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;background:#06163ae6;border:1.5px solid rgba(51,214,231,.88);box-shadow:0 0 8px #33d6e78c,0 0 18px #33d6e733;transition:left 55ms linear,top 55ms linear}.uc-stage{--uc: clamp(280px, 52vw, 400px);position:relative;width:var(--uc);height:var(--uc);display:grid;place-items:center;animation:riseIn 1s ease .12s both}.uc-ring{position:absolute;border-radius:50%;pointer-events:none}.uc-ring-a{top:0;right:0;bottom:0;left:0;border:1px solid rgba(51,214,231,.16);border-top-color:#33d6e7b8;border-right-color:#33d6e71a;animation:reticleSpin 22s linear infinite}.uc-ring-b{top:13%;right:13%;bottom:13%;left:13%;border:1px solid rgba(255,159,47,.13);border-bottom-color:#ff9f2f9e;border-left-color:#ff9f2f14;animation:reticleSpin 14s linear infinite reverse}.uc-ring-c{top:26%;right:26%;bottom:26%;left:26%;border:1px solid rgba(192,132,252,.18);border-left-color:#c084fc94;animation:reticleSpin 8s linear infinite}.uc-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.uc-crosshair span:first-child{position:absolute;top:50%;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(51,214,231,.25) 28%,rgba(51,214,231,.25) 72%,transparent)}.uc-crosshair span:last-child{position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg,transparent,rgba(51,214,231,.25) 28%,rgba(51,214,231,.25) 72%,transparent)}.uc-core{position:relative;z-index:2;display:grid;place-items:center;width:clamp(88px,16vw,116px);height:clamp(88px,16vw,116px)}.uc-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(51,214,231,.5);animation:pulseExpand 2.4s ease-out infinite;pointer-events:none}.uc-pulse:nth-child(2){animation-delay:1.2s}.uc-diamond{position:relative;z-index:2;width:clamp(40px,7vw,54px);height:clamp(40px,7vw,54px);background:linear-gradient(135deg,#081c46f5,#0e4291e0);border:1.5px solid rgba(51,214,231,.78);transform:rotate(45deg);box-shadow:0 0 22px #33d6e785,0 0 52px #33d6e72e,inset 0 0 10px #33d6e733;animation:diamondSpin 10s linear infinite}.uc-label{position:absolute;bottom:-3.6rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.65rem;white-space:nowrap;margin:0;letter-spacing:.34em;text-transform:uppercase;font-size:clamp(.76rem,1.5vw,1.02rem);font-weight:900;color:#78ecf7fa;text-shadow:0 0 20px rgba(51,214,231,.58),0 0 36px rgba(51,214,231,.26);animation:labelBlink 2.8s ease-in-out infinite}.uc-label:before,.uc-label:after{content:"";display:block;width:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(51,214,231,.7))}.uc-label:after{background:linear-gradient(90deg,rgba(51,214,231,.7),transparent)}.uc-stage:hover .uc-diamond{animation:diamondSpin 3s linear infinite}@media (max-width: 720px){.landing{gap:1.2rem;padding-inline:.9rem;padding-block:1.2rem 1.6rem}.uc-stage{--uc: clamp(220px, 72vw, 290px)}.contact-us{font-size:.8rem;gap:.5rem;padding:.56rem .72rem}.mouse-orb{width:96px;height:96px}.orb-trail{width:150px;height:150px}.mouse-ring{width:136px;height:136px}}@media (prefers-reduced-motion: reduce){.ambient,.hero-shell,.uc-stage{animation:none}.mouse-orb,.mouse-diamond,.orb-trail,.mouse-ring{transition:none}.mouse-ring,.uc-ring,.uc-pulse,.uc-diamond,.uc-label{animation:none}}@keyframes floatA{0%,to{transform:translate3d(calc(var(--scene-x) * -.85),calc(var(--scene-y) * -.7),0)}50%{transform:translate3d(calc(var(--scene-x) * -.85),calc(var(--scene-y) * -.7 - 12px),0)}}@keyframes floatB{0%,to{transform:translate3d(calc(var(--scene-x) * .45),calc(var(--scene-y) * -.65),0)}50%{transform:translate3d(calc(var(--scene-x) * .45),calc(var(--scene-y) * -.65 + 10px),0)}}@keyframes floatC{0%,to{transform:translate3d(calc(var(--scene-x) * .85),calc(var(--scene-y) * .55),0)}50%{transform:translate3d(calc(var(--scene-x) * .85),calc(var(--scene-y) * .55 - 14px),0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ringSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes reticleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes diamondSpin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes pulseExpand{0%{transform:scale(.8);opacity:.72}to{transform:scale(2.4);opacity:0}}@keyframes labelBlink{0%,to{opacity:1}50%{opacity:.35}}
