:root{--dark-bg: #1a1a1a;--soft-blue: #5b8fb9;--text-light: #e0e0e0;--neon-glow: #7fb5ff}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}body{font-family:Poppins,sans-serif;background:url() no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.registration-progress{display:flex;justify-content:space-between;align-items:center;margin:20px auto 30px;width:80%;position:relative}.progress-track{position:absolute;top:50%;left:0;width:100%;height:2px;background:#333;z-index:0;transform:translateY(-50%)}.step-circle{width:30px;height:30px;background:#252525;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#666;z-index:1;transition:all .3s ease}.step-circle.active{border-color:var(--soft-blue);color:#fff;background:var(--dark-bg);box-shadow:0 0 10px var(--soft-blue)}.form-step{display:none;animation:slideIn .4s ease forwards}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.login-container{display:flex;background:#1a1a1af2;border-radius:20px;width:850px;height:580px;box-shadow:0 15px 35px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.login-box{min-height:450px;transition:all .5s ease;padding:50px;width:50%;display:flex;flex-direction:column;justify-content:center}.right-side{background:linear-gradient(135deg,#1a1a1a 0%,var(--soft-blue) 100%);color:#fff;text-align:center;border-left:1px solid rgba(255,255,255,.1)}h2{display:flex;justify-content:center;color:#fff;margin-bottom:0;margin-top:10px;font-weight:600}.subtitle{display:flex;justify-content:center;color:#888;margin-top:3px;margin-bottom:20px;font-size:.9rem}.input-floating{position:relative;margin-bottom:18px}.input-floating input{width:100%;padding:14px;background:transparent;border:2px solid #333;border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:.3s}.input-floating label{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#777;font-size:.85rem;pointer-events:none;transition:.3s;background:var(--dark-bg);padding:0 5px}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label{top:0;font-size:.7rem;color:var(--soft-blue)}.input-floating input:focus{border-color:var(--soft-blue);box-shadow:0 0 12px #7fb5ff66}.password-group{position:relative}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;transition:.3s}.email-wrapper{opacity:0;transform:translateY(20px);transition:all .5s ease;pointer-events:none}.email-wrapper.show{opacity:1;transform:translateY(0);pointer-events:auto}#email-form input{opacity:0;transform:translateY(15px);animation:inputAppear .5s forwards}#email-form input:nth-child(1){animation-delay:.1s}#email-form input:nth-child(2){animation-delay:.2s}@keyframes inputAppear{to{opacity:1;transform:translateY(0)}}.hidden{display:none}.logo-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:5px;width:100%}.main-logo{width:80px;height:80px;object-fit:contain;background-color:#fff;border-radius:50%;padding:12px;border:2px solid var(--soft-blue);box-shadow:0 0 20px #5b8fb980;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.animate-in{animation:fadeIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.animate-in{animation:slideIn .4s ease forwards}.animate-out{animation:slideOut .3s ease forwards}.divider{position:relative;text-align:center;margin:30px 0;height:1px;background-color:#333}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;padding:0 15px;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.back-link{color:var(--soft-blue);cursor:pointer;margin-top:15px;font-size:.8rem}:root{--dark-bg: #1a1a1a;--soft-blue: #5b8fb9;--text-light: #e0e0e0;--neon-glow: #7fb5ff;--success: #4caf50}body{font-family:Poppins,sans-serif;background:#121212;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;color:var(--text-light)}h2{display:flex;justify-content:center;margin-bottom:5px}.login-container{display:flex;background:#1a1a1af2;border-radius:20px;width:850px;height:600px;box-shadow:0 15px 35px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.login-box{padding:40px;width:50%;display:flex;flex-direction:column;justify-content:center}.right-side{background:linear-gradient(135deg,#1a1a1a 0%,var(--soft-blue) 100%);color:#fff;text-align:center}.registration-progress{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;width:60%;align-self:center}.progress-track{position:absolute;top:50%;width:100%;height:2px;background:#333;transform:translateY(-50%);z-index:0}.progress-fill{height:100%;width:0%;background:var(--soft-blue);box-shadow:0 0 10px var(--soft-blue);transition:width .4s ease}.step-circle{width:30px;height:30px;background:#252525;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;transition:.3s;font-size:.8rem}.step-circle.active{border-color:var(--soft-blue);color:#fff;animation:popStep .3s ease;background:var(--dark-bg);box-shadow:0 0 8px var(--soft-blue),0 0 15px #7fb5ff4d}@keyframes popStep{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.form-step{display:none;animation:fadeIn .4s ease}.form-step.active{display:flex;flex-direction:column}.section-divider{display:flex;align-items:center;margin-bottom:20px;font-size:.75rem;color:#777}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#333;margin:0 10px}.input-floating{position:relative}.input-floating input{position:relative;z-index:0;width:100%;padding:16px 14px;background:#252525;border:2px solid #333;border-radius:8px;color:#fff;outline:none;font-family:Poppins,sans-serif;box-sizing:border-box}.input-floating label{position:absolute;z-index:1;left:14px;top:40%;transform:translateY(-50%);color:#777;font-size:.85rem;pointer-events:none;transition:all .3s ease;padding:0 4px;background:#252525;display:inline-block}.input-floating label{transition:all .3s ease}.input-floating input:focus{border-color:var(--neon-glow);background:#2b2b2b;box-shadow:0 0 6px #7fb5ff80,0 0 18px #7fb5ff26}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label{top:0;left:10px;font-size:.7rem;color:var(--soft-blue)}.input-group{position:relative;margin-bottom:15px}input-group.at-group{position:relative}.input-group.at-group .at-icon{position:absolute;left:12px;top:35%;transform:translateY(-50%);pointer-events:none;z-index:2}.input-group.at-group .at-input{padding-left:34px}.input-style{transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;width:100%;padding:14px;background:#252525;border:2px solid #333;border-radius:8px;font-family:Poppins,sans-serif;color:#fff;outline:none;box-sizing:border-box}.input-style:focus{border-color:var(--neon-glow);background:#2b2b2b;box-shadow:0 0 6px #7fb5ff80,0 0 18px #7fb5ff26}input[type=date]{appearance:none;-webkit-appearance:none;color:#e0e0e0}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.date-group{position:relative}.date-icon{position:absolute;right:14px;top:40%;transform:translateY(-50%);color:var(--soft-blue);pointer-events:none}.at-group{position:relative}.at-icon{position:absolute;left:15px;top:40%;transform:translateY(-55%);color:var(--soft-blue);font-weight:700}.at-input{padding-left:40px}@keyframes nameReveal{0%{opacity:0;transform:translateY(8px);color:#aaa}to{opacity:1;transform:translateY(0);color:var(--soft-blue)}}.animated-name{display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;opacity:0}.name-animate{animation:nameReveal .5s ease forwards;animation-delay:.1s}.pass-wrapper{position:relative}.pass-wrapper input{padding-right:40px}.toggle-password{position:absolute;right:15px;top:40%;transform:translateY(-50%);cursor:pointer;color:#666}.toggle-password:hover{color:var(--soft-blue)}@keyframes ruleSuccess{0%{transform:scale(1)}50%{transform:scale(1.05);text-shadow:0 0 8px var(--soft-blue)}to{transform:scale(1);text-shadow:0 0 0px transparent}}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:.3s ease;font-size:12px;color:#888;margin-top:3px;margin-bottom:15px}.password-rules p{display:inline-block;font-size:1em;margin:0;transition:color .4s ease;align-items:center}.rule-active{color:var(--soft-blue)!important;animation:ruleSuccess .4s ease-out}#pass[data-length=true]~.password-rules #rule-length{color:var(--soft-blue);text-shadow:0 0 6px var(--soft-blue)}#pass[data-number=true]~.password-rules #rule-number{color:var(--soft-blue);text-shadow:0 0 6px var(--soft-blue)}#pass[data-letter=true]~.password-rules #rule-letter{color:var(--soft-blue);text-shadow:0 0 6px var(--soft-blue)}.password-group:focus-within .password-rules{max-height:50px;opacity:1}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.sug-card{background:#252525;border:1px solid #333;padding:10px;border-radius:8px;cursor:pointer;text-align:center;font-size:.8rem;transition:.3s}.sug-card:hover{border-color:var(--soft-blue);color:var(--soft-blue)}.summary-box{background:#252525;padding:15px;border-radius:10px;border-left:4px solid var(--soft-blue);margin-bottom:5px}.summary-item{font-size:.9rem;margin:5px 0}.summary-item strong{color:var(--soft-blue)}.username-highlight{color:var(--soft-blue);white-space:nowrap;max-width:180px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;animation:fadeIn .4s ease}h2.welcome-title{display:block;text-align:center;line-height:1.4;word-wrap:break-word}.btn{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:2px solid transparent;background:#2a2a2a;color:var(--text-light);font-size:.8em;font-weight:400;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn:hover{background:#333;border-color:var(--neon-glow);box-shadow:0 0 15px #7fb5ff66;transform:translateY(-2px);color:#fff}.btn-outline{background:transparent;border:2px solid white;color:#fff}.btn-primary{background:var(--soft-blue);color:#fff}.btn-group{display:flex;gap:10px}.prev-btn{background:#333;width:40%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}