.signup-page .star{position:absolute;background:white;border-radius:50%;pointer-events:none;box-shadow:0 0 1px rgba(255,255,255,.9),0 0 3px rgba(255,105,180,.35),0 0 5px rgba(0,191,255,.25);animation-name:signupStarFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes signupStarFloat{0%{transform:translate(0)}25%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .5))}50%{transform:translate(var(--dx),var(--dy))}75%{transform:translate(calc(var(--dx) * .7),calc(var(--dy) * .7))}to{transform:translate(0)}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000000;padding:20px;position:relative;overflow:hidden}.signup-page:before{background:radial-gradient(ellipse at top,rgba(138,43,226,.14) 0,transparent 55%),radial-gradient(ellipse at bottom right,rgba(255,105,180,.12) 0,transparent 55%),radial-gradient(ellipse at bottom left,rgba(0,191,255,.12) 0,transparent 55%),#000000;animation:signupSpaceGlow 28s ease-in-out infinite}.signup-page:after,.signup-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.signup-page:after{background:radial-gradient(ellipse 900px 700px at 28% 38%,rgba(138,43,226,.08) 0,transparent 62%),radial-gradient(ellipse 700px 900px at 72% 62%,rgba(255,105,180,.08) 0,transparent 62%),radial-gradient(ellipse 800px 600px at 50% 78%,rgba(0,191,255,.06) 0,transparent 58%);animation:signupNebulaFloat 42s ease-in-out infinite;pointer-events:none;opacity:.9}@keyframes signupSpaceGlow{0%,to{opacity:1}33%{opacity:.95}66%{opacity:.98}}@keyframes signupNebulaFloat{0%,to{transform:translate(0) scale(1);opacity:.9}50%{transform:translate(24px,-18px) scale(1.04);opacity:.84}}.signup-container{position:relative;z-index:1;background:rgba(0,0,0,.85);border:2px solid var(--color-hms-purple);border-radius:20px;padding:48px;width:100%;max-width:480px;box-shadow:var(--shadow-card-hover),inset 50px 0 60px -20px rgba(0,0,0,.65),inset -50px 0 60px -20px rgba(0,0,0,.65);backdrop-filter:blur(10px)}.signup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.signup-logo-wrapper{display:inline-block;position:relative;cursor:pointer;transition:transform .2s ease;text-decoration:none;padding:8px}.signup-logo-wrapper:hover{transform:scale(1.08) translateY(-2px)}.signup-logo-wrapper:before{top:0;left:0;right:0;bottom:0;padding:4px;background:linear-gradient(135deg,rgba(220,220,220,.8),rgba(180,180,180,.9) 15%,rgba(150,150,150,.95) 30%,rgba(100,100,100,1) 50%,rgba(150,150,150,.95) 70%,rgba(180,180,180,.9) 85%,rgba(220,220,220,.8));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset 0 2px 6px rgba(255,255,255,.4),inset 0 -2px 6px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.5),0 0 25px rgba(255,105,180,.4)}.signup-logo-wrapper:after,.signup-logo-wrapper:before{content:"";position:absolute;border-radius:50%;z-index:0}.signup-logo-wrapper:after{top:6px;left:6px;right:6px;bottom:6px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0,rgba(200,200,200,.2) 20%,rgba(100,100,100,.3) 50%,rgba(50,50,50,.4) 70%,rgba(0,0,0,.5) 100%);box-shadow:inset 0 1px 3px rgba(255,255,255,.3),inset 0 -1px 3px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4)}.signup-logo{height:60px;width:auto;position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(138,43,226,.6)) drop-shadow(0 3px 6px rgba(0,0,0,.6));border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0,transparent 50%);padding:2px;display:block;transition:filter .2s ease}.signup-logo-wrapper:hover .signup-logo{filter:drop-shadow(0 0 15px rgba(255,105,180,.7)) drop-shadow(0 4px 8px rgba(0,0,0,.7))}.signup-title{margin:0;letter-spacing:.3em}.signup-form{display:flex;flex-direction:column;gap:24px}.signup-page .error-message{background:rgba(220,38,38,.2);border:1px solid rgba(220,38,38,.5);color:#fca5a5;padding:12px 16px;border-radius:8px;font-size:.9rem}.signup-page .form-group{display:flex;flex-direction:column;gap:8px}.signup-page .form-label{color:var(--color-hms-purple);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.signup-page .form-input{background:rgba(42,42,42,.8);border:2px solid rgba(138,43,226,.3);border-radius:12px;padding:14px 18px;color:white;font-size:1rem;transition:var(--transition-base)}.signup-page .form-input:focus{outline:none;border-color:var(--color-hms-pink);box-shadow:var(--shadow-input-focus)}.signup-page .form-input::-moz-placeholder{color:rgba(255,255,255,.3)}.signup-page .form-input::placeholder{color:rgba(255,255,255,.3)}.signup-page .password-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.signup-page .password-toggle-btn{background:transparent;border:none;color:var(--color-hms-purple);cursor:pointer;padding:0 8px;line-height:1;display:flex;align-items:center;transition:color .15s,transform .15s}.signup-page .password-toggle-btn:hover{color:var(--color-hms-pink);transform:scale(1.1)}.signup-page .submit-btn{position:relative;overflow:hidden;background:none;border:none;border-radius:12px;padding:14px 24px;color:white;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:var(--font-special);display:flex;align-items:center;justify-content:center}.signup-page .submit-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#ff69b4,#ff8c00,#ffd700,#7fff00,#00bfff,#8a2be2,#ff69b4);animation:signupSubmitRainbowSpin 14s linear infinite;opacity:.5;z-index:0;pointer-events:none}.signup-page .submit-btn:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--gradient-purple-blue,linear-gradient(135deg,#8a2be2,#00bfff));border-radius:10px;z-index:1;pointer-events:none}@keyframes signupSubmitRainbowSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-page .login-submit-inner{position:relative;z-index:2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.signup-page .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.signup-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.signup-page .loading-spinner{display:inline-block;animation:signupSpin 1s linear infinite}@keyframes signupSpin{to{transform:rotate(1turn)}}.signup-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.signup-page .back-link{color:var(--color-hms-purple);text-decoration:none;font-size:.9rem;transition:var(--transition-base)}.signup-page .back-link:hover{color:var(--color-hms-pink)}.signup-page .login-link{background:transparent;border:1px solid rgba(138,43,226,.3);border-radius:6px;color:var(--color-hms-purple);text-decoration:none;font-size:.9rem;padding:5px 8px 2px;line-height:1;transition:border-color .15s,color .15s;display:inline-block}.signup-page .login-link:hover{border-color:var(--color-hms-pink);color:var(--color-hms-pink)}@media (max-width:767px){.signup-container{padding:32px 24px}.signup-header{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.signup-logo{height:50px}.signup-title{font-size:1.5rem}.signup-navigation{flex-direction:row;justify-content:space-between;gap:20px}}