*,::after,::before{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px dashed #57F287;outline-offset:4px}body{background:#2b2d31;background:radial-gradient(circle at 50% 0,#313338 0,#1e1f22 100%);color:#f2f3f5;font-family:'Nunito',sans-serif;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative;perspective:1000px}.m{position:absolute;z-index:0;pointer-events:none}.m1{top:15%;right:8%;animation:f1 6s ease-in-out infinite}.m2{bottom:20%;left:5%;animation:f2 8s ease-in-out infinite}.m3{top:60%;right:15%;animation:f1 7s ease-in-out infinite reverse;opacity:.5;transform:scale(.6)}@keyframes f1{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(10deg)}}@keyframes f2{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(-15deg)}}header{position:absolute;top:0;left:0;width:100%;padding:clamp(1.5rem,3vw,3rem);z-index:20;display:flex;justify-content:flex-start}main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:10;width:100%}.b{background:#202225;padding:clamp(2rem,5vw,4.5rem) clamp(1.5rem,4vw,3rem);border-radius:40px;box-shadow:0 25px 50px rgba(0,0,0,.5),inset 0 4px 0 rgba(255,255,255,.05);text-align:center;width:100%;max-width:760px;max-height:85vh;border:4px solid #5865F2;position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.b::before{content:'';position:absolute;top:-10px;left:40px;width:60px;height:20px;background:#5865F2;border-radius:20px;z-index:-1}.b::after{content:'';position:absolute;bottom:-10px;right:40px;width:40px;height:20px;background:#5865F2;border-radius:20px;z-index:-1}.eyebrow{display:inline-block;background:rgba(88,101,242,.2);color:#5865F2;padding:.4rem 1rem;border-radius:20px;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;transform:translateZ(25px)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.15;letter-spacing:-.03em;transform:translateZ(30px)}p{font-size:clamp(.95rem,2vw,1.15rem);font-weight:400;color:#b5bac1;margin-bottom:2.5rem;line-height:1.6;max-width:550px;transform:translateZ(20px)}.cta{display:inline-flex;align-items:center;justify-content:center;background:#5865F2;color:#fff;text-decoration:none;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:800;padding:1.2rem 3rem;border-radius:50px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 0 #404eed,0 15px 20px rgba(0,0,0,.3);transform:translateZ(40px);position:relative}.cta:hover{transform:translateZ(40px) translateY(-4px);box-shadow:0 12px 0 #404eed,0 20px 25px rgba(0,0,0,.4);background:#5b6bf8}.cta:active{transform:translateZ(40px) translateY(4px);box-shadow:0 0 0 #404eed,0 5px 10px rgba(0,0,0,.3)}footer{position:absolute;bottom:0;width:100%;text-align:center;padding:1.5rem;z-index:20}footer a{color:#80848e;text-decoration:none;font-size:.875rem;font-weight:800;transition:color .2s;margin:0 .75rem}footer a:hover{color:#b5bac1}