.main-container{min-height:100vh;display:flex}.left-banner{background:url(/img/left_banner.png) 50%/cover no-repeat;flex:1}.right-panel{background:#f7f9fb;flex:1;justify-content:center;align-items:center;padding:30px 0;display:flex;overflow-y:auto}.sport-form{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 40px #00000014}.sport-input{margin-bottom:30px;position:relative}.sport-input input,.sport-input select{color:#333;-webkit-text-fill-color:#333;background:0 0;border:none;border-bottom:2px solid #cfd8dc;outline:none;width:100%;padding:12px 5px;font-size:15px}.sport-input input:-webkit-autofill{-webkit-text-fill-color:#333;box-shadow:inset 0 0 0 1000px #fff}.sport-input input:-webkit-autofill:focus{-webkit-text-fill-color:#333;box-shadow:inset 0 0 0 1000px #fff}.sport-select{position:relative}.sport-select select{appearance:none;cursor:pointer;color:#333;background:0 0;padding-right:32px}.sport-select select option{color:#333;background:#fff;padding:10px 14px;font-size:14px}.sport-select select option:checked{color:#fff;background:linear-gradient(135deg,#198754,#2ecc71)}.sport-select select:focus{border-bottom-color:#198754}.select-arrow{pointer-events:none;color:#999;font-size:13px;transition:all .3s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sport-select select:focus~.select-arrow{color:#198754;transform:translateY(-50%)rotate(180deg)}.sport-input label{color:#777;pointer-events:none;font-size:14px;transition:all .3s;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.sport-input .line{background:linear-gradient(90deg,#198754,#2ecc71);width:0;height:3px;transition:all .4s;position:absolute;bottom:0;left:0}.sport-input input:focus~.line,.sport-input select:focus~.line{width:100%}.sport-input input:focus~label,.sport-input input:valid~label,.sport-input select:focus~label,.sport-input select:valid~label{color:#198754;font-size:12px;font-weight:600;top:-8px}.btn-sport{color:#fff;background:linear-gradient(135deg,#198754,#2ecc71);border:none;border-radius:30px;padding:12px;font-weight:600;transition:all .3s;box-shadow:0 10px 25px #1987544d}.btn-sport:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 35px #19875473}.login-form-sub{color:#8a9bb0;font-size:.88rem}.login-join-link{color:#0f766e;font-weight:600;text-decoration:none}.login-join-link:hover{text-decoration:underline}.sport-alert{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;line-height:1.5;animation:.2s alertSlideDown;display:flex}.sport-alert-error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-left:4px solid #ef4444}.sport-alert-icon{flex-shrink:0;margin-top:2px;font-size:16px}@keyframes alertSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.password-rules{background:#f8fffe;border:1px solid #d1fae5;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px 16px;margin-top:-18px;margin-bottom:20px;padding:10px 14px;animation:.2s alertSlideDown;display:grid}.password-rule{color:#aab;align-items:center;gap:7px;font-size:12px;transition:color .25s;display:flex}.password-rule.valid{color:#198754}.rule-icon{color:#0000;border:1.5px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;transition:all .25s;display:flex}.password-rule.valid .rule-icon{color:#fff;background:#198754;border-color:#198754}.field-error{color:#dc2626;align-items:center;gap:5px;margin-top:5px;font-size:11.5px;font-weight:500;animation:.18s alertSlideDown;display:flex}.field-error i{flex-shrink:0;font-size:11px}.sport-input input[type=date]~label{color:#777;font-size:12px;font-weight:600;top:-8px}.sport-input input[type=date]:focus~label{color:#198754}.sport-btn-group{margin-bottom:24px}.sport-group-label{color:#777;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px;font-size:11.5px;font-weight:700;display:block}.sport-btn-options{gap:8px;display:flex}.sport-btn-option{color:#555;cursor:pointer;background:#f9fafb;border:1.5px solid #e4e9ef;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 6px;font-size:13px;font-weight:600;line-height:1.2;transition:all .2s;display:flex}.sport-btn-option:hover{color:#198754;background:#f0fdf4;border-color:#198754}.sport-btn-option.active{color:#fff;background:linear-gradient(135deg,#198754,#2ecc71);border-color:#198754;box-shadow:0 4px 14px #19875440}.sport-btn-group-error{color:#dc2626;align-items:center;gap:5px;margin-top:6px;font-size:11.5px;font-weight:500;animation:.18s alertSlideDown;display:flex}.password-toggle{cursor:pointer;color:#999;background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .2s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:#198754}.login-mobile-hero{display:none}@media (max-width:900px){.left-banner{display:none}.right-panel{flex:1}}@media (max-width:600px){.main-container{background:linear-gradient(160deg,#0f766e 0%,#22c55e 100%);flex-direction:column}.right-panel{background:0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-end;min-height:100vh;padding:0}.login-mobile-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:48px 24px 32px;display:flex}.login-mobile-brand{align-items:center;gap:12px;margin-bottom:12px;display:flex}.login-mobile-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-mobile-icon i{color:#fff;font-size:1.5rem}.login-mobile-name{color:#fff;letter-spacing:-.3px;font-size:1.5rem;font-weight:800}.login-mobile-name span{color:#ffffffbf}.login-mobile-tagline{color:#fffc;margin:0;font-size:.85rem;font-weight:500}.sport-form{border-radius:28px 28px 0 0;width:100%;max-width:100%;padding:32px 24px 40px;box-shadow:0 -8px 40px #00000026}.sport-form h3{font-size:1.25rem}}