.register-container{color:#0b0b0b;background:radial-gradient(circle at top,#f9fafb 0,#e5e7eb 45%,#d1d5db 100%);justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.register-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:24px;align-items:stretch;width:100%;max-width:850px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a26}.register-wrapper.login-mode{max-width:420px}.register-box{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:1.5rem 2rem}.password-checklist{opacity:0;width:0;box-shadow:none;background:#f9fafb;border-left:none;border-radius:0;flex:0 0 0;margin-top:0;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.password-checklist.visible{opacity:1;border-left:1px solid #e5e7eb;flex:0 0 280px;width:280px;padding:1.5rem}.password-checklist h3{color:#1f2937;white-space:nowrap;margin-bottom:.8rem;font-size:1rem;font-weight:600}.password-checklist ul{white-space:nowrap;margin:0;padding:0;list-style:none}.password-checklist li{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;transition:color .2s;display:flex}.register-title{letter-spacing:-.03em;color:#050505;margin-bottom:.25rem;font-size:1.8rem;font-weight:600}.register-subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:.9rem}.register-subtitle a{color:#2563eb;text-underline-offset:3px;font-weight:500;text-decoration:underline}.register-form{flex-direction:column;gap:.7rem;display:flex}.register-form label{text-transform:none;letter-spacing:.02em;color:#4b5563;font-size:.8rem}.register-form input{color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;outline:none;width:100%;margin-top:.25rem;padding:.7rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s,background-color .15s,transform 70ms}.input-with-icon{width:100%;position:relative}.eye-button{cursor:pointer;color:#2563eb;background:0 0;border:none;margin-top:.125rem;font-size:.8rem;font-weight:500;text-decoration:underline;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.register-button{color:#f9fafb;cursor:pointer;background-color:#050505;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;margin-top:.8rem;padding:.8rem 1rem;font-size:.95rem;font-weight:500;transition:transform .1s,box-shadow .12s,opacity .12s;display:inline-flex;box-shadow:0 18px 40px #0f172a61}.register-footer{color:#6b7280;text-align:left;margin-top:1.2rem;font-size:.8rem}.register-footer a{color:#2563eb;text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.register-footer a:hover{text-decoration-thickness:2px}.register-form+p{color:#dc2626;margin-top:.35rem;font-size:.82rem}.checkbox-row{color:#4b5563;align-items:center;gap:.55rem;margin-top:.9rem;font-size:.82rem;display:flex}.checkbox-row input[type=checkbox]{border-radius:4px;width:14px;height:14px}.checkbox-row a{color:#111827;text-underline-offset:2px;text-decoration:underline}.divider{align-items:center;gap:.75rem;margin:1.4rem 0 1.2rem;display:flex}.divider span{background:#e5e7eb;flex:1;height:1px}.divider p{color:#9ca3af;font-size:.8rem}.social-row{gap:.75rem;display:flex}.social-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex:1;padding:.8rem .9rem;font-size:.85rem;transition:background-color .12s,box-shadow .12s,transform 80ms}.social-button:hover{background:#f9fafb;transform:translateY(-.5px);box-shadow:0 10px 25px #94a3b84d}@media (max-width:480px){.register-box{border-radius:26px;padding:2rem 1.6rem}.register-title{font-size:1.8rem}}