/* Entrada do aluno: acesso principal junto à mensagem, com uma aula real ao lado. */
.student-access{padding-block:14px 24px}
.student-access-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:58px;border:1px solid #31594b;border-radius:30px;overflow:hidden;background:#143d32;color:#f4f7ee}
.student-access-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 94% 5%,#70965140,transparent 58%),linear-gradient(135deg,#143d32,#12352e)}
.student-access-copy{max-width:450px}
.student-access-copy>.eyebrow{color:#d3e7b5;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.13em}
.student-access-copy>.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#d9edb4;box-shadow:0 0 0 5px #d9edb40d}
.student-access-copy h2{font-size:clamp(40px,4.1vw,60px);line-height:1.04;letter-spacing:-.045em;margin-top:24px}
.student-access-copy h2 .italic{color:#dceeb8}
.student-access-copy>p{max-width:345px;margin-top:20px;font-size:16px;line-height:1.7;color:#ccddc5}
.student-access-cta{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:58px;max-width:100%;margin-top:28px;padding:16px 27px;border:1px solid #dfefc3;border-radius:100px;background:#dceeb8;color:#173f35;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s,transform .2s}
.student-access-cta svg{width:17px;height:17px;flex:none;fill:currentColor;stroke:currentColor;stroke-width:1.1}
.student-access-help{display:flex;align-items:center;flex-wrap:wrap;gap:2px 18px;margin-top:14px}
.student-access-help a{display:inline-flex;align-items:center;min-height:44px;color:#d0dfc8;font-size:12px;text-decoration:underline;text-decoration-color:#d0dfc859;text-underline-offset:4px}
.student-access-help a:hover{color:#fff;text-decoration-color:currentColor}
.student-access-visual{min-width:0;position:relative}
.student-access-window{display:block;position:relative;overflow:hidden;border:1px solid #f5ffe54a;border-radius:22px;background:#eff3e7;box-shadow:0 22px 50px -23px #001d18b3;text-decoration:none;color:#173f35;transition:transform .25s,box-shadow .25s}
.student-access-window-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:10px 17px;font-size:11px;color:#506648;background:#f1f5e9}
.student-access-window-brand{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#244939;font-weight:500}
.student-access-window-brand svg{width:19px;height:23px;stroke-width:2.3;flex:none}
.student-access-scene{display:block;position:relative;aspect-ratio:1.64;overflow:hidden;background:#637369}
.student-access-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.student-access-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#12372bbd,transparent 57%);pointer-events:none}
.student-access-scene-label{position:absolute;z-index:1;left:20px;bottom:19px;font-size:12px;color:#f3f8ec;text-shadow:0 1px 8px #122e26}
.student-access-window-bottom{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:20px 22px}
.student-access-window-bottom>span{font-size:18px;letter-spacing:-.025em;line-height:1.25}
.student-access-window-bottom small{display:block;color:#5d7352;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.5;margin-top:5px}
.student-access-window-bottom>svg{width:20px;height:20px;flex:none;color:#406337}
.student-access-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:19px;font-size:12px;line-height:1.5;color:#cbdcbe;text-align:center}
.student-access-caption svg{width:16px;height:16px;flex:none;color:#cfdfa9}
.student-access :focus-visible{outline:3px solid #e5f6ba;outline-offset:5px}
@media(hover:hover){.student-access-cta:hover{background:#e9f6ce;transform:translateY(-2px)}.student-access-window:hover{transform:translateY(-3px);box-shadow:0 25px 55px -23px #001d18de}}
@media(max-width:1050px){.student-access-panel{padding:40px;gap:30px}.student-access-copy h2{font-size:47px}.student-access-scene{aspect-ratio:1.42}.student-access-window-bottom{padding:17px}.student-access-window-bottom>span{font-size:16px}}
@media(max-width:750px){.student-access{padding-block:10px 12px}.student-access-panel{grid-template-columns:1fr;padding:34px;gap:32px;border-radius:25px}.student-access-copy{max-width:none}.student-access-copy h2{font-size:48px;margin-top:20px}.student-access-copy>p{max-width:390px}.student-access-visual{max-width:480px;width:100%;margin:auto}.student-access-scene{aspect-ratio:1.78}.student-access-cta{margin-top:23px}.student-access-caption{margin-top:14px}}
@media(max-width:450px){.student-access-panel{padding:29px 24px 24px;gap:26px;border-radius:23px}.student-access-copy h2{font-size:42px}.student-access-copy>p{font-size:15px;margin-top:17px;line-height:1.65}.student-access-cta{width:100%;font-size:15px;min-height:55px;padding:15px 18px;gap:12px}.student-access-help{justify-content:center;gap:0 18px;margin-top:10px}.student-access-help a{font-size:11px}.student-access-window{border-radius:16px}.student-access-window-bar{padding:9px 12px;min-height:43px;font-size:9px;gap:10px}.student-access-window-brand{font-size:10px;gap:5px}.student-access-window-brand svg{width:16px;height:19px}.student-access-window-bottom{padding:15px}.student-access-window-bottom>span{font-size:15px}.student-access-window-bottom small{font-size:11px}.student-access-scene-label{left:15px;bottom:13px;font-size:11px}.student-access-caption{font-size:11px}.student-access-caption svg{width:14px;height:14px}}
@media(max-width:360px){.student-access-panel{padding:26px 20px 22px}.student-access-copy h2{font-size:38px}.student-access-window-bar>span:last-child{font-size:8px}.student-access-window-bottom>span{font-size:14px}.student-access-help{gap:0 13px}.student-access-help a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.student-access-cta,.student-access-window{transition:none}.student-access-cta:hover,.student-access-window:hover{transform:none}}
