*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--secondary-color: #3b82f6;--accent-color: #06ffa5;--success-color: #10b981;--background-dark: #0a0a0f;--surface-dark: #1a1a2e;--surface-medium: rgba(30, 30, 50, .85);--surface-light: rgba(255, 255, 255, .12);--surface-glass: rgba(20, 20, 35, .9);--text-primary: #ffffff;--text-secondary: #f3f4f6;--text-tertiary: #d1d5db;--text-muted: #a1a1aa;--text-accent: var(--accent-color);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--accent-color));--gradient-neon: linear-gradient(45deg, #3b82f6, #6366f1, #8b5cf6, #06ffa5);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(59, 130, 246, .1));--border-radius: 20px;--border-radius-small: 12px;--transition: all .4s cubic-bezier(.4, 0, .2, 1);--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .15);--shadow-glow: 0 8px 32px rgba(99, 102, 241, .2);--shadow-intense: 0 12px 40px rgba(99, 102, 241, .4);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--primary-font: "Orbitron", monospace}html,body{font-family:var(--primary-font);background:var(--background-dark);background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.08) 0%,transparent 50%);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;line-height:1.6;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html{font-size:clamp(14px,1.2vw,16px)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background-dark);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease}.loading-content{text-align:center;animation:pulse 2s ease-in-out infinite}.loading-content .logo{font-family:var(--primary-font);font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:.1em;background:var(--gradient-neon);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;animation:gradientShift 3s ease infinite}.loading-bar{width:clamp(200px,50vw,400px);height:6px;background:var(--surface-dark);border-radius:3px;overflow:hidden;margin:2rem auto;box-shadow:inset 0 0 20px #0000004d}.loading-progress{height:100%;background:var(--gradient-primary);width:0%;transition:width .3s ease;border-radius:3px;box-shadow:0 0 20px #6366f180}.loading-text{color:var(--text-tertiary);font-size:clamp(.9rem,2vw,1.1rem);margin-top:1rem;animation:fadeInOut 2s ease-in-out infinite}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover;image-rendering:auto}@media (min-width: 769px) and (max-width: 1440px) and (max-height: 900px){#webgl-canvas{transform:scale(1);transform-origin:center center}}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}#ui-overlay *,.signup-container *{pointer-events:auto}.email-input-container,.email-input,.submit-btn,form,input,button{pointer-events:auto!important;position:relative}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:min(1200px,95vw);padding:clamp(1rem,3vh,2rem);position:relative;margin:0 auto;box-sizing:border-box}.brand-section{margin-bottom:2rem;text-align:center}.logo-container{animation:slideInFromTop 1s ease-out}.logo-primary{font-family:var(--primary-font);font-size:clamp(2rem,6vw,4rem);font-weight:900;letter-spacing:.05em;background:var(--gradient-neon);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:clamp(.3rem,1vh,.5rem);animation:gradientShift 4s ease infinite;text-shadow:0 0 30px rgba(99,102,241,.5)}.logo-tagline{font-family:var(--primary-font);font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-tertiary);font-weight:500;letter-spacing:.15em;opacity:0;animation:fadeInUp 1s ease-out .5s forwards}.hero-section{text-align:center;margin-bottom:clamp(2rem,4vh,3rem);max-width:min(800px,90vw);width:100%}.hero-title{margin-bottom:2rem;line-height:1.1}.title-word{display:inline-block;font-family:var(--primary-font);font-size:clamp(1.4rem,4.5vw,3rem);font-weight:800;letter-spacing:.06em;margin:0 clamp(.1rem,.5vw,.3rem);opacity:0;transform:translateY(50px);animation:wordAppear .8s ease-out forwards}.title-word:nth-child(1){animation-delay:.2s}.title-word:nth-child(2){animation-delay:.4s}.title-word:nth-child(3){animation-delay:.6s}.title-word.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title-subtitle{display:block;font-family:var(--primary-font);font-size:clamp(1.2rem,4vw,2rem);font-weight:600;color:var(--text-secondary);margin-top:1rem;letter-spacing:.2em;opacity:0;animation:fadeInUp 1s ease-out 1s forwards}.hero-description{opacity:0;animation:fadeInUp 1s ease-out 1.2s forwards}.description-text{font-family:var(--primary-font);font-size:clamp(.9rem,2.2vw,1.2rem);font-weight:400;color:var(--text-secondary);max-width:min(600px,85vw);margin:0 auto;letter-spacing:.05em}.signup-container{margin-bottom:clamp(2rem,4vh,3rem);opacity:0;animation:fadeInUp 1s ease-out 1.4s forwards;position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vh,2rem);width:100%}.alien-container{position:relative;width:clamp(70px,8vw,80px);height:clamp(70px,8vw,80px);margin-bottom:-1rem;z-index:5;pointer-events:none}.alien-head{position:relative;width:clamp(55px,7vw,65px);height:clamp(65px,8vw,75px);background:linear-gradient(145deg,#e0e7ff,#c7d2fe,#a5b4fc);border-radius:50%/55% 55% 50% 50%;margin:0 auto;transition:transform .1s ease-out;box-shadow:0 6px 20px #0000004d,0 0 0 2px #6366f166,0 0 15px #6366f14d,inset 0 2px 6px #fffc,inset 0 -1px 3px #8b5cf61a;animation:friendlyFloat 4s ease-in-out infinite;pointer-events:none}.alien-head *{pointer-events:none}.alien-eyes{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:12px}.alien-eye{width:14px;height:14px;background:radial-gradient(circle,#312e81,#4338ca,#4f46e5);border-radius:50%;position:relative;overflow:visible;border:1px solid rgba(99,102,241,.3);box-shadow:0 0 8px #6366f199,0 0 16px #6366f166,inset 0 1px 3px #ffffff4d;animation:friendlyEyeGlow 3s ease-in-out infinite alternate}.alien-pupil{width:6px;height:6px;background:radial-gradient(circle at 30% 30%,#fff,#f8fafc,#e2e8f0);border-radius:50%;position:absolute;top:4px;left:4px;transition:transform .1s ease-out;box-shadow:0 0 4px #fffc,inset 0 0 2px #6366f133}.alien-pupil:after{content:"";position:absolute;top:1px;left:2px;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 3px #ffffffe6}.alien-mouth{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:12px;height:6px;border:2px solid #6366f1;border-top:none;border-radius:0 0 12px 12px;background:#6366f11a;box-shadow:0 0 6px #6366f166,inset 0 -1px 2px #6366f133;animation:friendlySmile 4s ease-in-out infinite}.alien-antennae{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:40px;height:20px}.antenna{position:absolute;width:3px;height:12px;background:linear-gradient(180deg,#c7d2fe,#a5b4fc,#8b5cf6);border-radius:3px;animation:friendlyAntennaFloat 3s ease-in-out infinite;box-shadow:0 0 0 1px #8b5cf64d,inset 0 1px 2px #fff6}.antenna.left{left:8px;transform:rotate(-12deg);animation-delay:0s}.antenna.right{right:8px;transform:rotate(12deg);animation-delay:.5s}.antenna:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:radial-gradient(circle,#fbbf24,#f59e0b,#d97706);border-radius:50%;box-shadow:0 0 8px #fbbf24cc,0 0 16px #f59e0b66;animation:friendlyAntennaOrb 2s ease-in-out infinite}.alien-head:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),transparent);border-radius:1px;box-shadow:0 0 4px #6366f14d;animation:gentleScanLine 5s ease-in-out infinite}.alien-head:after{content:"";position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent);border-radius:1px;box-shadow:0 0 3px #6366f133;animation:gentleBaseLine 5s ease-in-out infinite}.signup-box{background:var(--surface-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,4vw,2rem);border-radius:var(--border-radius);border:1px solid var(--surface-light);box-shadow:var(--shadow-glass),0 0 0 1px #ffffff14 inset;max-width:min(420px,90vw);width:100%;position:relative;overflow:hidden;transition:var(--transition);z-index:15;pointer-events:auto;box-sizing:border-box}.signup-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-intense),0 0 0 1px #ffffff26 inset;border-color:#6366f14d}.signup-header{text-align:center;margin-bottom:1.25rem}.signup-title{font-family:var(--primary-font);font-size:1.2rem;font-weight:700;letter-spacing:.1em;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.email-form{position:relative;z-index:10}.email-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.email-input{width:100%;padding:.9rem 1.25rem;background:var(--surface-medium);border:2px solid var(--surface-light);border-radius:var(--border-radius-small);color:var(--text-primary);font-family:var(--primary-font);font-size:1rem;font-weight:400;letter-spacing:.02em;transition:var(--transition);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;position:relative;pointer-events:auto}.email-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f133,var(--shadow-glow);background:var(--surface-glass);transform:translateY(-1px)}.email-input::placeholder{font-family:var(--primary-font);color:var(--text-muted);font-weight:400;letter-spacing:.05em}.submit-btn{flex:0 0 auto;padding:.9rem 1.2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-small);font-family:var(--primary-font);font-size:.85rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition);letter-spacing:.06em;white-space:nowrap;box-shadow:var(--shadow-glow),0 0 0 1px #ffffff1a inset;z-index:20;pointer-events:auto}.submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-intense),0 0 0 1px #fff3 inset}.submit-btn:active{transform:translateY(-1px)}.btn-text{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:1}.submit-btn:hover .btn-glow{left:100%}.signup-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}@media (min-width: 768px){.signup-container{gap:1.5rem}.alien-container{margin-bottom:-.5rem}.signup-box{padding:2rem 2.25rem}.email-input-container{flex-direction:row;align-items:stretch;gap:.75rem}.email-input{flex:3;margin:0;min-width:0}.submit-btn{flex:0 0 150px;width:150px;font-size:.9rem}}.form-message{margin-top:1rem;padding:1rem;border-radius:var(--border-radius-small);text-align:center;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease}.form-message.success{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.3);opacity:1;transform:translateY(0)}.form-message.error{background:#ef44441a;color:var(--accent-color);border:1px solid rgba(239,68,68,.3);opacity:1;transform:translateY(0)}.social-section{opacity:0;animation:fadeInUp 1s ease-out 1.4s forwards}.social-links{display:flex;gap:2rem;justify-content:center}.social-link{color:var(--text-tertiary);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition);opacity:.9}.social-link:hover{color:var(--text-primary);opacity:1}.social-icon{width:20px;height:20px;transition:var(--transition)}.social-link:hover .social-icon{transform:scale(1.1)}#notification-system{position:fixed;top:2rem;right:2rem;z-index:1000;transition:var(--transition)}.notification-hidden{opacity:0;transform:translate(100%);pointer-events:none}.notification-content{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface-light);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--border-radius-small);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-glass);min-width:300px}.notification-close{background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notification-close:hover{background:var(--surface-light);color:var(--text-primary)}@media (max-width: 768px){.main-container{padding:1rem}.signup-container{gap:1.5rem}.alien-container{width:70px;height:70px}.alien-head{width:50px;height:60px}.signup-box{padding:1.75rem 1.5rem;margin:0 1rem;max-width:380px}.signup-title{font-size:1.1rem}.email-input-container{gap:1rem;flex-direction:column}.email-input{flex:1}.submit-btn{width:100%;flex:none}.social-links{flex-wrap:wrap;gap:1.5rem}}@media (max-width: 480px){.alien-container{width:60px;height:60px;margin-bottom:-.5rem}.alien-head{width:45px;height:55px}.alien-eyes{top:16px;gap:6px}.alien-eye{width:10px;height:14px}.alien-pupil{width:5px;height:7px}.signup-box{padding:1.5rem 1.25rem;margin:0 .75rem;border-radius:16px;max-width:340px}.signup-title{font-size:1rem}.email-input{font-size:.95rem;padding:.8rem 1rem;border-radius:10px}.submit-btn{font-size:.8rem;padding:.8rem 1rem;border-radius:10px;letter-spacing:.04em}.social-links{gap:1rem}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-1deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes wordAppear{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes friendlyFloat{0%,to{transform:translateY(0) scale(1) rotate(0);box-shadow:0 6px 20px #0000004d,0 0 0 2px #6366f166,0 0 15px #6366f14d,inset 0 2px 6px #fffc,inset 0 -1px 3px #8b5cf61a}50%{transform:translateY(-4px) scale(1.02) rotate(1deg);box-shadow:0 8px 25px #0006,0 0 0 2px #6366f199,0 0 20px #6366f180,inset 0 3px 8px #ffffffe6,inset 0 -1px 4px #8b5cf626}}@keyframes friendlyEyeGlow{0%{box-shadow:0 0 8px #6366f199,0 0 16px #6366f166,inset 0 1px 3px #ffffff4d}to{box-shadow:0 0 12px #6366f1cc,0 0 20px #6366f199,inset 0 1px 4px #fff6}}@keyframes friendlySmile{0%,to{transform:translate(-50%) scale(1);border-color:#6366f1;box-shadow:0 0 6px #6366f166,inset 0 -1px 2px #6366f133}50%{transform:translate(-50%) scale(1.1);border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf699,inset 0 -1px 3px #8b5cf64d}}@keyframes gentleScanLine{0%,to{opacity:.3;width:18px}50%{opacity:.7;width:22px}}@keyframes gentleBaseLine{0%,to{opacity:.2;width:14px}50%{opacity:.5;width:18px}}@keyframes friendlyAntennaFloat{0%,to{transform:rotate(-12deg) scaleY(1);box-shadow:0 0 0 1px #8b5cf64d,inset 0 1px 2px #fff6}50%{transform:rotate(-8deg) scaleY(1.05);box-shadow:0 0 0 1px #8b5cf680,inset 0 1px 3px #fff9}}.antenna.right{animation-name:friendlyAntennaFloatRight}@keyframes friendlyAntennaFloatRight{0%,to{transform:rotate(12deg) scaleY(1);box-shadow:0 0 0 1px #8b5cf64d,inset 0 1px 2px #fff6}50%{transform:rotate(8deg) scaleY(1.05);box-shadow:0 0 0 1px #8b5cf680,inset 0 1px 3px #fff9}}@keyframes friendlyAntennaOrb{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 8px #fbbf24cc,0 0 16px #f59e0b66}50%{transform:translate(-50%) scale(1.2);box-shadow:0 0 12px #fbbf24,0 0 24px #f59e0b99}}.hidden{opacity:0!important;pointer-events:none!important}.visible{opacity:1!important;pointer-events:auto!important}