#login,#register{padding:70px 20px;background-color:#fff5ef;justify-content:center;min-height:calc(100vh - 70px - 250px)}#login,#login .container,#register,#register .container{display:flex;flex-direction:column;box-sizing:border-box}#login .container,#register .container{margin:50px auto;background-color:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:50px 60px;max-width:750px;flex-shrink:0;width:100%}#register h1{color:#1a1a1a;text-align:center;font-size:1.8rem;margin-bottom:10px}#register .subtitle{text-align:center;color:#666;font-size:.95rem;line-height:1.5;margin-bottom:28px}#register .why-box{background-color:#fff6f0;border-radius:12px;padding:18px 22px;display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}#register .why-icon{flex-shrink:0;margin-top:2px}#register .why-content .why-title{font-weight:700;color:#ff914d;margin-bottom:8px;font-size:1rem}#register .why-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}#register .why-content ul li{font-size:.9rem;color:#444;display:flex;align-items:center;gap:8px}#register .why-content ul li:before{content:"✓";color:#ff914d;font-weight:700;flex-shrink:0}#register .section-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:16px;margin-top:8px}#register .form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 20px;gap:16px 20px;margin-bottom:24px;align-items:start}#register .form-group{display:flex;flex-direction:column}#register .form-group label{margin-bottom:6px;font-weight:500;font-size:.9rem;color:#333}#register .form-group label .required{color:#ff914d;margin-left:2px}#register .form-group input,#register .form-group select{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.95rem;color:#1a1a1a;background-color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%;height:42px}#register .form-group input::placeholder{color:#aaa}#register .form-group input:focus,#register .form-group select:focus{border-color:#ff914d}#register .phone-input-group{display:flex;gap:8px}#register .dial-dropdown{position:relative;flex-shrink:0}#register .dial-trigger{display:flex;align-items:center;gap:4px;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:.95rem;color:#1a1a1a;background-color:#fff;cursor:pointer;white-space:nowrap;height:42px;box-sizing:border-box;transition:border-color .2s}#register .dial-dropdown.open .dial-trigger{border-color:#ff914d}#register .dial-arrow{font-size:.7rem;color:#888}#register .dial-list{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden}#register .dial-list ul{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}#register .dial-list ul li{padding:9px 12px;font-size:.9rem;cursor:pointer;color:#1a1a1a;white-space:nowrap}#register .dial-list ul li:hover{background-color:#fff6f0}#register .dial-list ul li.selected{background-color:#fff0e6;color:#ff914d;font-weight:500}#register .phone-input-group input{flex:1 1;min-width:0;height:42px}#register .nat-dropdown{position:relative;width:100%}#register .nat-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.95rem;color:#1a1a1a;background-color:#fff;cursor:pointer;text-align:left;transition:border-color .2s;box-sizing:border-box;height:42px}#register .nat-dropdown.open .nat-trigger{border-color:#ff914d}#register .nat-arrow{font-size:.7rem;color:#888;margin-left:8px}#register .nat-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden}#register .nat-search{width:100%;border:none;border-bottom:1px solid #d1d5db;padding:8px 12px;font-size:.9rem;outline:none;box-sizing:border-box}#register .nat-list ul{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}#register .nat-list ul li{padding:9px 12px;font-size:.9rem;cursor:pointer;color:#1a1a1a}#register .nat-list ul li:hover{background-color:#fff6f0}#register .nat-list ul li.selected{background-color:#fff0e6;color:#ff914d;font-weight:500}#register .oauth-row{display:flex;align-items:stretch;gap:10px}#register .apple-btn,#register .google-btn{flex:1 1;min-width:0;border:1px solid #d1d5db;border-radius:8px;padding:12px 10px;background-color:#fff;font-size:.9rem;font-weight:500;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;white-space:nowrap;overflow:hidden}#register .apple-btn{background-color:#000;color:#fff;border-color:#000}#register .google-btn:hover:not(:disabled){background-color:#f9fafb}#register .apple-btn:hover:not(:disabled){background-color:#1a1a1a}#register .apple-btn:disabled,#register .google-btn:disabled{opacity:.5;cursor:not-allowed}#register .submit{margin-top:12px;width:100%;border:none;border-radius:8px;padding:14px;font-size:1rem;color:#fff;background-color:#ff914d;outline:none;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:50px;transition:background-color .2s}#register .submit:disabled{opacity:.7;cursor:not-allowed}#register .submit:hover:not(:disabled){background-color:#e87f3a}#register .legal{margin-top:16px;font-size:.8rem;text-align:center;color:#888;line-height:1.5}#register .legal a{color:#ff914d;text-decoration:none;font-weight:500}#register .already{margin-top:14px;font-size:.95rem;text-align:center}#register .already a{text-decoration:none;font-weight:700;color:#ff914d}#register .error-msg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-20px);background-color:#ff914d;width:90%;max-width:500px;padding:30px;border-radius:12px;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;z-index:200;pointer-events:none}#register .error-msg p{font-size:18px;font-weight:600;color:#fff;margin:0}#register .error-active{opacity:1;transform:translate(-50%,-50%) translateY(0)}.or-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background-color:#d1d5db}.or-divider span{font-size:1rem;color:#000;text-transform:uppercase;font-weight:700;white-space:nowrap}#login h1{color:#1a1a1a;text-align:center;font-size:1.8rem;margin-bottom:10px}#login .form-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-bottom:16px}#login .form-group{display:flex;flex-direction:column}#login .form-group label{margin-bottom:6px;font-weight:500;font-size:.9rem;color:#333}#login .form-group label .required{color:#ff914d;margin-left:2px}#login .form-group input{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.95rem;color:#1a1a1a;background-color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%}#login .form-group input::placeholder{color:#aaa}#login .form-group input:focus{border-color:#ff914d}#login .oauth-row{display:flex;align-items:stretch;gap:10px}#login .apple-btn,#login .google-btn{flex:1 1;min-width:0;border:1px solid #d1d5db;border-radius:8px;padding:12px 10px;background-color:#fff;font-size:.9rem;font-weight:500;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;white-space:nowrap;overflow:hidden}#login .apple-btn{background-color:#000;color:#fff;border-color:#000}#login .google-btn:hover:not(:disabled){background-color:#f9fafb}#login .apple-btn:hover:not(:disabled){background-color:#1a1a1a}#login .apple-btn:disabled,#login .google-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){#login .oauth-row{flex-direction:column}}#login .submit{margin-top:12px;width:100%;border:none;border-radius:8px;padding:14px;font-size:1rem;color:#fff;background-color:#ff914d;outline:none;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:50px;transition:background-color .2s}#login .submit:disabled{opacity:.7;cursor:not-allowed}#login .submit:hover:not(:disabled){background-color:#e87f3a}#login .already{margin-top:20px;font-size:.95rem;text-align:center;display:block}#login .already a{text-decoration:none;font-weight:700;color:#ff914d}#login .error-msg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-20px);background-color:#ff914d;width:90%;max-width:500px;padding:30px;border-radius:12px;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;z-index:200;pointer-events:none}#login .error-msg p{font-size:18px;font-weight:600;color:#fff;margin:0}#login .error-active{opacity:1;transform:translate(-50%,-50%) translateY(0)}@media screen and (max-width:800px){#login .form-grid{grid-template-columns:auto;gap:20px 40px}#login{padding:70px 30px 30px}#register .form-grid{grid-template-columns:1fr;gap:16px}#register{padding:70px 16px 30px}#register .container{padding:30px 24px}#login .apple-btn .oauth-label,#login .google-btn .oauth-label,#register .apple-btn .oauth-label,#register .google-btn .oauth-label,#register .why-icon{display:none}}@media screen and (max-width:500px){#login,#register{padding:70px 10px 30px}#register .container{padding:24px 16px}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:40px}.toggle-password-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:0}.toggle-password-btn:hover{color:#000}#verify-email{padding:140px 20px 70px;background-color:#fff5ef;justify-content:center;min-height:calc(100vh - 250px)}#verify-email,#verify-email .container{display:flex;flex-direction:column;align-items:center;box-sizing:border-box}#verify-email .container{margin:auto;background-color:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:50px 60px;max-width:520px;width:100%;text-align:center}#verify-email .icon-wrapper{margin-bottom:24px}#verify-email h1{color:#1a1a1a;font-size:1.5rem;margin-bottom:12px}#verify-email .description{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:8px}#verify-email .hint{color:#888;font-size:.85rem;margin-bottom:24px}#verify-email .submit{width:100%;border:none;border-radius:8px;padding:14px;font-size:1rem;color:#fff;background-color:#ff914d;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:50px;transition:background-color .2s;margin-top:16px}#verify-email .submit:hover{background-color:#e87f3a}#verify-email .code-inputs{display:flex;gap:10px;margin-bottom:8px}#verify-email .code-digit{width:48px;height:56px;border:2px solid #d1d5db;border-radius:8px;text-align:center;font-size:24px;font-weight:700;color:#ff914d;font-family:monospace;background-color:#fff;outline:none;transition:border-color .2s;caret-color:#ff914d}#verify-email .code-digit:focus{border-color:#ff914d;box-shadow:0 0 0 3px rgba(255,145,77,.15)}#verify-email .code-digit.code-error{border-color:#ef4444}#verify-email .code-error-msg{color:#ef4444;font-size:.85rem;margin-bottom:16px}#verify-email .verifying-row{display:flex;align-items:center;gap:10px;color:#888;font-size:.9rem;margin-bottom:16px}#verify-email .resend-btn{margin-top:16px;width:100%;border:2px solid #ff914d;border-radius:8px;padding:12px;font-size:.95rem;color:#ff914d;background-color:#fff;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:46px;transition:all .2s}#verify-email .resend-btn:hover:not(:disabled){background-color:#fff6f0}#verify-email .resend-btn:disabled{opacity:.6;cursor:not-allowed}#verify-email .skip-btn{margin-top:12px;width:100%;border:none;border-radius:8px;padding:12px;font-size:.9rem;color:#888;background-color:transparent;cursor:pointer;font-weight:500;transition:color .2s}#verify-email .skip-btn:hover{color:#555}@media screen and (max-width:500px){#verify-email{padding:70px 10px 30px}#verify-email .container{padding:30px 20px}#verify-email .code-inputs{gap:6px}#verify-email .code-digit{width:40px;height:48px;font-size:20px}}@keyframes auth-spin{to{transform:rotate(1turn)}}.icon-spin{display:inline-block;width:1.1em;height:1.1em;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:auth-spin .7s linear infinite;vertical-align:middle}.forgot-password-link{display:inline-block;margin-top:6px;font-size:.85rem;color:#ff914d;text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}#forgot-password,#reset-password{padding:70px 20px;background-color:#fff5ef;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 70px - 250px);box-sizing:border-box}#forgot-password .container,#reset-password .container{margin:50px auto;background-color:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:50px 60px;max-width:520px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}#forgot-password h1,#reset-password h1{color:#1a1a1a;text-align:center;font-size:1.8rem;margin-bottom:10px}#forgot-password .description,#reset-password .description{text-align:center;color:#666;font-size:.95rem;line-height:1.5;margin-bottom:24px}#forgot-password .form-group,#reset-password .form-group{display:flex;flex-direction:column;margin-bottom:16px}#forgot-password .form-group label,#reset-password .form-group label{margin-bottom:6px;font-weight:500;font-size:.9rem;color:#333}#forgot-password .form-group label .required,#reset-password .form-group label .required{color:#ff914d;margin-left:2px}#forgot-password .form-group input,#reset-password .form-group input{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.95rem;color:#1a1a1a;background-color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%}#forgot-password .form-group input::placeholder,#reset-password .form-group input::placeholder{color:#aaa}#forgot-password .form-group input:focus,#reset-password .form-group input:focus{border-color:#ff914d}#forgot-password .submit,#reset-password .submit{margin-top:12px;width:100%;border:none;border-radius:8px;padding:14px;font-size:1rem;color:#fff;background-color:#ff914d;outline:none;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:50px;transition:background-color .2s}#forgot-password .submit:disabled,#reset-password .submit:disabled{opacity:.7;cursor:not-allowed}#forgot-password .submit:hover:not(:disabled),#reset-password .submit:hover:not(:disabled){background-color:#e87f3a}#forgot-password .back-row,#reset-password .back-row{margin-top:20px;text-align:center;font-size:.95rem}#forgot-password .back-row a,#reset-password .back-row a{text-decoration:none;font-weight:700;color:#ff914d}.form-error{text-align:center;color:#ef4444;font-size:.9rem;margin-bottom:16px}.success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.success-box .success-icon{width:56px;height:56px;border-radius:50%;background-color:#22c55e;color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.success-text{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:24px}#forgot-password .back-link,#reset-password .back-link{display:inline-block;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;color:#fff;background-color:#ff914d;text-decoration:none;font-weight:600;transition:background-color .2s}#forgot-password .back-link:hover,#reset-password .back-link:hover{background-color:#e87f3a}.password-hint{margin-top:4px;font-size:.8rem;color:#888}@media screen and (max-width:500px){#forgot-password,#reset-password{padding:70px 10px 30px}#forgot-password .container,#reset-password .container{padding:30px 20px}}