:root{--primary-blue: #2563eb;--primary-purple: #7c3aed;--primary-magenta: #d946ef;--logo-blue: #1e40af;--logo-purple: #8b5cf6;--gradient-primary: linear-gradient( 135deg, var(--primary-blue) 0%, var(--primary-purple) 50%, var(--primary-magenta) 100% );--gradient-bg: linear-gradient( 135deg, #000000 0%, #0a0a0a 25%, #111111 50%, #1a1a1a 75%, #000000 100% );--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .07);--card-bg: rgba(0, 0, 0, .4);--card-border: rgba(124, 58, 237, .2);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--gradient-bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:1}header{position:fixed;top:2rem;left:2rem;z-index:10}.logo{height:60px;width:auto;filter:brightness(1.1)}main{text-align:center;max-width:680px;margin:0 auto;z-index:2;padding:3rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.headline{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.025em;animation:fadeInUp 1s ease-out}.subtitle{font-size:clamp(1rem,2.2vw,1.125rem);color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7;font-weight:400;max-width:480px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .2s both}.signup-section{animation:fadeInUp 1s ease-out .4s both;position:relative}.signup-form{margin-bottom:1rem}.form-group{display:flex;gap:.75rem;align-items:stretch;margin-bottom:1.5rem;max-width:480px;margin-left:auto;margin-right:auto;position:relative}.email-input{flex:1;padding:1.125rem 1.5rem;border:1.5px solid var(--glass-border);border-radius:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);font-size:1rem;font-family:inherit;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.email-input::placeholder{color:var(--text-secondary)}.email-input:focus{outline:none;border-color:var(--primary-magenta);background:var(--glass-hover);box-shadow:0 0 0 3px #d946ef26,var(--shadow-md);transform:translateY(-1px)}.email-input:invalid{border-color:var(--error-color)}.submit-btn{padding:1.125rem 2rem;background:var(--gradient-primary);border:none;border-radius:16px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:160px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed66,var(--shadow-lg);filter:brightness(1.05)}.submit-btn:active{transform:translateY(0)}.submit-btn.loading{pointer-events:none}.btn-text{transition:opacity .3s ease}.btn-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s ease}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .btn-loader{opacity:1}.form-message{min-height:1.5rem;font-size:.9rem;margin-top:.5rem;opacity:0;transition:all .3s ease}.form-message.show{opacity:1;transform:translateY(0)}.form-message.success{color:var(--success-color)}.form-message.error{color:var(--error-color)}.form-message.warning{color:var(--warning-color)}.form-message.info{color:var(--info-color)}.privacy-note{color:var(--text-muted);font-size:.875rem;margin-top:1.5rem;font-weight:400;display:flex;align-items:center;justify-content:center;gap:.5rem}footer{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.copyright{color:var(--text-secondary);font-size:.9rem}.background-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 8s ease-in-out infinite;will-change:transform}.sphere-1{width:300px;height:300px;background:var(--gradient-primary);top:20%;left:10%;animation-delay:0s}.sphere-2{width:200px;height:200px;background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--logo-purple) 100%);top:60%;right:20%;animation-delay:2s}.sphere-3{width:150px;height:150px;background:linear-gradient(135deg,var(--logo-blue) 0%,var(--primary-blue) 100%);bottom:20%;left:60%;animation-delay:4s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(-25px) rotate(-1deg)}}main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb0d,#7c3aed0d,#d946ef0d);border-radius:24px;z-index:-1}.email-input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;border-radius:inherit;transition:opacity .3s ease;z-index:-1}.email-input:focus:before{opacity:.05}.form-group:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.form-group:focus-within:after{width:100%}@keyframes confetti-fall-1{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(-80px,250px) rotate(135deg);opacity:0}}@keyframes confetti-fall-2{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(60px,280px) rotate(270deg);opacity:0}}@keyframes confetti-fall-3{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(-120px,300px) rotate(180deg);opacity:0}}@keyframes confetti-fall-4{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(40px,320px) rotate(90deg);opacity:0}}@keyframes confetti-fall-5{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(100px,260px) rotate(200deg);opacity:0}}.confetti-particle{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:1000;left:50%;top:50%}.confetti-animation-1{animation:confetti-fall-1 3s ease-out forwards}.confetti-animation-2{animation:confetti-fall-2 3s ease-out forwards}.confetti-animation-3{animation:confetti-fall-3 3s ease-out forwards}.confetti-animation-4{animation:confetti-fall-4 3s ease-out forwards}.confetti-animation-5{animation:confetti-fall-5 3s ease-out forwards}.confetti-color-blue{background:#4f46e5}.confetti-color-purple{background:#7c3aed}.confetti-color-cyan{background:#06b6d4}.confetti-color-violet{background:#8b5cf6}.error-notification{position:fixed;top:20px;right:20px;background:#ef4444;color:#fff;padding:16px;border-radius:8px;max-width:300px;z-index:9999;font-family:Inter,sans-serif}.button-hover-transform{transform:translateY(-2px) scale(1.02);transition:transform .2s ease}@media (max-width: 768px){.container{padding:1rem}main{padding:2rem 1.5rem;margin:1rem}header{top:1rem;left:1rem}.form-group{flex-direction:column;gap:1rem}.submit-btn{min-width:auto}footer{bottom:1rem}.sphere-1,.sphere-2,.sphere-3{transform:scale(.6);opacity:.15}.verify-main{padding:2rem 1.5rem;margin:1rem}}.verify-main{text-align:center;max-width:580px;margin:0 auto;z-index:2;padding:3rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;animation:fadeInUp 1s ease-out}.verify-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb0d,#7c3aed0d,#d946ef0d);border-radius:24px;z-index:-1}.loading-container{animation:fadeInUp 1s ease-out .4s both}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary-magenta);animation:spin 1s linear infinite;margin:2rem auto 1.5rem}.loading-message{color:var(--text-secondary);font-size:1.125rem;font-weight:500;margin-bottom:1rem}.result-container{animation:fadeInUp .6s ease-out both}.result-container .message{text-align:left}.result-container h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1rem;line-height:1.2;text-align:center}.result-container p{font-size:1.125rem;line-height:1.6;margin-bottom:1rem;color:var(--text-secondary)}.result-container p:last-child{margin-bottom:0}.result-container a{color:var(--primary-magenta);text-decoration:none}.result-container a:hover{text-decoration:underline}.success{color:var(--success-color)}.success h2{background:linear-gradient(135deg,var(--success-color) 0%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error,.error h2{color:var(--error-color)}.email-highlight{color:var(--primary-magenta);font-weight:600;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}