.ooc-student-zone{--ooc-zone-blue:#123e73;--ooc-zone-dark:#092849;--ooc-zone-red:#c72a36;--ooc-zone-gold:#d8b45b;--ooc-zone-ink:#142437;--ooc-zone-line:#cddbec;box-sizing:border-box;width:min(1180px,100%);margin:32px auto;color:var(--ooc-zone-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ooc-student-zone *,.ooc-student-zone *:before,.ooc-student-zone *:after{box-sizing:border-box}.ooc-student-zone__hero{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:clamp(24px,5vw,70px);padding:clamp(26px,5vw,54px);color:#fff;background:linear-gradient(125deg,var(--ooc-zone-dark),var(--ooc-zone-blue));border-radius:28px;box-shadow:0 24px 70px rgba(9,40,73,.2);overflow:hidden;position:relative}.ooc-student-zone__hero:after{content:"";position:absolute;width:300px;height:300px;right:-95px;top:-145px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 80px rgba(255,255,255,.025)}.ooc-student-zone__brand{display:grid;place-items:center;min-height:150px;padding:20px;background:#fff;border:3px solid var(--ooc-zone-gold);border-radius:22px;position:relative;z-index:1}.ooc-student-zone__brand img{display:block;width:100%;height:auto}.ooc-student-zone__hero-copy{position:relative;z-index:1}.ooc-student-zone__eyebrow,.ooc-login-card__label{margin:0 0 8px;color:var(--ooc-zone-gold);font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.ooc-student-zone__hero h2{margin:0 0 12px;color:#fff;font-size:clamp(2.1rem,5vw,4rem);line-height:1;letter-spacing:-.04em}.ooc-student-zone__hero-copy>p:last-child{max-width:680px;margin:0;color:#dbe9f8;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.ooc-student-zone__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0 22px}.ooc-login-card{min-width:0;background:#fff;border:1px solid var(--ooc-zone-line);border-radius:22px;box-shadow:0 16px 45px rgba(18,62,115,.09);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ooc-login-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(18,62,115,.14)}.ooc-login-card--instructor{grid-column:1/-1;display:grid;grid-template-columns:280px 1fr}.ooc-login-card__visual{min-height:190px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#174e8e,#0b2f58)}.ooc-login-card--theory .ooc-login-card__visual{background:linear-gradient(145deg,#284e79,#123e73)}.ooc-login-card--practice .ooc-login-card__visual{background:linear-gradient(145deg,#c72a36,#861c25)}.ooc-login-card--instructor .ooc-login-card__visual{min-height:100%}.ooc-login-card__icon{position:relative;z-index:2;font-size:4.8rem;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.ooc-login-card__motif{position:absolute;right:20px;bottom:14px;color:rgba(255,255,255,.22);font-size:2rem;font-weight:900;letter-spacing:.15em}.ooc-login-card__road{position:absolute;width:230px;height:56px;left:50%;bottom:-24px;transform:translateX(-50%) perspective(120px) rotateX(50deg);background:rgba(0,0,0,.2);border-left:4px solid rgba(255,255,255,.7);border-right:4px solid rgba(255,255,255,.7)}.ooc-login-card__road:after{content:"";position:absolute;width:4px;height:100%;left:50%;background:repeating-linear-gradient(to bottom,#fff 0 10px,transparent 10px 20px)}.ooc-login-card__badge{position:absolute;right:24px;bottom:18px;display:grid;place-items:center;width:54px;height:54px;color:#111;background:#fff;border:5px solid #1466b1;font-size:1.6rem;font-weight:950}.ooc-login-card__body{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,38px)}.ooc-login-card__body h3{margin:0 0 12px;color:var(--ooc-zone-dark);font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.15}.ooc-login-card__body>p:not(.ooc-login-card__label){margin:0 0 24px;color:#536579;line-height:1.6}.ooc-login-card__button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;margin-top:auto;padding:12px 18px;color:#fff!important;background:var(--ooc-zone-red);border:2px solid var(--ooc-zone-red);border-radius:10px;font-weight:800;text-decoration:none!important;transition:background .18s ease,border-color .18s ease}.ooc-login-card__button:hover,.ooc-login-card__button:focus-visible{background:#a51e29;border-color:#a51e29}.ooc-login-card__button--outline{color:var(--ooc-zone-blue)!important;background:#fff;border-color:var(--ooc-zone-blue)}.ooc-login-card__button--outline:hover,.ooc-login-card__button--outline:focus-visible{color:#fff!important;background:var(--ooc-zone-blue);border-color:var(--ooc-zone-blue)}.ooc-login-card__button:focus-visible,.ooc-student-zone a:focus-visible{outline:3px solid var(--ooc-zone-gold);outline-offset:3px}.ooc-student-zone__help{display:flex;align-items:center;gap:22px;padding:20px 24px;color:#fff;background:var(--ooc-zone-dark);border-radius:16px}.ooc-student-zone__help div{display:grid;gap:3px;margin-right:auto}.ooc-student-zone__help span{color:#cddff2;font-size:.9rem}.ooc-student-zone__help a{color:#fff!important;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.ooc-student-zone__footer{display:flex;justify-content:space-between;gap:16px;padding:18px 4px 0;color:#66788b;font-size:.86rem}.ooc-student-zone__footer a{color:var(--ooc-zone-blue)!important;font-weight:750}@media(max-width:760px){.ooc-student-zone{margin:20px auto}.ooc-student-zone__hero{grid-template-columns:1fr;gap:20px;padding:24px;border-radius:18px}.ooc-student-zone__brand{width:132px;min-height:112px;padding:14px}.ooc-student-zone__grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.ooc-login-card--instructor{grid-column:auto;display:block}.ooc-login-card--instructor .ooc-login-card__visual{min-height:170px}.ooc-student-zone__help{align-items:flex-start;flex-direction:column;gap:10px}.ooc-student-zone__footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.ooc-login-card{transition:none}}