:root{--mx: 0;--my: 0;--t: 0;--bg: #06050a;--ink: #f2efff;--muted: rgba(242, 239, 255, .72);--line: rgba(242, 239, 255, .12);--violet: #a855f7;--violet2: #7c3aed}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.page{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.bg{position:absolute;inset:-40px;background:radial-gradient(900px 700px at calc(50% + (var(--mx) * 120px)) calc(42% + (var(--my) * 120px)),rgba(168,85,247,.28),transparent 60%),radial-gradient(700px 600px at calc(60% - (var(--mx) * 140px)) calc(70% - (var(--my) * 140px)),rgba(124,58,237,.2),transparent 62%),radial-gradient(900px 700px at 20% 20%,rgba(168,85,247,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%);filter:saturate(1.15) contrast(1.05)}.bg:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 900px at 50% 50%,rgba(168,85,247,.06),transparent 60%);opacity:.9;transform:translate3d(calc(sin(var(--t))*8px),calc(cos(var(--t))*8px),0)}.bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.18;pointer-events:none}.card{position:relative;width:min(720px,92vw);padding:34px 32px 28px;border-radius:20px;border:1px solid var(--line);background:#08070eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 80px #0000008c,inset 0 1px #ffffff0f;overflow:visible}.blur-layer{position:absolute;inset:-48px;border-radius:inherit;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);--x: 50%;--y: 50%;--r: 10px;--f: 5px;mask-image:radial-gradient(circle at var(--x) var(--y),transparent 0,transparent calc(var(--r) - 2px),rgba(0,0,0,.85) calc(var(--r) + var(--f)),black calc(var(--r) + var(--f) + 24px));-webkit-mask-image:radial-gradient(circle at var(--x) var(--y),transparent 0,transparent calc(var(--r) - 2px),rgba(0,0,0,.85) calc(var(--r) + var(--f)),black calc(var(--r) + var(--f) + 24px));pointer-events:none}.content{position:relative;z-index:1}.title{margin:0 0 10px;font-size:clamp(40px,5vw,56px);line-height:1.03;letter-spacing:-.02em}.subtitle{margin:0 0 22px;color:var(--muted);font-size:16px;line-height:1.6;max-width:56ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;border:1px solid rgba(168,85,247,.35);color:#d0a1fc;text-decoration:none;font-weight:650;letter-spacing:.01em;background:linear-gradient(180deg,#a855f738,#7c3aed24);box-shadow:0 12px 30px #7c3aed2e,inset 0 1px #ffffff1a;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.button:hover{transform:translateY(-1px);border-color:#a855f78c;box-shadow:0 16px 42px #7c3aed3d,inset 0 1px #ffffff1f}.button.secondary{background:linear-gradient(180deg,#7c3aed24,#a855f738);border-color:#6f41afb3;box-shadow:2px -2px 25px #a855f759}.button.secondary:hover{border-color:#29153b73;box-shadow:0 0 42px #7c3aed29}.footer{margin-top:22px;display:flex;align-items:center;gap:10px;color:#f2efff8c;font-size:13px}.dot{width:8px;height:8px;border-radius:999px;background:#a855f7d9;box-shadow:0 0 18px #a855f7a6}.blur-reveal{position:relative;display:inline-block;--x: 50%;--y: 50%;--r: 10px;--f: 5px}.blur-reveal__blur{filter:blur(8px);opacity:.85}.blur-reveal__sharp{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle at var(--x) var(--y),black 0,black var(--r),transparent calc(var(--r) + var(--f)));mask-image:radial-gradient(circle at var(--x) var(--y),black 0,black var(--r),transparent calc(var(--r) + var(--f)))}
