.register-container{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex;position:relative;overflow:hidden}.register-container:before{content:"";background:radial-gradient(circle, rgba(var(--primary-rgb), .15) 0%, transparent 70%);z-index:0;border-radius:50%;width:350px;height:350px;position:absolute;top:-10%;left:-10%}.register-container .register-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#fffc;border:1px solid #fff3;border-radius:24px;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 1.5rem;display:flex;box-shadow:0 8px 32px #1f268714}.register-container .register-card .register-header{text-align:center}.register-container .register-card .register-header h1{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.register-container .register-card .register-header p{color:#666;font-size:.95rem}.register-container .register-card .register-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.register-container .register-card .register-form .input-row{flex-direction:column;gap:1rem;display:flex}.register-container .register-card .register-form .input-group{flex-direction:column;gap:.4rem;display:flex}.register-container .register-card .register-form .input-group label{color:#4a4a4a;margin-left:.2rem;font-size:.85rem;font-weight:600}.register-container .register-card .register-form .input-group input{background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;padding:.875rem 1.25rem;font-size:.95rem;transition:all .2s}.register-container .register-card .register-form .input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .1);outline:none}.register-container .register-card .register-form .input-group input:disabled{color:#adb5bd;background:#f8f9fa}.register-container .register-card .register-form .input-group .input-with-button{gap:.6rem;display:flex}.register-container .register-card .register-form .input-group .input-with-button input{flex:1}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn,.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn{background:rgba(var(--primary-rgb), .08);color:var(--primary-color);white-space:nowrap;border:1px solid rgba(var(--primary-rgb), .15);border-radius:12px;padding:0 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn:hover:not(:disabled),.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn:hover:not(:disabled){background:rgba(var(--primary-rgb), .15);transform:translateY(-1px)}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn:active:not(:disabled),.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn:active:not(:disabled){transform:translateY(0)}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn:disabled,.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn:disabled{color:#ccc;cursor:not-allowed;background:#f1f1f1;border-color:#e0e0e0}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn{min-width:90px}.register-container .register-card .register-form .input-group.verification-group{animation:.4s cubic-bezier(.16,1,.3,1) slideDown}.register-container .register-card .register-form .input-group.verification-group input{letter-spacing:.5em;text-align:center;font-weight:700}.register-container .register-card .register-form .input-group.verification-group input::placeholder{letter-spacing:normal;font-size:.85rem;font-weight:400}.register-container .register-card .register-form .input-group.verification-group .timer{color:#ff4d4d;align-items:center;gap:.25rem;margin:.2rem 0 0 .2rem;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.register-container .register-card .register-form .input-group.verification-group .timer.expired{color:red}.register-container .register-card .register-form .input-group.verification-group .timer:before{font-size:.875rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.register-container .register-card .register-form .register-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s}.register-container .register-card .register-form .register-button:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}.register-container .register-card .register-form .register-button:active{transform:translateY(0)}.register-container .register-card .register-form .register-button:disabled{cursor:not-allowed;background:#ccc}.register-container .register-card .register-footer{text-align:center;color:#666;font-size:.875rem}.register-container .register-card .register-footer a{color:var(--primary-color);margin-left:.5rem;font-weight:600;text-decoration:none}.register-container .register-card .register-footer a:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.register-container{background:linear-gradient(135deg,#121212 0%,#1a1a2e 100%)}.register-container .register-card{background:#232323cc;border:1px solid #ffffff0d}.register-container .register-card .register-header h1{color:#fff}.register-container .register-card .register-header p{color:#aaa}.register-container .register-card .register-form .input-group label{color:#ccc}.register-container .register-card .register-form .input-group input{color:#fff;background:#2a2a2a;border-color:#444}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn,.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn{background:rgba(var(--primary-rgb), .15);border-color:rgba(var(--primary-rgb), .2);color:var(--primary-light,#8ec5fc)}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn:hover:not(:disabled),.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn:hover:not(:disabled){background:rgba(var(--primary-rgb), .25)}.register-container .register-card .register-form .input-group .input-with-button .verify-send-btn:disabled,.register-container .register-card .register-form .input-group .input-with-button .verify-confirm-btn:disabled{color:#444;background:#1a1a1a;border-color:#333}.register-container .register-card .register-footer{color:#aaa}}
