.advanced-page{padding-top:18px}.advanced-hero{--accent:#5b4ee8;--soft:#efedff;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;padding:58px;border:1px solid #dedff0;border-radius:24px;background:linear-gradient(135deg,var(--soft),#fff 58%,#e8faf5)}.advanced-hero.gan{--accent:#d84b72;--soft:#fff0f4}.advanced-hero.cnn{--accent:#0a987e;--soft:#e7faf5}.advanced-hero h1{max-width:800px;margin:0 0 18px;font-size:clamp(48px,5vw,72px);line-height:1.04;letter-spacing:-3px}.advanced-hero .lead{max-width:780px;color:#58647b;font-size:20px}.advanced-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.advanced-hero-visual{display:grid;gap:14px;padding:26px;border:1px solid #d9ddea;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(40,49,79,.08)}.architecture-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.architecture-row>span{display:grid;place-items:center;min-width:88px;min-height:88px;padding:12px;border:3px solid var(--accent);border-radius:50%;background:#fff;color:#283149;font-size:17px;font-weight:850;text-align:center}.architecture-row>span.square{border-radius:15px}.architecture-row>span small{display:block;color:#667189;font-size:11px;font-weight:650}.architecture-row>i{color:var(--accent);font-size:22px;font-style:normal}.advanced-hero-note{padding:13px;border-radius:9px;background:#f4f5fa;color:#5b657b;font-size:15px;line-height:1.55}.lesson-section{margin-top:70px}.lesson-head{max-width:920px;margin-bottom:26px}.lesson-head h2{margin:0 0 12px;font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px}.lesson-head>p:last-child{color:#5e6980;font-size:19px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.concept-grid.four{grid-template-columns:repeat(4,1fr)}.concept-card{padding:24px;border:1px solid var(--line);border-top:5px solid #5b4ee8;border-radius:13px;background:#fff}.concept-card:nth-child(2n){border-top-color:#0fa287}.concept-card:nth-child(3n){border-top-color:#e27842}.concept-card h3{margin:12px 0 8px;font-size:22px}.concept-card p{color:#5c687f;font-size:17px!important}.step-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e9e7ff;color:#4e46cf;font:800 14px 'DM Mono'}.formula{display:block;margin-top:13px;padding:15px;border-radius:9px;background:#232c46;color:#fff;font:600 16px/1.75 'DM Mono';overflow:auto}.formula strong{color:#6ee7cf}.formula-light{display:block;margin-top:12px;padding:13px;border-radius:8px;background:#f2f4fb;color:#35405a;font:650 15px/1.7 'DM Mono';overflow:auto}.math-walkthrough{display:grid;gap:13px}.math-step{display:grid;grid-template-columns:58px 1fr;gap:17px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff}.math-step>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#5b4ee8;color:#fff;font:800 16px 'DM Mono'}.math-step h3{margin:0 0 7px;font-size:22px}.math-step p{margin:0;color:#5c687f;font-size:17px!important}.comparison-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.comparison-wrap table{width:100%;border-collapse:collapse;background:#fff;font-size:17px}.comparison-wrap th,.comparison-wrap td{padding:17px;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-wrap th{background:#292f48;color:#fff}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.application-grid article{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.application-grid span{font-size:32px}.application-grid h3{margin:11px 0 7px;font-size:20px}.application-grid p{color:#5d687e;font-size:16px!important}.notice{margin-top:22px;padding:20px;border-left:5px solid #e27842;border-radius:0 11px 11px 0;background:#fff3ea;color:#67422e;font-size:17px;line-height:1.7}.module-cta{margin-top:70px;padding:42px;border-radius:18px;background:#252d46;color:#fff;text-align:center}.module-cta h2{max-width:900px;margin:0 auto 13px;color:#fff;font-size:38px}.module-cta p{max-width:800px;margin:0 auto 22px;color:#cbd1e0;font-size:18px}.module-cta .button{background:#6b61ee}

/* Laboratórios avançados. */
.advanced-lab-page{padding-top:18px}.advanced-lab-hero{--accent:#5b4ee8;display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center;padding:50px;border-radius:22px;background:linear-gradient(135deg,#eceaff,#fff 58%,#e9faf5)}.advanced-lab-hero.gan{--accent:#d84b72;background:linear-gradient(135deg,#fff0f4,#fff 58%,#fff5e9)}.advanced-lab-hero.cnn{--accent:#0a987e;background:linear-gradient(135deg,#e6faf4,#fff 58%,#eef0ff)}.advanced-lab-hero h1{margin:0 0 15px;font-size:clamp(45px,5vw,68px);line-height:1.04;letter-spacing:-2.8px}.advanced-lab-hero .lead{color:#5b657b;font-size:19px}.lab-architecture{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:25px;border:1px solid #dce0ec;border-radius:17px;background:#fff}.lab-architecture span{display:grid;place-items:center;min-width:78px;min-height:78px;padding:10px;border:3px solid var(--accent);border-radius:50%;font-weight:850;text-align:center}.lab-architecture span.box{border-radius:13px}.lab-architecture small{display:block;color:#68738a;font-size:10px}.lab-architecture i{color:var(--accent);font-style:normal;font-size:20px}.scope-note{margin-top:18px;padding:17px;border-left:5px solid var(--accent);border-radius:0 10px 10px 0;background:#fff;color:#59647b;font-size:16px;line-height:1.65}.lab-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-top:42px}.lab-controls{align-self:start;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;position:sticky;top:94px}.lab-controls h2{margin:0;font-size:25px}.lab-controls>p{color:#5d687e;font-size:17px!important}.control-group{display:grid;gap:10px;margin-top:19px;padding-top:19px;border-top:1px solid var(--line)}.control-group h3{margin:0;font-size:19px}.control-group label{display:grid;gap:7px;color:#56617a;font-size:14px;font-weight:800}.control-group input,.control-group textarea,.control-group select{width:100%;padding:11px;border:1px solid #cbd2e1;border-radius:8px;background:#fff;color:#1e273d;font:650 16px/1.45 Manrope}.control-group textarea{min-height:150px;resize:vertical}.control-group .button{width:100%}.control-output{padding:14px;border-radius:9px;background:#f1f3f9;color:#4d5871;font-size:16px;line-height:1.65}.lab-main{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.metric-grid article{padding:16px;border:1px solid var(--line);border-top:4px solid #5b4ee8;border-radius:10px;background:#fff}.metric-grid article:nth-child(2){border-top-color:#df5278}.metric-grid article:nth-child(3){border-top-color:#0fa287}.metric-grid article:nth-child(4){border-top-color:#e47c42}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:#667087;font-size:13px;font-weight:850}.metric-grid strong{margin-top:6px;font:750 22px 'DM Mono'}.lab-card{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric-grid+.lab-card{margin-top:0}.lab-card h2{margin:0;font-size:25px}.lab-card h3{font-size:20px}.lab-card .card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.lab-card .card-top p{color:#606b82;font-size:16px!important}.lab-card canvas{display:block;width:100%;max-width:100%;border:1px solid #e1e5ef;border-radius:9px;background:#fbfcff}.status-pill{padding:8px 11px;border-radius:999px;background:#eeeefe;color:#4e46cf;font-size:13px;font-weight:850;white-space:nowrap}.status-pill.success{background:#e5f8f3;color:#087c66}.attention-grid{overflow:auto}.attention-grid table{width:100%;border-collapse:separate;border-spacing:4px;font-size:14px}.attention-grid th{padding:9px;color:#59647a}.attention-grid td{min-width:54px;padding:13px 8px;border-radius:7px;text-align:center;font:700 14px 'DM Mono'}.token-row{display:flex;gap:8px;flex-wrap:wrap}.token-chip{padding:9px 12px;border-radius:8px;background:#eceaff;color:#443bb8;font-weight:800}.embedding-table,.result-table{width:100%;border-collapse:collapse;font-size:16px}.embedding-table th,.embedding-table td,.result-table th,.result-table td{padding:12px;border:1px solid var(--line);text-align:center}.embedding-table th,.result-table th{background:#293049;color:#fff}.probability-bars{display:grid;gap:9px}.probability-row{display:grid;grid-template-columns:120px 1fr 70px;gap:10px;align-items:center}.probability-row>b{text-align:right}.probability-track{height:22px;border-radius:6px;background:#edf0f6;overflow:hidden}.probability-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#5b4ee8,#18a88a)}.math-panel{display:grid;grid-template-columns:1fr 1fr;gap:11px}.math-panel article{padding:18px;border-left:4px solid #5b4ee8;border-radius:0 9px 9px 0;background:#f4f5fa}.math-panel article.wide{grid-column:1/-1}.math-panel b{display:block;color:#4d44c7;font-size:17px}.math-panel p{color:#5d687e;font-size:16px!important}.math-panel code{display:block;margin-top:10px;padding:14px;border-radius:8px;background:#232c46;color:#fff;font:600 15px/1.75 'DM Mono';overflow:auto}.math-panel code strong{color:#6ee7cf}.digit-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.digit-card{padding:9px;border:2px solid transparent;border-radius:10px;background:#f5f6fa;cursor:pointer}.digit-card.active{border-color:#5b4ee8;background:#eeecff}.digit-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.digit-card b{display:block;text-align:center}.digit-stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.digit-stage{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7f8fb;text-align:center}.digit-stage canvas{aspect-ratio:1;image-rendering:pixelated;background:#111}.digit-stage b{display:block;margin-top:9px}.game-board{display:grid;grid-template-columns:1fr 70px 1fr;gap:13px;align-items:center}.game-network{padding:20px;border:2px solid #df5278;border-radius:14px;background:#fff3f6;text-align:center}.game-network:last-child{border-color:#0fa287;background:#eaf9f5}.game-network h3{font-size:23px}.game-network code{display:block;padding:11px;border-radius:8px;background:#fff;font:650 15px 'DM Mono'}.game-versus{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#252d46;color:#fff;font-weight:900}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.filter-card{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f7f8fb}.filter-card canvas{aspect-ratio:1;image-rendering:pixelated}.filter-card h3{margin:9px 0 3px;text-align:center}.drawing-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.drawing-board{position:relative}.drawing-board canvas{aspect-ratio:1;image-rendering:pixelated;touch-action:none;cursor:crosshair;background:#fff}.prediction-box{display:grid;place-items:center;min-height:150px;padding:20px;border-radius:14px;background:#252d46;color:#fff;text-align:center}.prediction-box strong{display:block;color:#6ee7cf;font-size:58px}.legend-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;color:#606b80;font-size:15px}.legend-row i{display:inline-block;width:24px;margin-right:6px;border-top:4px solid #df5278}.legend-row span:nth-child(2) i{border-color:#0fa287}.didactic-code{margin-top:65px;padding:34px;border:1px solid var(--line);border-radius:16px;background:#fff}.didactic-code h2{font-size:35px}.didactic-code>p{color:#5f6a80;font-size:17px!important}.code-flow{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.code-flow span{padding:8px 11px;border-radius:7px;background:#eceaff;color:#4d44c7;font:700 13px 'DM Mono'}.didactic-code pre{max-height:650px;margin:0;padding:22px;border-radius:11px;background:#172036;color:#eef2ff;overflow:auto;font:600 15px/1.75 'DM Mono'}.source-image-note{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.source-image-note img{width:100%;border-radius:8px}.source-image-note p{color:#5e6980;font-size:16px!important}

@media(max-width:1100px){.concept-grid.four,.application-grid{grid-template-columns:1fr 1fr}.lab-layout{grid-template-columns:1fr}.lab-controls{position:static}.drawing-layout{grid-template-columns:1fr}.drawing-board{max-width:430px}}
@media(max-width:820px){.advanced-hero,.advanced-lab-hero{grid-template-columns:1fr;padding:38px 24px}.advanced-hero h1,.advanced-lab-hero h1{font-size:43px;letter-spacing:-1.8px}.concept-grid,.concept-grid.four,.application-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.math-panel{grid-template-columns:1fr}.math-panel article.wide{grid-column:auto}.digit-stage-grid,.filter-grid{grid-template-columns:1fr 1fr}.source-image-note{grid-template-columns:1fr}.source-image-note img{max-width:280px}.game-board{grid-template-columns:1fr}.game-versus{margin:auto;transform:rotate(90deg)}}
@media(max-width:520px){.metric-grid,.digit-stage-grid,.filter-grid{grid-template-columns:1fr}.digit-gallery{grid-template-columns:repeat(2,1fr)}.probability-row{grid-template-columns:70px 1fr 55px}.lab-card,.lab-controls{padding:18px}}

.filter-card code{display:block;margin-top:8px;padding:9px;border-radius:7px;background:#252d46;color:#fff;font:650 12px/1.55 'DM Mono';text-align:center}.digit-card{font:inherit}.digit-card:hover{transform:translateY(-2px);border-color:#9d96f4}

/* Rede neural visível no laboratório GAN. */
.gan-network-card{overflow:hidden}.gan-network-card canvas{min-height:430px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}.gan-network-legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:15px;color:#59647a;font-size:15px;font-weight:750}.gan-network-legend i{display:inline-block;width:30px;margin-right:7px;border-top:4px solid;vertical-align:middle}.gan-network-legend .positive{border-color:#5368e8}.gan-network-legend .negative{border-color:#df5278}.gan-network-legend .gradient{border-color:#e47c42;border-top-style:dashed}.gan-network-legend .frozen{border-color:#9aa3b6;border-top-style:dotted}.gan-network-reading{margin-top:15px;padding:15px 18px;border-left:5px solid #d84b72;border-radius:0 10px 10px 0;background:#fff3f6;color:#424d65;font:700 16px/1.65 'DM Mono',monospace}.gan-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.gan-method-grid article{padding:15px;border:1px solid #dde2ee;border-radius:10px;background:#f8f9fc}.gan-method-grid b,.gan-method-grid span{display:block}.gan-method-grid b{margin-bottom:7px;color:#c43f67;font-size:16px}.gan-method-grid span{color:#59647a;font-size:15px;line-height:1.55}@media(max-width:1050px){.gan-method-grid{grid-template-columns:1fr 1fr}.gan-network-card canvas{min-height:370px}}@media(max-width:700px){.gan-method-grid{grid-template-columns:1fr}.gan-network-card canvas{min-height:320px}.gan-network-legend{gap:12px}.gan-network-reading{font-size:14px}}
.gan-network-card canvas{height:auto!important;min-height:0!important;aspect-ratio:1120/610}
