:root{--color-bg: #0f0f10;--color-white: #ffffff;--color-accent: #19ACEA;--font-family: "Funnel Display", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-white);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:var(--color-bg)}.background__blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;filter:blur(100px);pointer-events:none}.background__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none;z-index:1}.blob{position:absolute;border-radius:50%;will-change:transform,opacity}.blob--1{width:80vmax;height:80vmax;background:radial-gradient(circle,rgba(50,70,85,.85) 0%,transparent 55%);left:-25%;bottom:-35%;animation:blob1 10s ease-in-out infinite}.blob--2{width:70vmax;height:70vmax;background:radial-gradient(circle,rgba(120,160,200,.5) 0%,transparent 55%);right:-20%;top:-30%;animation:blob2 12s ease-in-out infinite}.blob--3{width:75vmax;height:75vmax;background:radial-gradient(circle,rgba(140,180,210,.4) 0%,transparent 55%);left:5%;top:-10%;animation:blob3 14s ease-in-out infinite}@keyframes blob1{0%,to{transform:translate(0) scale(1);opacity:.85}20%{transform:translate(50%,-35%) scale(1.35);opacity:1}40%{transform:translate(70%,25%) scale(.75);opacity:.7}60%{transform:translate(30%,60%) scale(1.25);opacity:.95}80%{transform:translate(-25%,30%) scale(.9);opacity:.8}}@keyframes blob2{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(-55%,35%) scale(1.35);opacity:.7}50%{transform:translate(-30%,70%) scale(.7);opacity:.4}75%{transform:translate(30%,45%) scale(1.2);opacity:.65}}@keyframes blob3{0%,to{transform:translate(0) scale(1);opacity:.4}20%{transform:translate(-35%,30%) scale(1.25);opacity:.6}40%{transform:translate(45%,50%) scale(.75);opacity:.3}60%{transform:translate(60%,-20%) scale(1.3);opacity:.55}80%{transform:translate(25%,-45%) scale(.85);opacity:.35}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.particle{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;background-color:var(--color-white);border-radius:50%;opacity:var(--opacity);transition:transform .15s ease-out;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:var(--opacity);box-shadow:0 0 8px #ffffff80}50%{opacity:calc(var(--opacity) * .3);box-shadow:0 0 2px #fff3}}.hero{position:relative;z-index:10;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;padding:40px}.hero__header{position:relative;z-index:1;flex-shrink:0}.hero__logo{width:180px;height:40px}.hero__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:120px;max-width:1405px;width:100%}.hero__titles{display:flex;flex-direction:column;align-items:center;gap:64px;text-align:center}.hero__heading{position:relative;z-index:1;line-height:.81;letter-spacing:-.05em;font-weight:700;font-size:clamp(90px,7vw,130px)}.hero__heading-base,.hero__heading-gradient{display:block}.hero__heading-base{opacity:.7;color:var(--color-white)}.hero__heading-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(76deg,#fff0 5%,#fff 57%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}.hero__subtitle{position:relative;z-index:1;font-size:32px;font-weight:400;line-height:1.25;letter-spacing:-.01em;color:var(--color-white)}.hero__button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:24px 64px;gap:10px;width:280px;height:71px;border-radius:100px;background:linear-gradient(153.91deg,#19acea73 -148.65%,#fff 111.44%),#fff;color:#171818;font-family:var(--font-family);font-style:normal;font-weight:700;font-size:28px;line-height:81%;text-align:center;letter-spacing:-.05em;text-decoration:none;cursor:pointer;border:none;transition:box-shadow .3s ease;position:relative;z-index:1;overflow:hidden;flex:none;mix-blend-mode:normal;will-change:transform}.hero__button:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:150%}}.hero__button:hover{box-shadow:0 10px 40px #19acea4d}.hero__footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:40px 20px;flex-shrink:0}.hero__copyright{font-family:var(--font-family);font-style:normal;font-weight:300;font-size:20px;line-height:95%;letter-spacing:-.05em;color:#fff;mix-blend-mode:normal;text-align:center}.hero__copyright-year{opacity:1}.hero__copyright-text{opacity:.25}@media (max-width: 1440px){.hero__heading{font-size:90px}.hero__subtitle{font-size:26px}.hero__content{gap:100px}.hero__button{width:240px;height:60px;padding:20px 52px;font-size:24px}.hero__footer{padding:32px 20px}.hero__copyright{font-size:18px}}@media (max-width: 768px){.hero{padding:40px 24px}.hero__heading{font-size:64px}.hero__subtitle{font-size:20px}.hero__content{gap:64px}.hero__titles{gap:40px}.hero__button{width:220px;height:56px;padding:18px 44px;font-size:22px}.hero__footer{padding:24px 20px}.hero__copyright{font-size:16px}}@media (max-width: 390px){.hero{padding:24px 16px}.hero__logo{width:108px;height:24px}.hero__heading{font-size:32px}.hero__subtitle{font-size:14px;max-width:260px}.hero__content{gap:40px}.hero__titles{gap:24px}.hero__button{width:180px;height:48px;padding:14px 28px;font-size:18px}.hero__footer{padding:20px 16px}.hero__copyright{font-size:12px}.particle{width:8px;height:8px}.particle:nth-child(1){--x: 5%;--y: 0%}.particle:nth-child(2){--x: 95%;--y: 20%}.particle:nth-child(3){--x: 5%;--y: 80%}.particle:nth-child(4){--x: 95%;--y: 0%}.particle:nth-child(5){--x: 2%;--y: 10%}.particle:nth-child(6){--x: 98%;--y: 10%}.particle:nth-child(7){--x: 5%;--y: 5%}.particle:nth-child(8){--x: 95%;--y: 90%}.particle:nth-child(9){--x: 2%;--y: 2%}.particle:nth-child(10){--x: 98%;--y: 95%}.particle:nth-child(11){--x: 2%;--y: 55%}.particle:nth-child(12){--x: 98%;--y: 50%}.particle:nth-child(4),.particle:nth-child(11),.particle:nth-child(12){opacity:.1}}
