.signup-page{min-height:100vh;background:#0D0D0D;background-image:radial-gradient(ellipse at top left, rgba(0,212,255,0.03) 0, transparent 50%),radial-gradient(ellipse at bottom right, rgba(26,26,26,0.5) 0, transparent 50%);display:flex;align-items:center;justify-content:center;padding:40px 20px}.signup-wrapper{width:100%;max-width:1000px}.signup-container{width:100%}.signup-header{text-align:center;margin-bottom:32px}.signup-logo{height:48px;margin-bottom:16px;opacity:.9}.signup-title{font-family:'Roboto Mono',monospace;font-size:1.75em;font-weight:500;letter-spacing:.15em;color:#00d4ff;margin:0 0 8px 0}.signup-subtitle{font-family:'Roboto Mono',monospace;font-size:.85em;letter-spacing:.1em;color:#737373;margin:0}.signup-content{display:flex;gap:32px}@media (max-width:768px){.signup-content{flex-direction:column}}.signup-form-section{flex:1.2;min-width:0}.signup-features-section{flex:.8;min-width:0}@media (max-width:768px){.signup-features-section{order:-1}}.signup-card{background-color:#1A1A1A;border:1px solid #334155;border-radius:6px;padding:28px;box-shadow:0 10px 15px rgba(0,0,0,0.4)}.signup-form .alerts{margin-bottom:20px}.signup-form .alerts .alert{background-color:#262626;border:1px solid #334155;border-radius:4px;color:#F5F5F5;padding:12px 16px;margin-bottom:12px;font-size:.9em}.signup-form .alerts .alert.alert-danger{border-color:#EF4444;background-color:rgba(239,68,68,0.1)}.signup-form .alerts .alert.alert-info{border-color:#00d4ff;background-color:rgba(0,212,255,0.1)}.signup-form .alerts .alert .close{color:#737373;opacity:.7;text-shadow:none}.signup-form .alerts .alert .close:hover{color:#F5F5F5;opacity:1}.form-row{display:flex;gap:16px;margin-bottom:0}@media (max-width:600px){.form-row{flex-direction:column;gap:0}}.signup-field{margin-bottom:18px}.signup-field.half-width{flex:1;min-width:0}.signup-field.has-error .signup-input{border-color:#EF4444}.signup-field.has-error .signup-input:focus{box-shadow:0 0 0 3px rgba(239,68,68,0.2)}.signup-field.has-error .help-block{color:#EF4444}.device-field .signup-label{display:inline-block}.device-field .device-hint{font-size:.7em;color:#737373;margin-left:8px}.signup-label{display:block;font-family:'Roboto Mono',monospace;font-size:.7em;font-weight:500;letter-spacing:.05em;color:#A3A3A3;margin-bottom:6px}.input-wrapper{position:relative}.input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#737373;font-size:13px;z-index:1}.signup-input{width:100%;padding:10px 12px 10px 38px;background-color:#262626;border:1px solid #334155;border-radius:4px;color:#F5F5F5;font-family:'Roboto',sans-serif;font-size:.9em;transition:all .15s ease}.signup-input::placeholder{color:#737373}.signup-input:focus{outline:none;border-color:#00d4ff;background-color:#1A1A1A;box-shadow:0 0 0 3px rgba(0,212,255,0.15)}.help-block{font-size:.75em;margin-top:4px;color:#737373;min-height:16px}.signup-actions{margin-top:24px}.btn-signup-primary{width:100%;padding:14px 24px;background-color:#00d4ff;border:none;border-radius:4px;color:#0D0D0D;font-family:'Roboto Mono',monospace;font-size:.9em;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:all .15s ease}.btn-signup-primary:hover{background-color:#00b8e0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,255,0.3)}.btn-signup-primary:active{transform:translateY(0)}.signup-divider{display:flex;align-items:center;margin:24px 0;color:#737373;font-size:.75em;letter-spacing:.05em}.signup-divider::before,.signup-divider::after{content:'';flex:1;height:1px;background-color:#334155}.signup-divider span{padding:0 16px}.social-signup-buttons{display:flex;justify-content:center;gap:12px}.social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#262626;border:1px solid #334155;border-radius:4px;color:#A3A3A3;font-size:18px;text-decoration:none;transition:all .15s ease}.social-btn:hover{background-color:#333333;border-color:#475569;color:#F5F5F5;transform:translateY(-2px)}.social-btn.social-twitter:hover{color:#1DA1F2;border-color:#1DA1F2}.social-btn.social-github:hover{color:#F5F5F5;border-color:#A3A3A3}.social-btn.social-facebook:hover{color:#4267B2;border-color:#4267B2}.social-btn.social-google:hover{color:#DB4437;border-color:#DB4437}.social-btn.social-tumblr:hover{color:#35465C;border-color:#35465C}.features-card{background-color:#1A1A1A;border:1px solid #334155;border-radius:6px;padding:28px;height:100%;box-shadow:0 10px 15px rgba(0,0,0,0.4)}.features-title{font-family:'Roboto',sans-serif;font-size:1.3em;font-weight:500;color:#F5F5F5;margin:0 0 8px 0}.features-subtitle{font-size:.85em;color:#737373;margin:0 0 24px 0;line-height:1.5}.feature-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;gap:16px;align-items:flex-start}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,212,255,0.15);border:1px solid rgba(0,212,255,0.3);border-radius:4px;color:#00d4ff;font-size:16px;flex-shrink:0}.feature-text h4{font-family:'Roboto',sans-serif;font-size:.95em;font-weight:500;color:#F5F5F5;margin:0 0 4px 0}.feature-text p{font-size:.8em;color:#737373;margin:0;line-height:1.4}.signup-footer{text-align:center;margin-top:24px}.signup-footer p{font-size:.85em;color:#737373;margin:0 0 8px 0}.signup-footer .login-link{color:#00d4ff;text-decoration:none;margin-left:6px;font-weight:500;transition:color .15s ease}.signup-footer .login-link:hover{color:#33ddff;text-decoration:none}.signup-footer .footer-brand{font-family:'Roboto Mono',monospace;font-size:.7em;letter-spacing:.05em;color:#737373;margin-top:16px}.pwtoggle{background:#262626;border:1px solid #334155;border-radius:2px;color:#737373;cursor:pointer;font-size:.7em;font-weight:500;letter-spacing:.05em;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .15s ease}.pwtoggle:hover,.pwtoggle:focus{background-color:#333333;color:#F5F5F5;outline:none}[data-theme="light"] .feature-icon{background-color:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.3);color:#6366F1}@media (max-width:768px){.signup-page{padding:20px 16px}.signup-card,.features-card{padding:20px}.features-card{margin-bottom:24px}.form-row{flex-direction:column;gap:0}.signup-field.half-width{flex:none;width:100%}}