:root{--bg:#001126;--bg-dark:#000c1c;--bg-light:#031a32;--card:#04182e;--card-light:#08213b;--lime:#dff31c;--lime-light:#e9fa29;--white:#f4f6f9;--text:#c8d1dd;--muted:#8594a6;--border:#173a59;--border-light:#5e91b947;--page-width:1372px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;color:var(--white);background:radial-gradient(circle at 78% 37%,#113a5b29,#0000 27%),linear-gradient(135deg,#000b19 0%,#001126 52%,#00152a 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c1c70;border-bottom:1px solid #5982a438;width:100%;height:84px}.header-container{width:min(calc(100% - 48px), var(--page-width));grid-template-columns:1fr auto 1fr;align-items:center;height:100%;margin:auto;display:grid}.brand{align-items:center;gap:11px;width:fit-content;display:flex}.brand-logo{object-fit:contain;width:40px;height:40px}.brand-name{letter-spacing:-1px;font-size:1.55rem;font-style:italic;font-weight:850}.brand-name span{color:var(--lime)}.nav{align-items:center;gap:45px;display:flex}.nav a{color:#d4dae2;font-size:.91rem;transition:color .15s}.nav a:hover{color:var(--lime)}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.header-btn{border-radius:7px;justify-content:center;align-items:center;min-width:105px;height:44px;font-size:.86rem;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.header-btn-outline{color:var(--lime);border:1px solid var(--lime);background:#00102373}.header-btn-filled{color:#071322;border:1px solid var(--lime);background:linear-gradient(90deg,#dcf01c,#ebfa2e)}.header-btn:hover{transform:translateY(-2px)}.header-btn-filled:hover{box-shadow:0 8px 25px #dff31c21}.hero{width:100%;padding-top:24px;padding-bottom:30px}.hero-container{width:min(calc(100% - 48px), var(--page-width));flex-wrap:wrap;align-items:center;gap:30px 0;margin:auto;display:flex;position:relative}.hero-copy{z-index:5;flex:420px;min-width:0;max-width:560px;position:relative}.hero-badge{width:fit-content;color:var(--lime);letter-spacing:.1px;background:#dff31c05;border:1px solid #dff31c6e;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:8px 14px;font-size:.72rem;font-weight:800;display:flex}.hero-label-star{flex-shrink:0;width:13px;height:13px;display:inline-flex}.hero-label-star svg{width:100%;height:100%}.hero-copy h1{letter-spacing:-2.5px;margin-bottom:20px;font-size:clamp(2.7rem,3.3vw,3.55rem);font-weight:820;line-height:1.1}.hero-copy h1 span{color:var(--lime)}.hero-description{max-width:510px;color:var(--text);margin-bottom:28px;font-size:.9rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border-radius:6px;justify-content:center;align-items:center;gap:10px;height:49px;padding:0 20px;font-size:.88rem;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn-primary{color:#071321;background:linear-gradient(90deg,#dbef1c,#e9f928);min-width:235px}.btn-secondary{border:1px solid var(--lime);background:#000e1f8c;min-width:195px}.btn:hover{transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 8px 25px #dff31c21}.btn-icon{flex-shrink:0;width:16px;height:16px;display:inline-flex}.btn-icon svg{width:100%;height:100%}.arrow{flex-shrink:0;width:16px;height:16px;margin-left:2px;display:inline-flex}.arrow svg{width:100%;height:100%}.play-icon{border:1px solid #ffffffbf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex}.play-icon svg{width:8px;height:8px;margin-left:1px}.hero-visual{flex:460px;min-width:0;height:500px;position:relative}.device{background:linear-gradient(145deg,#2a2c2d,#090b0c);border:1px solid #a0a6aba6;border-radius:20px;padding:8px;position:absolute;overflow:hidden;box-shadow:0 28px 65px #00000094}.device-camera{z-index:5;background:#050505;border-radius:10px;width:37px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.device-screen{background:#001126;border-radius:13px;width:100%;height:100%;overflow:hidden}.device-screen img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.device-professor{z-index:2;width:535px;height:408px;top:28px;left:42px}.device-aluno{z-index:4;border-radius:30px;width:260px;height:400px;top:60px;right:20px}.device-aluno .device-camera{border-radius:50%;width:8px;height:8px;top:10px}.device-aluno .device-screen{border-radius:16px}.device-aluno .device-screen img{object-position:center center}.device-shadow{z-index:0;filter:blur(25px);background:#00000061;border-radius:50%;width:600px;height:55px;position:absolute;bottom:0;right:80px}.dots{z-index:0;opacity:.15;background-image:radial-gradient(circle, var(--lime) 1px, transparent 1.5px);background-size:16px 16px;width:190px;height:140px;position:absolute;top:0;right:-70px;-webkit-mask-image:linear-gradient(120deg,#0000,#000,#0000);mask-image:linear-gradient(120deg,#0000,#000,#0000)}.portal-cards{flex:100%;grid-template-columns:1fr 1fr;gap:15px;width:100%;margin-top:6px;display:grid}.portal-card{background:linear-gradient(145deg,#061a30f2,#031325fa);border:1px solid #5c8baf59;border-radius:8px;align-items:flex-start;gap:16px;min-height:140px;padding:19px 20px;transition:border-color .15s,transform .15s;display:flex}.portal-card.active{border-color:#dff31ca8}.portal-card:hover{border-color:#dff31c99;transform:translateY(-2px)}.portal-icon{width:49px;height:49px;color:var(--lime);border:1px solid #dff31c8c;border-radius:7px;flex:0 0 49px;justify-content:center;align-items:center;display:flex}.portal-icon svg{width:24px;height:24px}.portal-content h3{margin:2px 0 6px;font-size:1rem}.portal-content p{color:var(--text);margin-bottom:8px;font-size:.73rem;line-height:1.48}.portal-link{color:var(--lime);font-size:.72rem;font-weight:800}.resources{border-top:1px solid #517fa333;width:100%;margin-top:10px;padding:18px 0 26px}.resources-container{width:min(calc(100% - 48px), var(--page-width));margin:auto}.resources h2{color:var(--lime);letter-spacing:.4px;margin-bottom:17px;font-size:.72rem;font-weight:850}.resources-grid{grid-template-columns:repeat(5,1fr);display:grid}.resource{align-items:flex-start;gap:14px;min-height:87px;padding:0 23px;display:flex}.resource:first-child{padding-left:0}.resource+.resource{border-left:1px solid #5380a438}.resource-icon{width:45px;height:45px;color:var(--lime);flex:0 0 45px;justify-content:center;align-items:center;display:flex}.resource-icon svg,.resource-icon.circle svg{width:23px;height:23px}.resource h3{margin-bottom:5px;font-size:.87rem}.resource p{max-width:180px;color:var(--muted);font-size:.69rem;line-height:1.5}@media (width<=900px){.header{height:72px}.nav{display:none}.header-container{grid-template-columns:1fr auto}.header-actions{grid-column:2}.hero-copy{text-align:center;flex-basis:100%;max-width:100%}.hero-badge{margin:0 auto 25px}.hero-buttons{justify-content:center}.hero-visual{flex-basis:100%;height:500px;margin-top:10px}.device-professor{width:72%;left:4%}.device-aluno{width:38%;right:3%}.resources-grid{grid-template-columns:1fr 1fr}.resource{padding:20px}.resource+.resource{border-left:none}}@media (width<=640px){.header-container{width:calc(100% - 32px)}.brand-logo{width:30px;height:30px}.brand-name{letter-spacing:-.5px;font-size:1.05rem}.header-actions{gap:8px}.header-btn{min-width:0;height:38px;padding:0 12px;font-size:.78rem}.hero{padding-top:28px;padding-bottom:35px}.hero-copy{text-align:left}.hero-badge{margin:0 0 25px}.hero-copy h1{letter-spacing:-1.8px;font-size:2.45rem;line-height:1.08}.hero-description{max-width:100%;font-size:.9rem;line-height:1.55}.hero-buttons{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px}.btn{width:100%}.hero-visual{height:auto;margin-top:32px}.device-professor{aspect-ratio:16/10;width:100%;height:auto;position:relative;top:auto;left:auto;right:auto}.device-aluno,.device-shadow,.dots{display:none}.portal-cards,.resources-grid{grid-template-columns:1fr}}