*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;display:flex;position:relative;overflow:hidden;background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/80px 80px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/80px 80px,#000 0 0/100%;justify-content:center;align-items: center;min-height:100vh;font-family:Syne,sans-serif;line-height:1.6}body:before{content:"";position:fixed;animation:gradient-shift 20s ease infinite;pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ec48991a 0%,#0000 50%);width:200%;height:200%;top:-50%;left:-50%}@keyframes gradient-shift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10%,10%)scale(1.1)}66%{transform:translate(-10%,5%)scale(.95)}}body:after{content:"";position:fixed;opacity:.5;pointer-events:none;z-index:1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQwMCcgaGVpZ2h0PSc5MDAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9J2xpbmVHcmFkJyB4MT0nMCUnIHkxPScwJScgeDI9JzEwMCUnIHkyPScwJSc+CiAgICAgIDxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMC4xNSk7c3RvcC1vcGFjaXR5OjEnIC8+CiAgICAgIDxzdG9wIG9mZnNldD0nNTAlJyBzdHlsZT0nc3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDAuMjUpO3N0b3Atb3BhY2l0eToxJyAvPgogICAgICA8c3RvcCBvZmZzZXQ9JzEwMCUnIHN0eWxlPSdzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMC4xMik7c3RvcC1vcGFjaXR5OjEnIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KCiAgPCEtLSBQcmV2aW91cyBwZXJpb2QgKGdob3N0ZWQpIC0gV2VlayBvdmVyIHdlZWsgY29tcGFyaXNvbiAtLT4KICA8cGF0aCBkPSdNIDAgNzgwIEwgNTAgNzc4IEwgMTAwIDc3MiBMIDE1MCA3NzUgTCAyMDAgNzcwIEwgMjUwIDc2MCBMIDMwMCA3NTggTCAzNTAgNzU1IEwgNDAwIDc1MiBMIDQ1MCA3NDggTCA1MDAgNzQyIEwgNTUwIDc0MCBMIDYwMCA3MzUgTCA2NTAgNzMyIEwgNzAwIDcyOCBMIDc1MCA3MjUgTCA4MDAgNzIwIEwgODUwIDcxOCBMIDkwMCA3MTUgTCA5NTAgNzEyIEwgMTAwMCA3MDggTCAxMDUwIDcwNSBMIDExMDAgNzAyIEwgMTE1MCA2OTggTCAxMjAwIDY5NSBMIDEyNTAgNjkyIEwgMTMwMCA2ODggTCAxMzUwIDY4NSBMIDE0MDAgNjgyJyBmaWxsPSdub25lJyBzdHJva2U9J3JnYmEoMjU1LDI1NSwyNTUsMC4xKScgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLWRhc2hhcnJheT0nNCw0Jy8+CgogIDwhLS0gRGF0YSBsaW5lIDEgKFJldmVudWUvU2FsZXMpIC0tPgogIDxwYXRoIGQ9J00gMCA3NTAgTCA1MCA3NDUgTCAxMDAgNzM4IEwgMTUwIDc0MiBMIDIwMCA3MzUgTCAyNTAgNzIwIEwgMzAwIDcxNSBMIDM1MCA3MTAgTCA0MDAgNzA1IEwgNDUwIDY5NSBMIDUwMCA2ODggTCA1NTAgNjkyIEwgNjAwIDY4MCBMIDY1MCA2NzUgTCA3MDAgNjY1IEwgNzUwIDY1OCBMIDgwMCA2NDAgTCA4NTAgNjM1IEwgOTAwIDYyNSBMIDk1MCA2MTggTCAxMDAwIDYwNSBMIDEwNTAgNTk1IEwgMTEwMCA1ODUgTCAxMTUwIDU3NSBMIDEyMDAgNTYwIEwgMTI1MCA1NDUgTCAxMzAwIDUzMCBMIDEzNTAgNTE1IEwgMTQwMCA1MDAnIGZpbGw9J25vbmUnIHN0cm9rZT0ndXJsKCNsaW5lR3JhZCknIHN0cm9rZS13aWR0aD0nMS41JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz4KCiAgPCEtLSBEYXRhIGxpbmUgMiAoVXNlcnMvVHJhZmZpYykgLS0+CiAgPHBhdGggZD0nTSAwIDY1MCBMIDUwIDY0OCBMIDEwMCA2NDIgTCAxNTAgNjM4IEwgMjAwIDYzNSBMIDI1MCA2MjUgTCAzMDAgNjIyIEwgMzUwIDYxNSBMIDQwMCA2MTAgTCA0NTAgNjA1IEwgNTAwIDU5OCBMIDU1MCA1OTUgTCA2MDAgNTg4IEwgNjUwIDU4MiBMIDcwMCA1NzUgTCA3NTAgNTY4IEwgODAwIDU1NSBMIDg1MCA1NDggTCA5MDAgNTQwIEwgOTUwIDUzNSBMIDEwMDAgNTI1IEwgMTA1MCA1MTggTCAxMTAwIDUxMCBMIDExNTAgNTAyIEwgMTIwMCA0OTAgTCAxMjUwIDQ3OCBMIDEzMDAgNDY1IEwgMTM1MCA0NTAgTCAxNDAwIDQzNScgZmlsbD0nbm9uZScgc3Ryb2tlPSdyZ2JhKDI1NSwyNTUsMjU1LDAuMTIpJyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+CgogIDwhLS0gRGF0YSBsaW5lIDMgKEVuZ2FnZW1lbnQvQWN0aXZpdHkpIC0tPgogIDxwYXRoIGQ9J00gMCA1NTAgTCA1MCA1NDggTCAxMDAgNTQ1IEwgMTUwIDU0MCBMIDIwMCA1MzggTCAyNTAgNTMwIEwgMzAwIDUyOCBMIDM1MCA1MjAgTCA0MDAgNTE1IEwgNDUwIDUwOCBMIDUwMCA1MDIgTCA1NTAgNDk4IEwgNjAwIDQ5MCBMIDY1MCA0ODUgTCA3MDAgNDc4IEwgNzUwIDQ3MiBMIDgwMCA0NjAgTCA4NTAgNDU1IEwgOTAwIDQ0OCBMIDk1MCA0NDIgTCAxMDAwIDQzMiBMIDEwNTAgNDI1IEwgMTEwMCA0MTggTCAxMTUwIDQxMCBMIDEyMDAgMzk4IEwgMTI1MCAzODUgTCAxMzAwIDM3MiBMIDEzNTAgMzU4IEwgMTQwMCAzNDUnIGZpbGw9J25vbmUnIHN0cm9rZT0ncmdiYSgyNTUsMjU1LDI1NSwwLjA5KScgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPgoKICA8IS0tIEFub21hbHkgMTogU3F1YXJlIGluZGljYXRvciAtLT4KICA8cmVjdCB4PSc1MzUnIHk9JzY3Nycgd2lkdGg9JzMwJyBoZWlnaHQ9JzMwJyBmaWxsPSdub25lJyBzdHJva2U9J3JnYmEoMjM2LDcyLDE1MywwLjQpJyBzdHJva2Utd2lkdGg9JzEnIHN0cm9rZS1kYXNoYXJyYXk9JzIsMicgcng9JzEnLz4KICA8Y2lyY2xlIGN4PSc1NTAnIGN5PSc2OTInIHI9JzInIGZpbGw9J3JnYmEoMjM2LDcyLDE1MywwLjYpJy8+CgogIDwhLS0gQW5vbWFseSAyOiBTcXVhcmUgaW5kaWNhdG9yIC0tPgogIDxyZWN0IHg9JzY3MCcgeT0nNTYzJyB3aWR0aD0nMzAnIGhlaWdodD0nMzAnIGZpbGw9J25vbmUnIHN0cm9rZT0ncmdiYSgxMzksOTIsMjQ2LDAuNCknIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlLWRhc2hhcnJheT0nMiwyJyByeD0nMScvPgogIDxjaXJjbGUgY3g9JzY4NScgY3k9JzU3OCcgcj0nMicgZmlsbD0ncmdiYSgxMzksOTIsMjQ2LDAuNiknLz4KCiAgPCEtLSBBbm9tYWx5IDM6IFNxdWFyZSBpbmRpY2F0b3IgLS0+CiAgPHJlY3QgeD0nNTg1JyB5PSc0NzUnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdyZ2JhKDU5LDEzMCwyNDYsMC40KScgc3Ryb2tlLXdpZHRoPScxJyBzdHJva2UtZGFzaGFycmF5PScyLDInIHJ4PScxJy8+CiAgPGNpcmNsZSBjeD0nNjAwJyBjeT0nNDkwJyByPScyJyBmaWxsPSdyZ2JhKDU5LDEzMCwyNDYsMC42KScvPgo8L3N2Zz4K);background-position:50%;background-size:cover;width:100%;height:100%;top:0;left:0}@media (max-width:768px){body{align-items: flex-start;padding-top:15vh}body:after{background-position:top;background-size:200%}}#app{position:relative;z-index:2;text-align:center}#app:before{content:"";position:fixed;filter:url(#noise);pointer-events:none;z-index:-1;mix-blend-mode:overlay;opacity:.4;background:0 0;width:100vw;height:100vh;top:0;left:0}h1{color:#fff;letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(-1.5px -1.5px 0 #ffb00099)drop-shadow(1.5px 1.5px 0 #3b82f699);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(4rem,15vw,10rem);font-weight:700;line-height:.9}p{color:#ffffff80;letter-spacing:.01em;margin-bottom:2.5rem;font-size:clamp(1rem,2vw,1.5rem);font-weight:400}button{color:#fff;cursor:pointer;letter-spacing:.02em;backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf6cc 0%,#3b82f6cc 100%);border:1px solid #ffffff1a;border-radius:9999px;padding:1rem 2.5rem;transition:all .3s;font-family:Syne,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600}button:hover{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border-color:#fff3;transform:translateY(-2px);box-shadow:-1px -1px #ffb000cc,1px 1px #3b82f6cc}button:active{transform:translateY(0)}