.app{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;color:#fff;cursor:none}.custom-cursor{position:fixed;width:32px;height:32px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .05s ease-out;filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(255,255,255,.4)) drop-shadow(0 0 24px rgba(255,255,255,.2))}.custom-cursor svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#0a0a0a,#050505,#000,#0a0a0a);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:0;overflow:hidden}.dots-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dot{position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;box-shadow:0 0 10px #fff9,0 0 20px #fff3;top:var(--initial-y);left:var(--initial-x);transform:translate(calc(-50% + var(--repel-x, 0px) + var(--move-x, 0px)),calc(-50% + var(--repel-y, 0px) + var(--move-y, 0px)));transition:transform .1s linear,opacity .3s ease-out;animation:dotFloat 15s infinite ease-in-out;animation-delay:calc(var(--index) * .1s);will-change:transform}@keyframes dotFloat{0%,to{opacity:.6;filter:brightness(1)}25%{opacity:.8;filter:brightness(1.2)}50%{opacity:.5;filter:brightness(.9)}75%{opacity:.7;filter:brightness(1.1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;border-radius:50%;opacity:.05;filter:blur(80px);animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);bottom:-50px;right:-50px;animation-delay:5s}.shape-3{width:350px;height:350px;background:linear-gradient(135deg,#050505,#0a0a0a);top:50%;right:-100px;animation-delay:10s}.shape-4{width:250px;height:250px;background:linear-gradient(135deg,#0a0a0a,#000);bottom:20%;left:-50px;animation-delay:15s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.content{position:relative;z-index:2;width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:3rem;animation:fadeInDown 1s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-frame{position:relative;display:inline-block;padding:1.5rem 3rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;transition:all .3s ease}.logo-frame:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:8px;opacity:0;z-index:-1;transition:opacity .3s ease;background-size:200% 200%;animation:gradientRotate 3s ease infinite}.logo-frame:hover:before{opacity:.3}.logo-frame:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo{font-family:Syncopate,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;position:relative}.main-content{width:100%;max-width:700px;margin-bottom:4rem}.title{font-family:Syncopate,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;animation:fadeInUp 1s ease-out .4s both}.subtitle{font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:300;line-height:1.6;color:#fffc;margin-bottom:3rem;animation:fadeInUp 1s ease-out .6s both}.email-form{width:100%;max-width:500px;margin:0 auto 4rem;animation:fadeInUp 1s ease-out .8s both}.input-wrapper{position:relative;display:flex;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.input-wrapper:focus-within{border-color:#ffffff4d;box-shadow:0 0 20px #667eea4d;transform:translateY(-2px)}.email-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;padding:1rem 1.5rem;font-family:Manrope,sans-serif}.email-input::placeholder{color:#ffffff80}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Manrope,sans-serif;white-space:nowrap}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.submit-btn:active{transform:translateY(0)}.submit-btn svg{transition:transform .3s ease}.submit-btn:hover svg{transform:translate(4px)}.success-message{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:50px;color:#4caf50;font-size:1rem;animation:fadeInUp .5s ease-out;margin-bottom:4rem}.success-message svg{flex-shrink:0}.social-links{display:flex;gap:1.5rem;margin-top:2rem;animation:fadeInUp 1s ease-out 1.2s both}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 10px 20px #0003}.social-link svg{width:20px;height:20px}@media (max-width: 768px){.logo{font-size:2.5rem}.title{font-size:2rem}.subtitle{font-size:1rem}.input-wrapper{flex-direction:column;border-radius:20px;padding:.75rem}.submit-btn{width:100%;justify-content:center}.logo-frame{padding:1rem 2rem}.shape{filter:blur(40px)}.shape-1,.shape-2,.shape-3,.shape-4{width:200px;height:200px}}@media (max-width: 480px){.content{padding:1rem}.logo{font-size:2rem}.title{font-size:1.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}