.signup-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-background);padding:var(--spacing-lg);overflow:hidden;margin-top:35px}.signup-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(98,0,234,.1) 0,transparent 60%);animation:rotate 60s linear infinite;z-index:0;opacity:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-box{position:relative;z-index:1;background:var(--color-card);backdrop-filter:blur(10px);border-radius:var(--border-radius-large);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-xl);width:100%;max-width:450px;box-shadow:var(--shadow-large);text-align:center;opacity:1;transform:translateY(0);animation:fadeInSoft .5s ease-out}.signup-title{font-family:var(--font-heading);font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text-primary);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(157,78,221,.5)}.signup-form,.signup-title{margin-bottom:var(--spacing-lg)}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-field{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-md);color:var(--color-text-primary);transition:all var(--transition-fast);width:100%}.input-field:focus{outline:none;border-color:var(--color-accent-light);box-shadow:0 0 0 2px rgba(179,136,255,.25);background:rgba(255,255,255,.1)}.input-field::placeholder{color:rgba(255,255,255,.5)}.input-field:disabled{opacity:.5;cursor:not-allowed;background:rgba(255,255,255,.03)}.anonymous-option{display:flex;align-items:center;justify-content:center;margin:var(--spacing-sm) 0}.anonymous-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none;padding:var(--spacing-sm);border-radius:var(--border-radius-medium);transition:all var(--transition-fast)}.anonymous-checkbox:hover{background:rgba(255,255,255,.05)}.anonymous-input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.anonymous-label{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.anonymous-username-section{background:rgba(98,0,234,.1);border:1px solid rgba(98,0,234,.3);border-radius:var(--border-radius-medium);padding:var(--spacing-md);margin:var(--spacing-sm) 0;animation:fadeInSoft .3s ease-out}.anonymous-username-display{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.username-label{font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.username-value{font-size:var(--font-size-lg);font-weight:600;text-shadow:0 0 5px rgba(98,0,234,.5)}.generate-new-username-btn,.username-value{font-family:var(--font-primary);color:var(--color-accent-light)}.generate-new-username-btn{background:rgba(98,0,234,.2);border:1px solid rgba(98,0,234,.4);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);width:100%}.generate-new-username-btn:hover{background:rgba(98,0,234,.3);border-color:rgba(98,0,234,.6);transform:translateY(-1px);box-shadow:0 2px 8px rgba(98,0,234,.3)}.signup-button{background:var(--gradient-accent);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-medium);padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-small),0 0 15px rgba(98,0,234,.3);position:relative;overflow:hidden;margin-top:var(--spacing-md)}.signup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.signup-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium),0 0 20px rgba(98,0,234,.5)}.signup-button:hover:before{left:100%}.signup-button:active{transform:translateY(1px)}.signup-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-button{background:none;border:none;padding:0;cursor:pointer;margin:var(--spacing-lg) auto;display:block;transition:transform var(--transition-fast)}.google-button:hover{transform:scale(1.05)}.google-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-signup-img{max-width:220px;height:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.login-link{color:var(--color-accent-light);text-decoration:none;font-size:var(--font-size-md);font-weight:500;transition:color var(--transition-fast);display:inline-block;margin-top:var(--spacing-md)}.login-link:hover{color:var(--color-text-primary);text-decoration:underline}.error-message{color:#ff6b6b;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);background:rgba(255,107,107,.1);border-radius:var(--border-radius-small);padding:var(--spacing-xs) var(--spacing-sm);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes fadeInSoft{0%{opacity:.95}to{opacity:1}}@media (max-width:480px){.signup-box{padding:var(--spacing-lg)}.signup-title{font-size:var(--font-size-xl)}.google-signup-img{max-width:180px}}