body.auth-r2{background:radial-gradient(ellipse at 95% 90%,#14688b 0,transparent 55%),linear-gradient(125deg,#071f32,#123958);font-family:system-ui,-apple-system,sans-serif}.auth-r2 .registration-page{padding:64px 40px;min-height:100vh}.auth-r2 .signup-section{width:min(1200px,100%);grid-template-columns:1fr 1.08fr;border:0;border-radius:22px;background:linear-gradient(90deg,#fff 35%,#f1f7fb 100%);box-shadow:0 30px 80px #00132340;overflow:visible;position:relative}.auth-r2 .signup-section>.form-content{padding:48px;position:relative;z-index:2}.auth-r2 .hero h1{font-size:32px}.advert{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;padding:52px 42px 0 24px;border-radius:0 22px 22px 0;isolation:isolate}.advert:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 85% 70%,var(--wash),transparent 70%);z-index:-1}.advert .eyebrow{font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}.advert h2{font-size:clamp(32px,3.5vw,46px);line-height:1.06;letter-spacing:-.045em;color:#103248;margin:0;max-width:440px}.advert .description{font-size:16px;line-height:1.6;color:#486171;max-width:380px;margin:20px 0}.advert .action{display:inline-flex;align-self:flex-start;align-items:center;min-height:44px;color:var(--accent);font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;margin:0 0 20px}.advert .action:hover{color:#092d48}.advert .visual{position:relative;margin-top:auto;min-height:240px}.senior{--accent:#a72e40;--wash:#eaa7ae70}.senior .visual img{height:350px;width:320px;object-fit:contain;object-position:bottom;display:block;margin-left:auto;margin-top:-90px;position:relative;right:-20px}.senior .date{position:absolute;left:0;bottom:50px;z-index:2;color:#8f2637;font-size:14px;line-height:1.5}.senior .date strong{display:block;font-size:38px;line-height:1.1;letter-spacing:-.04em}.senior .date small{display:block;font-size:12px;color:#486171;margin-top:12px}.practice{--accent:#12614f;--wash:#80cdbd65}.tutorial{--accent:#075fc9;--wash:#86bdec80}.screen{display:block;width:112%;max-width:none;border-radius:5px;box-shadow:0 16px 35px #10354b25;transform:rotate(-3deg);margin:12px 0 32px}.tutorial .screen{transform:rotate(0);width:112%;margin-top:12px}.visual-caption{font-size:11px;color:#577080;margin:0 0 18px}a:focus-visible,button:focus-visible{outline:3px solid #1583c8;outline-offset:4px}.auth-r2 .submit-btn:hover{transform:none}.concept-note{position:absolute;top:-26px;right:0;color:#c2d8e6;font:11px system-ui;letter-spacing:.04em}@media(max-width:760px){.auth-r2 .registration-page{padding:40px 18px 80px}.auth-r2 .signup-section{display:block}.auth-r2 .signup-section>.form-content{padding:30px 24px}.advert{padding:32px 24px 0;border-radius:0 0 22px 22px}.advert h2{font-size:34px}.senior .visual img{height:280px;width:240px;margin-top:0;right:-15px}.screen,.tutorial .screen{width:100%;transform:none}.concept-nav a{padding:8px 10px}.senior .date strong{font-size:30px}.concept-note{font-size:10px}}.auth-r2 .signup-section{align-items:stretch}.senior .date{bottom:36px;max-width:185px}.senior .date strong{font-size:32px}.senior .date small{max-width:150px}.senior .visual img{width:270px;right:-36px}.advert{overflow:hidden}@media(max-width:760px){.senior .visual img{width:210px;right:-24px}.senior .date strong{font-size:27px}.senior .date{max-width:150px}}

/* One continuous canvas; carousel controls sit quietly beneath the artwork. */
.login-news{padding:0;background:transparent;display:flex;flex-direction:column;border-radius:0 22px 22px 0;overflow:hidden;color:#163348;justify-content:flex-start}
.login-news-slides{display:grid;flex:1;min-height:0;align-items:stretch}
.login-news-slide{grid-area:1/1;min-height:600px}.login-news-slide[hidden]{display:none}
.login-news .advert{padding:48px 36px 0 24px;border-radius:0}
.login-news .advert h2{color:#103248;font-size:clamp(32px,3.2vw,44px);margin:0;line-height:1.08}
.login-news .advert .description{color:#486171;margin:20px 0;font-size:16px;line-height:1.6}
.login-news .advert .eyebrow{color:var(--accent);font-size:11px;line-height:1.4;margin:0 0 18px}
.login-news .advert .action{color:var(--accent);margin:0 0 16px;font-size:15px}
.login-news .visual{margin-top:12px;min-height:0}.login-news .senior .visual{min-height:270px;display:flex;align-items:center;margin-top:0}
.login-news .senior .visual img{height:270px;width:54%;right:0;margin-top:0;object-position:bottom}
.login-news .senior .date{position:relative;bottom:auto;left:auto;max-width:46%;flex:0 0 46%;font-size:14px}
.login-news .senior .date strong{font-size:32px}.login-news .senior .date small{max-width:160px}
.login-news .visual-caption{font-size:11px;line-height:1.4;color:#577080;margin:0 0 18px}
.login-news .screen{margin:12px 0 26px}
.login-news-controls{margin:0;padding:10px 30px;gap:8px}
.login-news-controls button{border:0;color:#244a63;min-height:44px;background:transparent;border-radius:5px}
.login-news-controls button:hover{background:#dce9f1;transform:none}
.login-news-controls span{color:#577080}.login-news-progress{margin:0 30px 22px;background:#dbe5ec;height:3px}.login-news-progress span{background:#176ab7}
.login-news :is(a,button):focus-visible{outline:3px solid #176ab7;outline-offset:3px}
@media(max-width:760px){.auth-r2 .registration-page{padding:24px 16px}.login-news{border-radius:0 0 22px 22px}.login-news .advert{padding:32px 24px 0}.login-news-slide{min-height:0}.login-news .advert h2{font-size:32px}.login-news .senior .visual img{height:230px}.login-news .senior .date strong{font-size:27px}.login-news .screen{width:100%;transform:none}.login-news-controls{margin-top:16px}}

/* Every slide remains in the same grid cell, so rotation cannot resize the form. */
.login-news-slide:not([hidden]){display:flex;visibility:hidden;pointer-events:none}
.login-news-slide.is-active{visibility:visible;pointer-events:auto}
.login-news-slides{flex:1;align-items:stretch}
.login-news .senior .visual{flex:1;min-height:350px;align-items:flex-start;padding-top:65px;position:relative}
.login-news .senior .visual img{position:absolute;height:420px;width:340px;max-width:none;right:-90px;bottom:-22px;margin:0;object-fit:contain}
.login-news .senior .date{flex-basis:43%;max-width:43%;z-index:1}
.login-news .senior .date strong{font-size:30px}
@media(max-width:760px){.login-news .senior .visual{min-height:330px;padding-top:50px}.login-news .senior .visual img{height:350px;width:280px;right:-100px;bottom:-16px}.login-news .senior .date strong{font-size:26px}}
@media(min-width:761px){.login-news .senior .visual img{height:600px;width:480px;right:-120px;bottom:-32px}}
