:root{--bg:#0f1115;--text:#f8f9fa;--subtext:#a1a1aa;--brand1:#fe3c72;--brand2:#ff655b;--surface:#181a20;--border:#272a35}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:'Inter',sans-serif;height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;transition:opacity 1.5s ease-in-out}body.dim{opacity:.3}header{padding:2rem;display:flex;justify-content:center;align-items:center;height:10vh}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;position:relative}h1{font-size:clamp(2rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(90deg,var(--brand1),var(--brand2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:900px}p{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;color:var(--subtext);max-width:650px;line-height:1.6;margin-bottom:2.5rem}.cta{background:linear-gradient(45deg,var(--brand1),var(--brand2));color:#fff;border:none;padding:1.2rem 3rem;font-size:1.125rem;font-weight:700;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px rgba(254,60,114,.3)}.cta:hover,.cta:focus{transform:translateY(-2px);box-shadow:0 12px 32px rgba(254,60,114,.5);outline:none}.cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.lock{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shackle{transition:transform .4s cubic-bezier(.68,-.55,.26,1.55)}.unlocked .shackle{transform:translateY(-5px) translateX(2px) rotate(15deg)}.ping-btn{position:absolute;bottom:2rem;right:2rem;background:var(--surface);border:1px solid var(--border);color:var(--subtext);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:color .2s;z-index:10}.ping-btn:hover{color:var(--text)}.ripple{position:fixed;border:2px solid var(--brand1);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:rip 1.2s cubic-bezier(.19,1,.22,1) forwards;z-index:999}@keyframes rip{0%{width:0;height:0;opacity:1}100%{width:300px;height:300px;opacity:0}}footer{padding:1.5rem;text-align:center;font-size:.875rem;color:var(--subtext);height:10vh;display:flex;justify-content:center;align-items:center;gap:1rem}footer a{color:var(--subtext);text-decoration:none;transition:color .2s}footer a:hover{color:var(--text)}@media(max-width:480px){.ping-btn{bottom:5rem;right:50%;transform:translateX(50%)}}