@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--od-navy:#0d3349;--od-petrol:#1a6b7a;--od-teal:#2d8b8b;--od-seafoam:#a8dadc;--od-mist:#d6eaf0;--od-pearl:#f0f8fb;--od-bg:#f4f9fc;--od-white:#fff;--od-text:#0b1f2a;--od-muted:#5a8a9a;--od-radius-lg:24px;--od-radius-md:16px;--od-radius-sm:10px;--od-shadow-card:0 20px 60px rgba(13,51,73,.1),0 4px 16px rgba(45,139,139,.08);--od-shadow-btn:0 8px 24px rgba(45,139,139,.35)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;background:var(--od-bg);font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.login-container:before{top:-120px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(45,139,139,.1) 0,transparent 70%)}.login-container:after,.login-container:before{content:"";position:fixed;pointer-events:none;z-index:0}.login-container:after{bottom:-100px;left:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(13,51,73,.07) 0,transparent 70%)}.login-nav{position:relative;z-index:100;justify-content:space-between;padding:14px 60px;background:var(--od-white);border-bottom:1px solid var(--od-mist);box-shadow:0 1px 12px rgba(13,51,73,.06)}.login-nav,.nav-left{display:flex;align-items:center}.nav-logo{height:42px;width:auto;object-fit:contain;display:block}.nav-right{display:flex;gap:4px;margin-left:auto}.nav-link{text-decoration:none;color:var(--od-muted);font-size:.88rem;font-weight:600;padding:8px 14px;border-radius:var(--od-radius-sm);transition:all .2s ease;letter-spacing:.2px}.nav-link:hover{color:var(--od-teal);background:var(--od-pearl)}.login-wrapper{flex:1 1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:28px;padding:48px 60px;max-width:1500px;width:100%;margin:0 auto;animation:rise-in .7s cubic-bezier(.16,1,.3,1) both}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.announcement-card{background:var(--od-white);border:1.5px solid var(--od-mist);border-radius:var(--od-radius-lg);padding:24px 20px;box-shadow:var(--od-shadow-card);display:flex;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.announcement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--od-navy),var(--od-teal),var(--od-seafoam))}.announcement-card.is-portrait{flex:0 0 300px;aspect-ratio:9/16}.announcement-card.is-square{flex:0 0 460px;aspect-ratio:1/1}.announcement-card h2{font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--od-teal);margin-bottom:16px;text-align:center}.announcement-content{flex:1 1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--od-radius-md);background:var(--od-pearl)}.announcement-content img{width:100%;height:100%;object-fit:contain;border-radius:var(--od-radius-md)}.announcement-empty{padding:24px;text-align:center;color:var(--od-muted);font-size:.88rem;opacity:.6}.login-split-card{background:var(--od-white);border-radius:var(--od-radius-lg);box-shadow:var(--od-shadow-card);border:1.5px solid var(--od-mist);min-height:560px;max-width:860px}.login-left,.login-split-card{flex:1 1;display:flex;overflow:hidden}.login-left{padding:52px 40px;flex-direction:column;justify-content:space-between;color:var(--od-white);position:relative;background:linear-gradient(155deg,#0b1f2a,#0d3349 35%,#1a5060 65%,#2d8b8b)}.login-left:before{inset:0;background-image:radial-gradient(ellipse at 10% 85%,rgba(45,139,139,.25) 0,transparent 50%),radial-gradient(ellipse at 85% 15%,rgba(168,218,220,.12) 0,transparent 45%)}.login-left:after,.login-left:before{content:"";position:absolute;pointer-events:none}.login-left:after{top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;border:32px solid rgba(168,218,220,.08)}.brand-section{position:relative;z-index:1}.brand-logo-img{display:block;height:76px;width:auto;max-width:240px;object-fit:contain}.welcome-section{position:relative;z-index:1}.welcome-section h1{font-size:2.2rem;line-height:1.18;font-weight:900;margin-bottom:16px;color:var(--od-white);letter-spacing:-.5px}.welcome-section h1 span{color:var(--od-seafoam)}.welcome-section p{font-size:.98rem;line-height:1.65;color:rgba(168,218,220,.7);font-weight:500}.brand-stats{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1;margin-top:24px}.stat-pill{background:hsla(0,0%,100%,.08);border:1px solid rgba(168,218,220,.22);border-radius:50px;padding:7px 13px;font-size:.75rem;font-weight:700;color:var(--od-seafoam);display:flex;align-items:center;gap:5px;letter-spacing:.2px}.brand-footer{position:relative;z-index:1;font-size:.75rem;color:rgba(168,218,220,.35);font-weight:500}.login-right{flex:1.2 1;padding:52px 60px;display:flex;flex-direction:column;justify-content:center;background:var(--od-white)}.form-header{margin-bottom:32px}.form-header h2{font-size:1.9rem;color:var(--od-navy);font-weight:900;margin-bottom:6px;letter-spacing:-.4px}.form-header p{color:var(--od-muted);font-size:.97rem;font-weight:500}.login-form{gap:18px}.input-wrapper,.login-form{display:flex;flex-direction:column}.input-wrapper{gap:7px}.input-wrapper label{font-size:.8rem;font-weight:700;color:var(--od-navy);letter-spacing:.5px;text-transform:uppercase}.input-wrapper input{padding:14px 16px;background:var(--od-pearl);border:1.5px solid var(--od-mist);border-radius:var(--od-radius-md);font-size:.98rem;color:var(--od-text);font-weight:600;font-family:inherit;transition:all .22s ease;outline:none}.input-wrapper input::placeholder{color:rgba(90,138,154,.45);font-weight:500}.input-wrapper input:focus{background:var(--od-white);border-color:var(--od-teal);box-shadow:0 0 0 3px rgba(45,139,139,.12)}.form-options{justify-content:space-between;margin:2px 0}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:7px;cursor:pointer;color:var(--od-muted);font-size:.86rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember-me input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--od-teal)}.option-link{color:var(--od-petrol);text-decoration:none;font-size:.86rem;font-weight:700;transition:color .2s}.option-link:hover{color:var(--od-teal)}.login-button{background:linear-gradient(135deg,var(--od-navy) 0,var(--od-petrol) 55%,var(--od-teal) 100%);color:#fff;padding:15px;border:none;border-radius:var(--od-radius-md);font-size:1rem;font-weight:800;cursor:pointer;transition:all .28s ease;margin-top:6px;box-shadow:var(--od-shadow-btn);letter-spacing:.4px;position:relative;overflow:hidden}.login-button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.07),transparent);pointer-events:none}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(45,139,139,.4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:linear-gradient(135deg,#8ab0be,#9ecece);transform:none;cursor:not-allowed;box-shadow:none;opacity:.7}.login-error{background:#fff3f3;color:#c0392b;padding:13px 15px;border-radius:var(--od-radius-md);font-size:.92rem;margin-bottom:18px;border:1.5px solid #fbd0d0;display:flex;align-items:center;gap:9px;font-weight:600}.contact-section{margin-top:36px;padding-top:24px;border-top:1.5px solid var(--od-mist);text-align:center}.contact-section p{font-size:.85rem;color:var(--od-muted);margin-bottom:4px;font-weight:500}.contact-link{color:var(--od-petrol);text-decoration:none;font-size:1.1rem;font-weight:800;letter-spacing:.5px;transition:color .2s}.contact-link:hover{color:var(--od-teal)}@media (max-width:1200px){.login-wrapper{flex-direction:column;padding:32px 24px;align-items:center}.login-split-card{order:1}.announcement-card{order:2;flex:none!important;width:100%;max-width:560px;aspect-ratio:unset!important;min-height:180px}.login-split-card{width:100%;max-width:560px;min-height:auto}}@media (max-width:680px){.login-nav{padding:8px 12px}.nav-right{width:100%;margin-left:0;gap:4px;justify-content:space-between}.nav-link{flex:1 1;min-width:0;text-align:center;padding:10px 4px;font-size:.8rem;white-space:nowrap}.login-split-card{flex-direction:column}.login-left{min-height:220px}.login-left,.login-right{padding:32px 26px}.welcome-section h1{font-size:1.75rem}.form-header h2{font-size:1.6rem}.brand-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:18px}.stat-pill{font-size:.68rem;padding:7px 6px;text-align:center;justify-content:center;line-height:1.25}.brand-footer{margin-top:16px}}@media (max-width:420px){.login-left,.login-right{padding:26px 18px}.welcome-section h1{font-size:1.5rem}}