@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Arial,sans-serif;color:#e9ece5;background:#0b0e0c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit}::selection{background:#cffd87;color:#10150d}.world{min-height:100svh;display:grid;align-items:center;position:relative;overflow:hidden;padding:64px 8%;background:radial-gradient(ellipse at 72% 45%,#1b271721,transparent 55%)}.world:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero{position:relative;width:100%;max-width:1280px;margin:auto;min-height:620px;display:flex;align-items:center}.copy{position:relative;z-index:2}h1{font-size:clamp(76px,8.2vw,132px);font-weight:500;letter-spacing:-.075em;line-height:.95;margin:0 0 44px}h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.075em;color:#d1f6a7}.smile{display:inline-block;font-size:.4em;color:#d1f6a7;transform:rotate(15deg);vertical-align:middle;margin-left:30px;letter-spacing:-.1em}button{background:#cef7a5;border:1px solid #cef7a5;color:#15200f;display:flex;align-items:center;justify-content:space-between;gap:42px;padding:17px 20px;min-width:210px;font-size:11px;font-weight:600;letter-spacing:1.1px;cursor:pointer;transition:background .25s,box-shadow .25s,transform .25s}button:hover{background:#e0ffbf;box-shadow:0 0 35px #b5ff7d20;transform:translateY(-2px)}button:focus-visible{outline:2px solid #e7ffc9;outline-offset:6px}.arrow{font-size:22px;line-height:1}.scene{position:absolute;top:0;right:0;bottom:0;left:36%;pointer-events:none}.halo{position:absolute;left:20%;top:12%;width:70%;height:80%;background:radial-gradient(ellipse,#acd2751a,transparent 65%);filter:blur(25px)}.portal{position:absolute;left:37%;top:7%;height:490px;width:242px;border:2px solid #e0ffb3;border-radius:50% 50% 2px 2px/32% 32% 0 0;transform:rotate(-12deg) skewY(7deg);background:radial-gradient(ellipse at 50% 90%,#46602c30,transparent 65%),#080d08;box-shadow:0 0 5px #edffcc,0 0 17px #bbff8070,0 0 70px #c9ff7435,inset 0 0 22px #c4ff7335;animation:breathe 7s ease-in-out infinite;transition:filter 1.5s,transform 1.5s}.portal:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid #bdf98930;border-radius:inherit}.portal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#c7ff880b,transparent 40%,#91cb5720);border-radius:inherit}.floor{position:absolute;top:77%;left:27%;height:160px;width:57%;background:radial-gradient(ellipse at 50% 0,#bdf98928,transparent 60%);filter:blur(18px);transform:rotate(-8deg)}.inside .portal{filter:brightness(1.5);transform:rotate(-5deg) skewY(3deg) scale(1.06)}.inside .halo{background:radial-gradient(ellipse,#acd27530,transparent 65%)}@keyframes breathe{50%{box-shadow:0 0 8px #edffcc,0 0 25px #bbff8090,0 0 100px #c9ff7450,inset 0 0 30px #c4ff7350}}@media(min-width:1600px){.hero{min-height:700px}.portal{height:550px;width:275px;top:10%}}@media(max-width:800px){.world{padding:48px 7%}.hero{min-height:620px}.scene{top:0;right:-10%;bottom:0;left:20%;opacity:.65}.portal{left:40%;top:17%;height:400px;width:190px}h1{font-size:clamp(70px,12vw,96px)}}@media(max-width:440px){.world{padding:40px 7%}.hero{min-height:540px}h1{font-size:clamp(56px,16vw,70px)}.scene{top:0;right:-20%;bottom:0;left:10%;opacity:.45}.portal{left:48%;top:10%;height:380px;width:165px}.smile{margin-left:19px}button{min-width:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}