*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#fff;font-family:Plus Jakarta Sans,SF Pro Display,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.page{position:relative;width:100%;height:100dvh;overflow:hidden}.bg{position:absolute;inset:0;background-color:#fff;background-image:radial-gradient(circle,rgba(209,213,219,.8) 1.5px,transparent 1.5px);background-size:24px 24px}.content{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(32px,5vw,72px);padding-bottom:100px}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.brand-group{display:flex;flex-direction:column;gap:10px}.brand{font-weight:800;font-size:clamp(3.1rem,6vw,5.5rem);letter-spacing:-.04em;color:#000;line-height:.9;user-select:none;text-shadow:3px 0 5px #fff,-3px 0 5px #fff,0 3px 5px #fff,0 -3px 5px #fff,0 0 15px #fff;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .2s forwards}.creator{font-size:1.1rem;font-weight:400;font-family:Lexend,sans-serif;color:#000000a6;letter-spacing:.01em;text-shadow:2px 0 3px #fff,-2px 0 3px #fff,0 2px 3px #fff,0 -2px 3px #fff,0 0 10px #fff;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .35s forwards}.creator-link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.creator-link:hover{color:#000}.tagline{font-weight:500;font-size:clamp(1.35rem,2vw,1.9rem);color:#000000d9;letter-spacing:-.01em;line-height:1.35;max-width:30vw;text-align:right;text-shadow:2px 0 3px #fff,-2px 0 3px #fff,0 2px 3px #fff,0 -2px 3px #fff,0 0 10px #fff;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .5s forwards}.newsletter{position:absolute;bottom:80px;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:0;z-index:3;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .5s forwards}.art-container{display:flex;justify-content:center;align-items:center;flex:1;margin:0 clamp(20px,8vw,100px);opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .4s forwards}.art{--l1-radius: 20px;--l1-distance: 60px;--l2-radius: 15px;--l2-distance: 120px;--l3-radius: 10px;--l3-distance: 170px;width:100%;max-width:clamp(300px,35vw,700px);height:auto;aspect-ratio:1 / 1;overflow:visible}.layer{transform-origin:0 0}.layer circle{r:var(--radius);cx:var(--distance)}.layer-1{--radius: var(--l1-radius);--distance: var(--l1-distance)}.layer-2{--radius: var(--l2-radius);--distance: var(--l2-distance)}.layer-3{--radius: var(--l3-radius);--distance: var(--l3-distance)}.newsletter-form{display:flex;align-items:center;width:100%;background:#000000e6;border-radius:999px;padding:5px 5px 5px 20px;gap:8px}.newsletter-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-family:inherit;font-size:15px;font-weight:500}.newsletter-input::placeholder{color:#ffffff80}.newsletter-button{background:#fff;color:#000;border:none;border-radius:999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s ease,transform .15s ease}.newsletter-button:hover:not(:disabled){opacity:.85}.newsletter-button:active:not(:disabled){transform:scale(.97)}.newsletter-button:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.newsletter-message{font-size:14px;font-weight:700;color:#1a1a1a;text-align:center;padding:10px 16px;border-radius:999px;background:#fffffffa;box-shadow:0 2px 8px #00000014;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;position:absolute;bottom:100%;margin-bottom:12px;left:50%;translate:-50% 0;white-space:nowrap}.newsletter-message:not(:empty){opacity:1;visibility:visible;transform:translateY(0)}.newsletter-message.success{color:#16a34a}.newsletter-message.error{color:#dc2626}.url{position:absolute;bottom:32px;left:50%;translate:-50% 0;font-size:.85rem;color:#0009;z-index:3;white-space:nowrap;text-shadow:2px 0 3px #fff,-2px 0 3px #fff,0 2px 3px #fff,0 -2px 3px #fff,0 0 10px #fff;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .9s forwards;transition:color .2s ease}.url:hover{color:#000}@media(max-width:900px){.brand{font-size:clamp(2.2rem,5.5vw,3.8rem)}.tagline{max-width:28vw;font-size:clamp(.9rem,2vw,1.25rem)}}@media(max-width:640px){.content{flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 32px 140px}.brand-group{display:flex;flex-direction:column;align-items:center}.brand{font-size:clamp(3.3rem,15vw,5rem);text-align:center}.creator{text-align:center}.art-container{max-width:none;width:100%;margin:30px 0}.art{max-width:75vw}.newsletter{max-width:300px;padding:0;bottom:60px}.tagline{max-width:85%;text-align:center;font-size:clamp(1.05rem,4.5vw,1.45rem)}.url{bottom:16px;font-size:.72rem;padding:0 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}