:root{--color-bg:#0a0a1a;--color-purple:#6c3fe8;--color-cyan:#00d4ff;--color-text:#fff;--color-text-muted:#888;--gradient-main:linear-gradient(135deg, #6c3fe8, #00d4ff);--font-family:"Inter", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app{width:100%;min-height:100vh;position:relative}.content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex;position:relative}.logo{width:80vw;max-width:400px;height:auto;animation:1s ease-out .3s both fadeInUp,3s ease-in-out 1.3s infinite glowPulse}.headline{max-width:600px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;line-height:1.4;animation:1s ease-out .6s both fadeInUp}.highlight{background:linear-gradient(90deg, var(--color-purple), var(--color-cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.subtext{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:4px;font-size:clamp(.75rem,2vw,1rem);font-weight:400;animation:1s ease-out .9s both fadeInUp}.signup-form{animation:1s ease-out 1.2s both fadeInUp}.input-wrapper{border:1px solid #6c3fe84d;border-radius:8px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.input-wrapper:focus-within{border-color:var(--color-cyan);box-shadow:0 0 20px #00d4ff1a}.input-wrapper input{color:#fff;font-size:1rem;font-family:var(--font-family);background:#ffffff0d;border:none;outline:none;min-width:280px;padding:.875rem 1.25rem}.input-wrapper input::placeholder{color:#ffffff4d}.input-wrapper input.input-error{background:#ff323214}.input-wrapper button{background:var(--gradient-main);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;white-space:nowrap;border:none;padding:.875rem 1.75rem;transition:box-shadow .3s,transform .2s}.input-wrapper button:hover{box-shadow:0 0 20px #6c3fe880,0 0 40px #00d4ff33}.input-wrapper button:active{transform:scale(.98)}.error-msg{color:#ff6b6b;margin-top:.5rem;font-size:.85rem}.success-msg{justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;animation:.5s ease-out both fadeIn;display:flex}.success-msg span{color:var(--color-cyan);font-size:.95rem}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s ease-in-out forwards checkmarkCircle}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s ease-in-out .4s forwards checkmarkCheck}.neural-canvas{z-index:0;width:100%;height:100%;position:fixed;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 6px #6c3fe84d)}50%{filter:drop-shadow(0 0 20px #6c3fe899)drop-shadow(0 0 40px #00d4ff33)}}@keyframes checkmarkCircle{to{stroke-dashoffset:0}}@keyframes checkmarkCheck{to{stroke-dashoffset:0}}@media (width<=600px){.input-wrapper{flex-direction:column}.input-wrapper input{min-width:unset;border-bottom:1px solid #6c3fe833;width:100%}.input-wrapper button{width:100%}.logo{max-width:280px}.content{padding:1.5rem}}