*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;font-family:Plus Jakarta Sans,sans-serif;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center}.bg-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.bg-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.main-container{position:relative;z-index:10;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.main-container.main-container--scroll{max-width:520px;margin:0 auto;min-height:auto;display:block}.login-card{width:100%;max-width:400px;padding:40px 35px;background:#141414d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0006}.register-card{background:#141414f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0006;padding:40px 35px;margin-bottom:30px}.verify-card{width:100%;max-width:480px;padding:45px 40px;background:#141414e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0006;text-align:center}.card{width:100%;max-width:460px;padding:45px 40px;background:#141414e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0006;text-align:center}.upgrade-card{width:100%;max-width:560px;background:#141414f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0006;overflow:hidden}.upgrade-card-body{padding:40px 35px}.upgrade-card-footer{background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);padding:20px 35px;display:flex;flex-direction:column;gap:12px;align-items:center}.logo-wrapper{text-align:center;margin-bottom:32px}.logo-wrapper img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;margin-bottom:12px}.logo-wrapper h1{color:#fff;font-size:1.6rem;font-weight:700;font-style:italic}.logo-wrapper p{color:#888;font-size:.85rem;margin-top:5px}.logo-wrapper .subtitle{color:#f97316;font-size:.95rem;font-weight:600;margin-top:8px}.icon-circle{width:100px;height:100px;margin:0 auto 25px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle svg{width:50px;height:50px}.icon-circle--email{background:linear-gradient(135deg,#f9731633,#fbbf2433);animation:pulse 2s infinite}.icon-circle--email svg{color:#f97316}.icon-circle--key{background:linear-gradient(135deg,#f9731633,#fbbf2433)}.icon-circle--key svg{color:#f97316}.icon-circle--success{background:linear-gradient(135deg,#22c55e33,#4ade8033)}.icon-circle--success svg{color:#22c55e}.icon-circle--lock{background:linear-gradient(135deg,#ef444433,#dc262633)}.icon-circle--lock svg{color:#ef4444}.icon-circle--sm{width:80px;height:80px}.icon-circle--sm svg{width:40px;height:40px}@keyframes pulse{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 20px #f9731600}}.card h1,.verify-card h1{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:12px}.card p,.verify-card p{color:#999;font-size:.95rem;line-height:1.7;margin-bottom:25px}.card p strong,.verify-card p strong{color:#fff}.upgrade-header{text-align:center;margin-bottom:28px}.upgrade-header-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;display:flex;align-items:center;justify-content:center}.upgrade-header-icon svg{width:32px;height:32px;color:#fff}.upgrade-header h1{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:8px}.upgrade-header p{color:#999;font-size:.9rem;line-height:1.6}.upgrade-header p strong{color:#f97316}.info-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:24px;font-size:.85rem;line-height:1.6}.info-box svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.info-box--orange{background:#f973161a;border:1px solid rgba(249,115,22,.25);color:#fdba74}.info-box--orange svg{color:#f97316}.info-box--orange strong{color:#f97316}.account-info{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-bottom:24px}.account-info-title{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-info-label{font-size:.7rem;color:#666;margin-bottom:2px}.account-info-value{font-size:.9rem;font-weight:600;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;color:#ddd;font-size:.9rem;margin-bottom:8px;font-weight:500}.form-group label .required{color:#f97316}.form-group label .optional{color:#777;font-weight:400;font-size:.75rem}.input-wrapper{position:relative}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=password],.form-group input[type=url],.form-group input[type=file],.form-group textarea{width:100%;padding:15px 16px;background:#323232cc;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group textarea{resize:vertical;min-height:80px}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#888}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f97316;background:#3c3c3ce6;box-shadow:0 0 0 4px #f9731626}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.password-input{padding-right:50px!important}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:5px;display:flex;transition:color .3s}.password-toggle:hover{color:#f97316}.password-toggle svg{width:22px;height:22px}.password-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-text{font-size:.75rem;color:#666;margin-top:4px}.remember-forgot-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;flex-wrap:wrap;gap:10px}.remember-wrapper{display:flex;align-items:center;gap:10px}.remember-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:#F97316;cursor:pointer}.remember-wrapper label{color:#bbb;font-size:.9rem;cursor:pointer}.forgot-password{color:#f97316;font-size:.9rem;text-decoration:none;font-weight:500;transition:color .3s}.forgot-password:hover{color:#fbbf24;text-decoration:underline}.btn-auth{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,#f97316,#fbbf24);border:none;border-radius:12px;color:#000;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #f9731666}.btn-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #f9731680}.btn-auth:active:not(:disabled){transform:translateY(0)}.btn-auth:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-auth svg{width:20px;height:20px}.btn-resend{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin-top:15px;background:transparent;border:1px solid rgba(249,115,22,.3);border-radius:10px;color:#f97316;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease}.btn-resend:hover:not(:disabled){background:#f973161a;border-color:#f97316}.btn-resend:disabled{opacity:.4;cursor:not-allowed}.btn-resend svg{width:18px;height:18px}.btn-secondary-auth{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#aaa;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease;width:100%;cursor:pointer;font-family:inherit}.btn-secondary-auth:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.btn-secondary-auth svg{width:18px;height:18px}.alert{padding:14px 16px;border-radius:12px;margin-bottom:22px;display:flex;align-items:center;gap:10px;font-size:.9rem;text-align:left}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.alert-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.alert-warning{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fde68a}.alert ul{margin:0;padding-left:18px}.alert li{margin-bottom:2px}.email-display{display:inline-block;padding:10px 20px;background:#f9731626;border:1px solid rgba(249,115,22,.3);border-radius:10px;color:#f97316;font-size:1rem;font-weight:600;margin-bottom:20px}.otp-container{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.otp-input{width:52px;height:60px;text-align:center;font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:#fff;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;outline:none;transition:all .3s ease;-moz-appearance:textfield}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input:focus{border-color:#f97316;background:#f973161a;box-shadow:0 0 0 3px #f9731633}.otp-input.filled{border-color:#f97316;background:#f9731626}.otp-input.error{border-color:#ef4444;background:#ef44441a;animation:shake .5s}.otp-input:disabled{opacity:.3;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.timer-text{color:#888;font-size:.85rem;margin-top:15px}.timer-text span{color:#f97316;font-weight:600}.timer-text .expired{color:#ef4444}.resend-timer{color:#888;font-size:.8rem;margin-top:8px}.resend-timer span{color:#f97316;font-weight:600}.cooldown-timer{color:#888;font-size:.85rem;margin-top:12px;padding:10px;background:#f973161a;border-radius:8px;border:1px solid rgba(249,115,22,.2)}.cooldown-timer span{color:#f97316;font-weight:700;font-family:Courier New,monospace}.lockout-banner{padding:20px;margin-bottom:25px;border-radius:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);text-align:center}.lockout-banner h3{color:#fca5a5;font-size:1.1rem;margin-bottom:8px}.lockout-banner p{color:#f87171;font-size:.9rem;margin:0}.lockout-banner .lockout-countdown{font-size:1.8rem;font-weight:800;color:#ef4444;font-family:Courier New,monospace;margin:12px 0}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px}.avatar-preview{position:relative;width:90px;height:90px}.avatar-preview img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(249,115,22,.5);background:#323232cc}.avatar-preview .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#323232cc;border:3px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;cursor:pointer;transition:all .3s ease}.avatar-preview .avatar-placeholder:hover{border-color:#f97316;color:#f97316}.avatar-preview .avatar-placeholder svg{width:28px;height:28px;margin-bottom:3px}.avatar-preview .avatar-placeholder span{font-size:.65rem}.avatar-input{display:none}.avatar-remove{position:absolute;top:-4px;right:-4px;width:26px;height:26px;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s ease}.avatar-remove:hover{background:#dc2626;transform:scale(1.1)}.avatar-remove svg{width:12px;height:12px}.avatar-remove.show{display:flex}.avatar-hint{font-size:.7rem;color:#666;text-align:center}.affiliate-badge{display:inline-flex;align-items:center;gap:6px;background:#f9731633;border:1px solid rgba(249,115,22,.4);border-radius:20px;padding:6px 14px;margin-bottom:16px;color:#f97316;font-size:.8rem;font-weight:600}.affiliate-fields-divider{margin:24px 0 20px;padding-top:20px;border-top:2px dashed rgba(249,115,22,.3)}.section-label{color:#f97316;font-size:.9rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.gender-options{display:flex;gap:12px;margin-top:8px}.gender-option{flex:1;position:relative}.gender-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.gender-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#32323299;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease;color:#ddd;font-weight:500;font-size:.9rem}.gender-option input[type=radio]:checked+.gender-label{background:#f9731633;border-color:#f97316;color:#f97316}.gender-label:hover{background:#3c3c3ccc;border-color:#f9731680}.gender-icon{font-size:1.2rem}.checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.checkbox-item{display:flex;align-items:center;padding:10px 12px;background:#32323299;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease}.checkbox-item:hover{background:#3c3c3ccc;border-color:#f9731680}.checkbox-item.checked{background:#f9731633;border-color:#f97316}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:#F97316;cursor:pointer}.checkbox-item label{color:#ddd;font-size:.85rem;margin:0;cursor:pointer;flex:1}.checkbox-item input:checked~label{color:#f97316;font-weight:600}.experience-check{display:flex;align-items:center;padding:12px;background:#32323299;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease}.experience-check:hover{background:#3c3c3ccc}.experience-check.checked{background:#f9731633;border-color:#f97316}.experience-check input[type=checkbox]{width:18px;height:18px;margin-right:10px;accent-color:#F97316;cursor:pointer}.experience-check label{color:#ddd;font-size:.85rem;margin:0;cursor:pointer;flex:1}.experience-check input:checked~label{color:#f97316;font-weight:600}.file-input-wrapper{position:relative}.file-input{padding:12px;cursor:pointer;font-size:.9rem}.file-input::file-selector-button{background:#f9731633;border:1px solid rgba(249,115,22,.4);border-radius:6px;color:#f97316;padding:6px 14px;font-weight:600;cursor:pointer;margin-right:10px;transition:all .3s ease;font-size:.8rem}.file-input::file-selector-button:hover{background:#f973164d}.divider{display:flex;align-items:center;margin:25px 0;color:#666;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff26}.divider span{padding:0 15px}.register-link,.login-link{text-align:center;color:#aaa;font-size:.95rem}.register-link a,.login-link a{color:#f97316;text-decoration:none;font-weight:600}.register-link a:hover,.login-link a:hover{color:#fbbf24}.back-home{text-align:center;margin-top:22px}.back-home a{color:#888;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:color .3s}.back-home a:hover{color:#fff}.back-home svg{width:18px;height:18px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-top:25px;color:#888;font-size:.9rem;text-decoration:none;transition:color .3s}.back-link:hover{color:#f97316}.back-link svg{width:16px;height:16px}.other-actions{display:flex;flex-direction:column;gap:12px}.tips{margin-top:30px;padding:20px;background:#ffffff08;border-radius:12px;text-align:left}.tips h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.tips ul{color:#888;font-size:.85rem;line-height:1.8;padding-left:20px;margin:0}.tips li{margin-bottom:5px}.copyright{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#fff6;font-size:.75rem}.field-error{font-size:.75rem;color:#fca5a5;margin-top:4px}.u-hidden{display:none!important}.u-contents{display:contents}.u-inline-form{display:inline}.u-full-width{width:100%}.u-text-center{text-align:center}.u-text-left{text-align:left}.u-mb-0{margin-bottom:0}.u-mt-6{margin-top:6px}.u-mt-10{margin-top:10px}.u-font-sm{font-size:.85rem}@media (max-width: 768px){.main-container{padding:30px 20px}.login-card{padding:35px 30px}}@media (max-width: 640px){.main-container.main-container--scroll{padding:20px 16px}.register-card{padding:28px 24px}.password-row{grid-template-columns:1fr;gap:14px}.checkbox-group{grid-template-columns:1fr}.form-group input,.form-group textarea{font-size:16px}.account-info-grid{grid-template-columns:1fr}.upgrade-card-body{padding:28px 24px}.upgrade-card-footer{padding:16px 24px}}@media (max-width: 480px){.main-container{padding:40px 16px 20px;justify-content:flex-start}.login-card{padding:30px 24px;border-radius:20px;max-width:100%}.verify-card,.card{padding:35px 25px}.upgrade-card-body{padding:25px 20px}.upgrade-card-footer{padding:14px 20px}.logo-wrapper{margin-bottom:28px}.logo-wrapper img{width:55px;height:55px}.logo-wrapper h1{font-size:1.5rem}.form-group{margin-bottom:18px}.form-group label{font-size:.85rem}.form-group input{padding:14px 15px;font-size:16px}.remember-forgot-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}.btn-auth{padding:15px}.divider{margin:22px 0}.register-link,.login-link{font-size:.9rem}.back-home{margin-top:18px}.back-home a{font-size:.85rem}.copyright{margin-top:20px;padding-top:18px}.verify-card h1{font-size:1.4rem}.icon-circle{width:80px;height:80px}.icon-circle svg{width:40px;height:40px}.otp-container{gap:6px}.otp-input{width:44px;height:52px;font-size:1.3rem}}@media (max-width: 360px){.main-container{padding:30px 12px 15px}.login-card{padding:25px 20px}.logo-wrapper img{width:50px;height:50px}.logo-wrapper h1{font-size:1.35rem}.form-group input{padding:13px 14px}.btn-auth{padding:14px}}@media (max-height: 600px) and (orientation: landscape){.main-container{padding:15px 20px;justify-content:flex-start}.login-card{padding:25px 30px}.logo-wrapper{margin-bottom:20px}.logo-wrapper img{width:45px;height:45px;margin-bottom:8px}.logo-wrapper h1{font-size:1.3rem}.form-group{margin-bottom:14px}.form-group input{padding:12px 14px}.remember-forgot-row{margin-bottom:16px}.btn-auth{padding:12px}.divider{margin:16px 0}.back-home{margin-top:14px}.copyright{margin-top:16px;padding-top:14px}}