.modal-close-button,.modal-message,body{font-family:Poppins,sans-serif}:root{--primary:#7020b5;--primary-dark:#5d159d;--primary-light:#8d3bc9;--heading:#17264a;--text:#59657a;--muted:#7b8495;--border:#d9dee8;--danger:#c0392b;--page-bg:#f4f3fb;--white:#ffffff}body,html{min-height:100%}body{margin:0;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:min(1120px,100%);height:min(620px,calc(100vh - 32px));display:grid;grid-template-columns:48% 52%;overflow:hidden;background:var(--white);border-radius:16px;box-shadow:0 12px 35px rgba(30,34,70,.13)}.sports-panel{position:relative;min-width:0;min-height:0;overflow:hidden;background:#18245d}.sports-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.sports-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,22,71,.18) 0,rgba(12,24,78,.04) 45%,rgba(14,19,69,.28) 100%);pointer-events:none}.field-group,.form-floating{position:relative}.login-panel{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px 48px 22px;background:var(--white)}.login-content{width:min(650px,100%);min-height:100%;display:flex;flex-direction:column}.organization-logos{min-height:108px;height:108px;display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:18px;overflow:visible}.sssc-logo{width:108px;height:108px;object-fit:contain}.spiro-logo{width:min(280px,55%);max-height:78px;object-fit:contain}.event-heading{text-align:center;margin-bottom:42px}.event-heading h2{margin:0;color:var(--heading);font-size:clamp(1.35rem, 1.7vw, 1.75rem);font-weight:700;line-height:1.25;letter-spacing:-.02em}.event-heading p{margin:10px 0 0;color:var(--text);font-size:.88rem;font-weight:600;line-height:1.5}.heading-line{display:block;width:48px;height:3px;margin:20px auto 0;border-radius:10px;background:var(--primary)}.login-form{width:100%}.form-floating>.form-control{height:50px;min-height:50px;padding:19px 18px 4px;border:1px solid var(--border);border-radius:10px;color:var(--heading);background:var(--white);font-size:1rem;font-weight:400;box-shadow:none;transition:border-color .2s,box-shadow .2s}.login-input-group>.input-group-text,.password-toggle{height:50px;display:inline-flex;padding:0;color:#687387}.form-floating>label{height:auto;padding:0;top:50%;left:18px;transform:translateY(-50%);color:var(--text);font-size:.92rem;line-height:1.2;pointer-events:none;transition:top .15s,transform .15s,font-size .15s,color .15s}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(112,32,181,.08)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{top:6px;transform:none;color:var(--primary);font-size:.67rem;font-weight:600;line-height:1.2}.password-input-group{height:50px}.login-input-group>.input-group-text{width:50px;flex:0 0 50px;align-items:center;justify-content:center;background:var(--bs-tertiary-bg)}.login-button .button-icon,.login-input-group>.input-group-text i{font-size:1rem;line-height:1}.password-input-group>.input-group-text{border:1px solid var(--border);border-radius:10px 0 0 10px}.password-input-group .form-floating{flex:1 1 auto;min-width:0}.password-input-group .form-floating>.form-control{height:50px;min-height:50px;border:1px solid var(--border);border-right:0;border-radius:0;box-shadow:none}.password-toggle{width:48px;flex:0 0 48px;align-items:center;justify-content:center;border:1px solid var(--border);border-left:0;border-radius:0 10px 10px 0;background:var(--white);cursor:pointer}.password-toggle i{font-size:1rem}.password-toggle:hover{background:#f4f1f8;color:var(--primary)}.password-toggle:focus,.password-toggle:focus-visible{outline:0}.password-input-group:has(.form-control:focus) .form-floating>.form-control,.password-input-group:has(.form-control:focus) .password-toggle{border-top-color:var(--primary-light);border-bottom-color:var(--primary-light)}.password-input-group:has(.form-control:focus) .form-floating>.form-control{border-left-color:var(--primary-light)}.password-input-group:has(.form-control:focus) .password-toggle{border-right-color:var(--primary-light)}.login-button{width:78%;height:48px;margin:2px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:linear-gradient(135deg,#8533c2 0,#6414a7 100%);color:var(--white);font-size:.93rem;font-weight:700;letter-spacing:.02em;box-shadow:0 5px 14px rgba(112,32,181,.2);transition:transform .18s,box-shadow .18s,background .18s}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#8f3dcc 0,#6816ae 100%);color:var(--white);transform:translateY(-1px);box-shadow:0 10px 23px rgba(112,32,181,.27)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:focus-visible{color:var(--white);box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(112,32,181,.45)}.login-button:disabled{cursor:not-allowed;opacity:.75}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:.7s linear infinite login-spinner-rotate}@keyframes login-spinner-rotate{to{transform:rotate(360deg)}}.login-button.is-loading .button-icon,.login-button.is-loading .button-text{display:none}.field-group{margin-bottom:28px}.field-error{position:absolute;top:54px;left:50px;right:0;height:16px;color:var(--danger);font-size:.72rem;font-weight:500;line-height:16px;text-align:left;visibility:hidden;pointer-events:none}.field-error.is-visible{visibility:visible}.login-footer{margin-top:auto;padding-top:42px;text-align:center}.login-footer p{margin:0}.copyright{color:var(--heading);font-size:.82rem;font-weight:500}.support-text{margin-top:9px!important;color:var(--text);font-size:.82rem;line-height:1.5}.support-icon{margin-right:5px;color:var(--primary);font-size:.9rem;vertical-align:-1px}.support-text a{color:var(--primary);font-weight:600;text-decoration:none}.support-text a:hover{text-decoration:underline}.login-error-modal{border:0;border-radius:14px;overflow:hidden;background:var(--white);box-shadow:0 18px 45px rgba(30,34,70,.2)}.login-error-modal .modal-body{padding:28px 26px 24px}.modal-icon{width:52px;height:52px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff1ef;color:var(--danger);font-size:1.35rem}.login-error-modal .modal-title{margin:0;color:var(--heading);font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.3}.modal-message{margin:8px auto 20px;max-width:280px;color:var(--text);font-size:.82rem;font-weight:400;line-height:1.5}.modal-close-button{min-width:92px;height:36px;padding:0 18px;border:0;border-radius:7px;background:var(--primary);color:var(--white);font-size:.78rem;font-weight:600}.modal-close-button:hover{background:var(--primary-dark);color:var(--white)}.modal-close-button:focus-visible{color:var(--white);box-shadow:0 0 0 3px rgba(112,32,181,.18)}@media (max-width:1199.98px){.login-card,.sports-panel{min-height:650px}.login-page{padding:22px}.login-card{grid-template-columns:45% 55%;height:auto}.login-panel{padding:42px 45px 32px}.organization-logos{gap:25px}.sssc-logo{width:135px;height:135px}.spiro-logo{width:55%;max-height:105px}}@media (max-width:991.98px){.login-card,.sports-panel{min-height:620px}.login-page{padding:18px}.login-card{grid-template-columns:42% 58%}.sports-image{object-fit:fill}.login-panel{padding:36px 34px 28px}.organization-logos{min-height:115px;height:115px;gap:20px}.sssc-logo{width:105px;height:105px}.spiro-logo{width:58%;max-height:105px}.event-heading{margin-bottom:30px}.event-heading h2{font-size:1.45rem}.event-heading p{font-size:.88rem}.login-button{height:62px}}@media (max-width:767.98px){.login-page{min-height:100vh;padding:0;align-items:stretch}.login-card{width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column;border-radius:0;box-shadow:none;overflow:visible}.sports-panel{min-height:0;height:auto;flex:0 0 auto}.sports-image{position:relative;width:100%;height:auto;object-fit:contain}.login-panel{flex:1 1 auto;padding:34px 24px 25px}.login-content{width:100%;min-height:0}.organization-logos{min-height:92px;height:92px;gap:18px;margin-bottom:18px}.sssc-logo{width:82px;height:82px}.spiro-logo{width:62%;max-height:82px}.event-heading{margin-bottom:28px}.event-heading h2{font-size:1.3rem}.event-heading p{margin-top:9px;font-size:.82rem}.heading-line{margin-top:15px}.form-floating>.form-control{height:50px;min-height:50px;padding-left:18px;padding-right:18px;font-size:.95rem}.form-floating>label{left:18px;font-size:.95rem}.password-input-group,.password-toggle{height:50px}.login-input-group>.input-group-text{width:50px;height:50px;flex-basis:50px}.password-input-group .form-floating>.form-control{height:50px;min-height:50px}.login-button{height:60px;font-size:1rem}.login-footer{padding-top:38px}.copyright,.support-text{font-size:.82rem}.support-text{max-width:330px;margin-left:auto!important;margin-right:auto!important}}@media (max-width:380px){.organization-logos{gap:12px}.sssc-logo{width:72px;height:72px}.spiro-logo{width:64%;max-height:72px}.login-panel{padding-left:20px;padding-right:20px}.event-heading h2{font-size:1.18rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}@media (max-width:575.98px){.login-error-modal .modal-body{padding:22px 20px 20px}.modal-icon{width:44px;height:44px;margin-bottom:12px;font-size:1.1rem}.login-error-modal .modal-title{font-size:.95rem}.modal-message{margin-top:7px;margin-bottom:16px;max-width:240px;font-size:.76rem}.modal-close-button{min-width:82px;height:34px;font-size:.74rem}@media (max-width:575.98px){.login-error-modal{width:280px;margin-left:auto;margin-right:auto}}}