@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--navy:#102b4b;--navy2:#183c62;--blue:#31639e;--pale:#e9f2fa;--teal:#209b81;--mint:#e4f7ec;--green:#258658;--ink:#19344b;--muted:#718297;--line:#e4eaf0;--bg:#f5f8fb;--white:#fff;--shadow:0 12px 36px rgba(24,58,88,.065)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #75bcee;outline-offset:2px}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:252px;height:100vh;flex:none;background:var(--navy);color:#fff;padding:32px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 36px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#3779b1,#133e64);font-size:22px;box-shadow:0 5px 14px #08192a55}.brand strong{display:block;font:800 19px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.9px}.brand em{font-style:normal;color:#a8e4d1}.brand small{display:block;font-size:10px;margin-top:3px;color:#b6cadd}.nav-caption{color:#8aa5bd;font-size:10px;letter-spacing:1.3px;margin:12px 13px 16px;font-weight:800}.side-nav{display:grid;gap:7px}.nav-link{border:0;background:transparent;color:#bdd0de;display:flex;gap:13px;align-items:center;text-align:left;padding:13px 15px;width:100%;border-radius:12px;font-size:14px;font-weight:700}.nav-link.active,.nav-link:hover{background:#24496b;color:#fff}.nav-icon{width:21px;text-align:center;font-size:19px}.sidebar-bottom{margin-top:auto;padding:15px 12px;color:#9db7ca;font-size:12px;line-height:1.7}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:7px 12px;font-weight:800;background:#1a4e57;color:#b8efcb;font-size:11px}.dot{background:#6de3a5;width:7px;height:7px;border-radius:50%}.main-frame{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,60px)}.top-tag{color:var(--muted);font-size:13px}.level-pill{background:#e9f5ee;color:#288358;font-size:12px;font-weight:800;border-radius:25px;padding:9px 14px}.mobile-brand{display:none}main{width:100%;max-width:1320px;margin:0 auto;flex:1;padding:35px clamp(20px,4vw,60px) 60px}.footer{text-align:center;font-size:12px;color:#9aaabd;padding:17px;border-top:1px solid var(--line)}.footer strong{color:#416a8f}.bottom-nav{display:none}.hero{border-radius:23px;min-height:215px;background:linear-gradient(112deg,#112e4e 0%,#1d5171 70%,#207d77 100%);color:white;padding:34px 42px;display:flex;justify-content:space-between;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff25;border-radius:50%;right:60px;top:45px;box-shadow:0 0 0 47px #ffffff09,0 0 0 94px #ffffff05}.hero-content{z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#b2dfd2;text-transform:uppercase}.hero h1{font:800 clamp(26px,3vw,37px) 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.3px;margin:13px 0}.hero p{color:#c7dfec;font-size:14px;line-height:1.6;margin:0 0 18px}.hero-art{z-index:1;font-size:88px;align-self:center;filter:drop-shadow(0 8px 10px #0b243653)}.button{border:0;background:var(--navy);color:white;padding:13px 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;transition:.15s}.button:hover{transform:translateY(-1px);filter:brightness(1.1)}.button.primary{background:var(--teal)}.button.secondary{background:#e8f0f7;color:#254b6c}.button.outline{background:white;border:1px solid var(--line);color:var(--ink)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.section-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px;gap:10px}.section-head h2{font:800 20px 'Plus Jakarta Sans',sans-serif;margin:0;letter-spacing:-.6px}.section-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.quiet-link{color:#278979;font-weight:800;font-size:12px;background:none;border:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.stat-card,.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stat-card{padding:20px;min-height:112px}.stat-card .mini{font-size:11px;color:var(--muted);font-weight:800}.stat-card .value{font:800 27px 'Plus Jakarta Sans',sans-serif;margin:9px 0 3px;color:var(--navy)}.stat-card .detail{font-size:11px;color:#86a0ab}.cards-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.card{padding:24px}.continue-card{display:flex;flex-direction:column;gap:17px;justify-content:space-between}.continue-main{display:flex;gap:16px;align-items:center}.illustration{width:72px;height:72px;background:#e2f0f5;border-radius:16px;display:grid;place-items:center;font-size:36px;flex:none}.subtle{font-size:12px;color:var(--muted)}.continue-main h3{font:800 19px 'Plus Jakarta Sans',sans-serif;margin:6px 0}.progress-line{height:9px;border-radius:10px;background:#e8eef2;overflow:hidden}.progress-line>div{background:linear-gradient(90deg,#209981,#61cba2);height:100%;border-radius:10px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.routine{background:linear-gradient(130deg,#e9f7ed,#e7f4f8)}.routine h3{font-size:17px;margin:0 0 11px}.routine p{line-height:1.7;color:#587382;font-size:13px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-tile{padding:20px;display:flex;flex-direction:column;gap:12px}.lesson-tile .tile-icon{font-size:29px;width:54px;height:54px;background:#eaf3fa;border-radius:16px;display:grid;place-items:center}.lesson-tile h3{font-size:16px;margin:0}.lesson-tile p{font-size:12px;color:var(--muted);line-height:1.65;margin:0;flex:1}.tag{display:inline-block;font-size:10px;font-weight:800;color:#2b7c6f;background:#e2f7ed;border-radius:15px;padding:6px 10px}.tag.locked{color:#7b8c9f;background:#edf1f5}.page-title{font:800 30px 'Plus Jakarta Sans',sans-serif;margin:0 0 8px;letter-spacing:-.9px}.page-sub{color:var(--muted);font-size:14px;margin:0 0 28px;line-height:1.65}.lesson-wrap{max-width:770px;margin:0 auto}.lesson-panel{padding:30px}.lesson-count{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:800;margin:0 0 12px}.lesson-visual{margin:25px auto 20px;width:120px;height:120px;border-radius:36px;display:grid;place-items:center;font-size:66px;background:linear-gradient(135deg,#e9f3fa,#e4f6ed)}.word{text-align:center;font:800 clamp(30px,5vw,42px) 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px;margin:0}.pronunciation{text-align:center;color:#2e6e9d;font-size:20px;font-weight:800;margin:12px 0}.translation{text-align:center;margin:16px auto 25px;background:#e6f6e9;color:#287f55;width:max-content;max-width:100%;border-radius:30px;padding:8px 18px;font-weight:800}.listen{display:flex;margin:0 auto}.info-panel{padding:19px;background:#edf5fa;border:1px solid #dceaf3;border-radius:15px;margin-top:25px}.info-panel strong{font-size:13px}.info-panel p{font-size:13px;color:#52687b;line-height:1.85;margin:7px 0 0}.lesson-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.quiz-box{max-width:750px;margin:0 auto}.question{font:800 23px 'Plus Jakarta Sans',sans-serif;line-height:1.5;margin:25px 0}.options{display:grid;gap:12px}.option{padding:16px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:13px;color:var(--ink);font-size:14px;font-weight:700}.option:before{content:attr(data-letter);display:inline-grid;place-items:center;width:29px;height:29px;background:#edf3f7;border-radius:9px;margin-right:12px;font-size:12px}.option.selected{border-color:#60b8a4;background:#ebfbf5}.option.correct{border-color:#55b98c;background:#e4f8eb}.option.wrong{border-color:#e6a5a5;background:#fff0f0}.feedback{padding:17px;margin-top:19px;border-radius:13px;background:#e5f8ed;color:#206f4d;font-size:14px;line-height:1.6}.feedback.error{background:#fff1e9;color:#9b582d}.flashcard{max-width:530px;min-height:285px;margin:15px auto;padding:35px 20px;border-radius:22px;box-shadow:0 12px 42px #1c466614;border:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.flashcard .flash-word{font:800 30px 'Plus Jakarta Sans',sans-serif}.flashcard .flash-art{font-size:54px}.flash-actions{max-width:530px;margin:0 auto;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.muted-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.review-bar{max-width:530px;margin:24px auto}.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bar-chart{display:flex;align-items:end;gap:15px;height:180px;border-bottom:1px solid var(--line);padding:0 10px}.bar-col{flex:1;text-align:center;font-size:11px;color:var(--muted)}.bar{background:#8cd0af;border-radius:5px 5px 0 0;min-height:3px;margin-bottom:7px}.milestone{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;gap:9px;align-items:center}.milestone:last-child{border:0}.toast{position:fixed;bottom:80px;right:22px;background:#143856;color:white;padding:12px 18px;border-radius:12px;box-shadow:0 10px 28px #1b38583b;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;z-index:10;font-size:13px}.toast.show{opacity:1;transform:none}.setting-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.setting-row label{font-weight:700;font-size:13px}.setting-row input{border:1px solid #cbd9e5;border-radius:10px;padding:12px;background:white;max-width:250px}.empty{text-align:center;color:var(--muted);padding:35px}.notice{background:#e9f4fb;border-left:4px solid #367cb5;padding:16px;border-radius:10px;font-size:13px;line-height:1.7;margin:20px 0}
@media(max-width:1050px){.sidebar{width:218px}.stat-grid{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:64px;padding:0 19px}.mobile-brand{display:flex;align-items:center;gap:7px;border:0;background:none;font-weight:800;color:var(--navy);padding:0}.mobile-brand .brand-icon{height:31px;width:31px;font-size:18px}.top-tag{display:none}main{padding:20px 16px 110px}.hero{padding:26px 23px;min-height:200px}.hero h1{font-size:27px}.hero-art{font-size:60px}.stat-grid{gap:10px}.stat-card{padding:16px}.stat-card .value{font-size:24px}.cards-grid,.progress-layout{grid-template-columns:1fr}.card{padding:20px}.lesson-grid{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:73px;background:white;border-top:1px solid var(--line);z-index:5;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav .nav-link{font-size:10px;flex-direction:column;padding:8px 4px;gap:5px;width:auto;border-radius:9px;color:#647a8a}.bottom-nav .nav-link.active{color:var(--green);background:#eaf9ee}.bottom-nav .nav-icon{font-size:20px}.footer{padding:15px 22px 95px}.lesson-panel{padding:20px}.lesson-actions .button{padding:12px;font-size:12px}.question{font-size:19px}.section-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* English Zero 3D v1.1 — atualização visual preservando o motor das aulas */
:root{--navy:#061e37;--navy2:#103a61;--teal:#0abf7e;--green:#079762;--bg:#edf3fa;--ink:#0a2441;--line:#dce8f3;--shadow:0 15px 32px rgba(5,34,69,.10),0 3px 5px rgba(5,34,69,.035)}
body{background:radial-gradient(circle at 72% 2%,#ddeefc 0,transparent 36%),#edf3fa}
.sidebar{background:linear-gradient(170deg,#03172c 0%,#092c4a 70%,#05223c 100%);box-shadow:8px 0 22px rgba(7,31,51,.10);width:238px}
.brand-icon{background:linear-gradient(145deg,#439ce9,#123862);box-shadow:inset 0 2px 2px #ffffff60,0 9px 18px #00142b75;border:1px solid #ffffff33}
.brand em{color:#4de6a3}.nav-link{transition:transform .2s,background .2s}.nav-link.active,.nav-link:hover{background:linear-gradient(110deg,#078c64,#075b5d);box-shadow:inset 0 1px #ffffff26,0 7px 15px #001c3060;transform:translateX(2px)}
.topbar{background:linear-gradient(90deg,#082b4c,#0c385a);color:#f3f9ff;border-bottom:1px solid #ffffff19;box-shadow:0 5px 18px #092d4e12}.top-tag{color:#bed9e9}.level-pill{background:#dcfaea;box-shadow:0 4px 12px #00000012}
main{max-width:1440px;padding:28px clamp(18px,3vw,42px) 60px}
.hero.hero-3d{min-height:390px;border:1px solid #315e80;background:linear-gradient(110deg,#051b35 0%,#0a3255 56%,#16496b 100%);border-radius:25px;padding:43px clamp(25px,4vw,55px);isolation:isolate;box-shadow:0 24px 40px #0536572b,inset 0 1px 0 #ffffff39;align-items:center}
.hero.hero-3d:after{width:300px;height:300px;right:12%;top:-60px;border-color:#ffffff0d;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03;z-index:-1}
.hero-content{position:relative;z-index:3;max-width:58%}.hero-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#47ee9c;box-shadow:0 0 12px #36eaa5;margin-right:7px}.hero h1{font-size:clamp(36px,4vw,61px);line-height:1.08;letter-spacing:-2.5px;margin:19px 0}.hero h1 span{color:#65f3ac;text-shadow:0 3px 18px #20f0a119}.hero p{font-size:15px;max-width:520px;line-height:1.75;color:#d8e9f7}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.button{border-radius:12px;box-shadow:0 5px 0 rgba(7,38,65,.07),0 8px 15px #09253c15}.button.primary{background:linear-gradient(150deg,#18d58d,#0eb676);color:#032d26;box-shadow:inset 0 1px #ffffff65,0 7px 17px #09875a36}.button.hero-secondary{background:#ffffff1a;color:#fff;border:1px solid #ffffff6a;backdrop-filter:blur(8px)}.hero-benefits{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#b8e7df;font-weight:700}
.hero-art{position:absolute;right:0;top:0;bottom:0;width:49%;display:block;font-size:unset;filter:none;z-index:1;overflow:hidden;border-radius:0 23px 23px 0}.hero-art:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0a3152 0%,transparent 35%),linear-gradient(0deg,#0b2d4a88,transparent 40%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.94)}.hero-floating{position:absolute;z-index:2;display:inline-flex;padding:9px 15px;background:#f7fbffec;color:#0d3e72;border-radius:16px;font-size:14px;font-weight:900;box-shadow:0 8px 22px #071a3066,inset 0 1px #fff}.floating-top{top:19%;left:12%;transform:rotate(-4deg)}.floating-bottom{bottom:16%;right:9%;background:#d4ffe4;color:#116448;transform:rotate(3deg)}
.stat-grid{gap:14px;margin-top:18px}.stat-card,.card{border:1px solid #fff;background:linear-gradient(156deg,#fff,#f5f9ff);box-shadow:var(--shadow),inset 0 1px #fff}.stat-card{border-radius:18px;position:relative;overflow:hidden}.stat-card:before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(#81dabe,#199a83)}.stat-card .mini{font-size:10px;color:#607d94}.stat-card .value{color:#0b2c50}.card{border-radius:21px}.routine{background:linear-gradient(145deg,#e6fcf2,#f7feff)}.routine .eyebrow{color:#148969}.routine h3{font-size:20px}.illustration,.tile-icon,.lesson-visual{box-shadow:inset 0 2px 5px #ffffffdd,0 9px 15px #16416719;background:linear-gradient(145deg,#e6f6ff,#e0f7ef)}.illustration{border-radius:20px;font-size:43px;width:90px;height:90px}.lesson-tile{transition:transform .2s,box-shadow .2s}.lesson-tile:hover{transform:translateY(-4px);box-shadow:0 20px 38px #0c345225}.lesson-tile .tile-icon{font-size:32px}.section-head h2{color:#082a48}
.lesson-panel,.quiz-box>.card{box-shadow:0 20px 40px #1d4e7020,inset 0 1px #fff}.lesson-visual{font-size:75px;width:145px;height:145px;border-radius:38px}.listen{background:linear-gradient(140deg,#164e7d,#0b3055);box-shadow:0 6px 16px #174b7c47}.option{box-shadow:0 3px 7px #103e5712,inset 0 1px #fff}.flashcard{background:linear-gradient(145deg,#fff,#f0f9ff);box-shadow:0 20px 38px #1c466629}.tag{box-shadow:inset 0 1px #fff9}.bar{background:linear-gradient(#52d9a0,#0f9f75)}
@media(max-width:1050px){.sidebar{width:210px}.hero.hero-3d{min-height:365px}.hero h1{font-size:42px}.hero-content{max-width:62%}.hero-art{width:47%}}
@media(max-width:760px){.sidebar{display:none}.topbar{background:#082b4c}.mobile-brand{color:#fff}.hero.hero-3d{min-height:550px;padding:30px 23px 0;display:flex;align-items:flex-start;flex-direction:column}.hero-content{max-width:100%}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero p{font-size:13px}.hero-benefits{gap:10px;font-size:10px}.hero-art{left:0;right:0;top:auto;bottom:0;width:100%;height:235px;border-radius:0 0 23px 23px}.hero-art:before{background:linear-gradient(180deg,#0a3255 0%,transparent 32%),linear-gradient(0deg,#0b2d4a66,transparent 35%)}.hero-art img{object-position:center 28%}.floating-top{top:26%;left:9%}.floating-bottom{bottom:15%;right:6%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:100px}.stat-card .value{font-size:21px}.hero-buttons .button{font-size:12px;padding:11px 13px}}
@media(max-width:380px){.hero.hero-3d{min-height:580px}.hero h1{font-size:32px}.hero-art{height:210px}}


/* v1.2 — Card system 3D: depth without compromising study readability */
:root{--depth-1:0 3px 0 #d3e1ed,0 13px 24px rgba(12,49,80,.12),0 24px 45px rgba(12,49,80,.055);--depth-2:0 5px 0 #c2d6e5,0 20px 35px rgba(8,52,87,.17),0 28px 50px rgba(8,52,87,.075)}
.stat-card,.card-3d,.progress-layout>.card,.quiz-3d>.card,.flashcard-3d{position:relative;background:linear-gradient(148deg,#fff 0%,#f7fbff 62%,#eff6fc 100%);border:1px solid #fff;box-shadow:var(--depth-1),inset 0 2px 1px #fff,inset 0 -1px 0 #dae7f2;transition:transform .22s ease,box-shadow .22s ease}
.stat-card:hover,.card-3d:hover,.progress-layout>.card:hover{transform:translateY(-4px);box-shadow:var(--depth-2),inset 0 2px 1px #fff}
.stat-card{padding:21px 18px 18px;min-height:143px;isolation:isolate}
.stat-card:before{width:100%;height:5px;background:linear-gradient(90deg,#33dca3,#84cbef,#bbe1f1);z-index:0}
.stat-card:after{content:"";position:absolute;right:-27px;bottom:-43px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#c2e9f657,transparent 70%);pointer-events:none}
.stat-3d-icon{display:grid;place-items:center;position:absolute;top:13px;right:15px;width:51px;height:51px;border-radius:16px;font-size:27px;background:linear-gradient(145deg,#f5fffc,#d6eaf9);border:1px solid #ffffff;box-shadow:inset 0 2px 1px #fff,0 4px 0 #b9d6df,0 9px 12px #133e6628;transform:rotate(-7deg)}
.stat-card .mini{max-width:calc(100% - 50px);position:relative;z-index:1;line-height:1.5}
.stat-card .value{font-size:28px;letter-spacing:-.9px;margin-top:18px;position:relative;z-index:1}.stat-card .detail{position:relative;z-index:1;font-size:11px}
.card-3d{overflow:hidden}.card-3d:before,.progress-layout>.card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 100px 100px;background:linear-gradient(90deg,#c4f2df,#d7ebff 70%,#fff)}
.illustration,.lesson-tile .tile-icon,.lesson-visual,.flash-art{transform:translateZ(0);text-shadow:0 7px 9px #214d6c32;filter:drop-shadow(0 4px 2px #13416a16)}
.illustration,.lesson-tile .tile-icon{background:linear-gradient(145deg,#d4f5e7 0%,#e3f3ff 65%,#fafcff 100%);border:1px solid #fff;box-shadow:inset 0 3px 2px #fff,0 5px 0 #c0d9e7,0 13px 18px #13436c25;transform:rotate(-3deg)}
.lesson-tile .tile-icon{width:68px;height:68px;font-size:35px;border-radius:21px;margin-bottom:7px;transition:transform .2s ease}.lesson-tile:hover .tile-icon{transform:rotate(1deg) translateY(-3px)}
.continue-card .illustration{width:96px;height:96px;font-size:47px}.continue-card{min-height:232px}.continue-card h3{font-size:22px}.routine{background:linear-gradient(145deg,#edfff5,#e7f8fc 55%,#ffffff)}
.lesson-visual{background:linear-gradient(140deg,#e2f8ef,#d9ecff 70%,#f9fcff);border:1px solid #fff;box-shadow:inset 0 3px 2px #fff,0 7px 0 #c7dce9,0 21px 27px #16426720;margin-bottom:29px;transform:perspective(600px) rotateX(5deg)}
.option{background:linear-gradient(145deg,#fff,#f3f8fc);box-shadow:0 4px 0 #dce7f0,0 10px 14px #0d37591a,inset 0 1px #fff;transition:transform .18s,box-shadow .18s}.option:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 0 #cce3e9,0 14px 19px #0d375925}.option.correct{background:linear-gradient(145deg,#eefff6,#d7f9e8);box-shadow:0 4px 0 #b0e4cc,0 10px 16px #167c4e18}.option.wrong{box-shadow:0 4px 0 #f0c9c9}
.flashcard-3d{perspective:800px;border-radius:27px;min-height:310px;box-shadow:0 9px 0 #cbdde9,0 25px 38px #17466827,inset 0 2px #fff;transition:transform .22s,box-shadow .22s}.flashcard-3d:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:0 12px 0 #cbdde9,0 32px 42px #17466828}.flashcard-3d .flash-art{display:grid;place-items:center;width:98px;height:98px;border-radius:28px;background:linear-gradient(145deg,#d9f7e9,#e5f0ff);box-shadow:inset 0 2px #fff,0 6px 0 #c7dce9,0 15px 20px #11385a20;font-size:55px}
.progress-layout>.card{border-radius:23px}.bar{box-shadow:inset 0 2px #ffffff80,3px 2px 5px #167b6b25;border-radius:8px 8px 0 0}.progress-line{box-shadow:inset 0 2px 4px #203e5417;border:1px solid #e0eaf3}.progress-line>div{background:linear-gradient(180deg,#3be6a4,#0eac80);box-shadow:inset 0 1px #ffffff66}
.button{transition:transform .18s ease,box-shadow .18s ease}.button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #17354c30}.button.primary{box-shadow:0 4px 0 #07845e,0 10px 15px #07875929,inset 0 1px #ffffff8c}.button.primary:not(:disabled):hover{box-shadow:0 6px 0 #07845e,0 14px 18px #07875932}
@media(max-width:760px){.stat-card{min-height:131px;padding:16px 12px}.stat-3d-icon{width:36px;height:36px;top:10px;right:10px;font-size:21px;border-radius:11px}.stat-card .mini{font-size:9px;max-width:calc(100% - 32px)}.stat-card .value{font-size:22px;margin-top:20px}.continue-main{align-items:flex-start}.continue-card .illustration{width:74px;height:74px;font-size:37px}.flashcard-3d{min-height:285px}}
@media(prefers-reduced-motion:reduce){.stat-card,.card-3d,.option,.flashcard-3d,.lesson-tile .tile-icon{transition:none!important}.stat-card:hover,.card-3d:hover,.progress-layout>.card:hover,.flashcard-3d:hover,.option:hover{transform:none!important}}

/* English Zero v1.3 — arte 3D autoral para os cards */
.lesson-cover{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#daedff,#dffbef);height:142px;margin:-4px -4px 17px;box-shadow:inset 0 2px #ffffffdb,0 6px 0 #c9dfec,0 13px 23px #16486a18}
.lesson-cover-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.lesson-tile:hover .lesson-cover-img{transform:scale(1.045)}
.cover-number{position:absolute;top:10px;left:11px;border:1px solid #ffffffbb;background:#0d365edb;color:#fff;border-radius:12px;padding:7px 9px;font-size:10px;font-weight:900;letter-spacing:.6px;box-shadow:0 6px 14px #0a294b44}
.lesson-tile .tag{display:inline-flex;margin-bottom:6px}
.illustration.illustration-art{padding:0;overflow:hidden;display:block;background:#e9f6fc;flex:none;transform:rotate(-2deg)}
.continue-art{display:block;width:100%;height:100%;object-fit:cover}
.lesson-visual.lesson-visual-art{position:relative;width:min(100%,285px);height:205px;display:block;margin:24px auto 22px;padding:0;overflow:hidden;border-radius:30px;transform:perspective(700px) rotateX(3deg);font-size:initial}
.word-scene{width:100%;height:100%;object-fit:cover;display:block}
.word-emoji{position:absolute;right:11px;bottom:9px;display:grid;place-items:center;width:51px;height:51px;background:#fffdf7e8;border:1px solid #fff;border-radius:17px;font-size:27px;box-shadow:0 7px 14px #0b325133}
.flashcard-3d .flash-art.flash-art-illustrated{position:relative;width:164px;height:128px;overflow:hidden;padding:0;font-size:initial;border-radius:23px}
.flash-art-img{display:block;width:100%;height:100%;object-fit:cover}
.flash-emoji{position:absolute;right:5px;bottom:5px;font-size:22px;background:#ffffffde;border-radius:10px;padding:3px 6px;box-shadow:0 4px 9px #19456828}
@media(max-width:760px){.lesson-cover{height:150px}.lesson-visual.lesson-visual-art{width:235px;height:184px}.continue-card .illustration.illustration-art{width:90px;height:90px}}
/* English Zero v1.4 — interface neon 3D inspirada no layout aprovado */
:root{--navy:#06162f;--navy2:#0b2a58;--blue:#2278db;--pale:#0b2045;--teal:#0bdca9;--mint:#0e3e51;--green:#2bff6b;--ink:#f4f9ff;--muted:#b5c9e7;--line:#1e6ba6;--bg:#06172f;--white:#0a2347;--shadow:0 14px 32px #0008}
body{background:radial-gradient(ellipse at 75% 0%,#123f86 0%,transparent 40%),#061429;color:#f4f8ff}
.shell{background:linear-gradient(120deg,#061429,#091b3b);min-height:100vh}
.sidebar{background:linear-gradient(162deg,#001325,#061a3a 75%,#07132c);border-right:1px solid #2184bf;width:238px;box-shadow:8px 0 34px #00112299;padding:19px 15px}
.brand{flex-direction:column;gap:4px;text-align:center;padding:0 4px 30px}.brand-icon{height:56px;width:62px;font-size:32px;background:linear-gradient(155deg,#266bba,#042646);box-shadow:0 6px 18px #00b5ff54}.brand strong{font-size:24px;letter-spacing:-1.1px}.brand em{color:#35f36f}.brand small{font-size:11px;color:white}
.side-nav{gap:7px}.sidebar .nav-link{color:#eaf3ff;font-size:15px;padding:12px 16px;transition:transform .2s,background .2s}.sidebar .nav-link .nav-icon{font-size:20px}.sidebar .nav-link:hover{background:#134b80;transform:translateX(3px)}.sidebar .nav-link.active{background:linear-gradient(160deg,#146d45,#065b50);border:1px solid #39ff81;color:white;box-shadow:inset 0 1px #bcffe2a6,0 0 11px #2bff70ad,0 0 25px #24e96e42}
.sidebar-bottom{margin-top:auto;border:1px solid #29f872;border-radius:20px;padding:18px 12px;text-align:center;box-shadow:0 0 20px #1bed7448,inset 0 0 30px #1bef7420;background:linear-gradient(145deg,#063848,#071a35);color:#f9ffff}.sidebar-bottom .ez-trophy{display:block;font-size:55px;filter:drop-shadow(0 6px 10px #0008)}.sidebar-bottom strong{font-size:19px;line-height:1.1;display:block}.sidebar-bottom p{font-size:12px;line-height:1.5;color:#f2ffff;margin:10px 0 0}
.main-frame{min-width:0;flex:1;background:linear-gradient(180deg,#071b38,#07172e)}
.topbar{height:62px;background:linear-gradient(90deg,#06152d,#0c2d62);border-bottom:1px solid #13699c;box-shadow:0 4px 24px #0007;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.ez-top-links{display:flex;align-items:center;gap:18px}.ez-top-links button,.ez-account{background:transparent;color:#f5faff;border:0;font-weight:700;font-size:14px;padding:10px 5px}.ez-top-links button:hover,.ez-account:hover{color:#46ff93}.ez-account{border-left:1px solid #3f7ba0;padding-left:20px}.ez-account small{color:#b1d8e7;font-size:11px}
main{padding:0 22px 35px;max-width:none}.footer{background:#06152d;color:#9eb7cd;border-top:1px solid #215b90}.footer strong{color:#63e1ae}
.ez-hero{margin:0 -22px;min-height:320px;position:relative;overflow:hidden;border-bottom:2px solid #16cafd;background:radial-gradient(ellipse at 70% 40%,#12519f,#061d41 65%,#061529)}
.ez-hero:after{content:"";position:absolute;bottom:0;left:5%;right:6%;height:3px;background:linear-gradient(90deg,transparent,#00d9ff,#26ff8a,transparent);box-shadow:0 0 17px #20d5ff}
.ez-hero-copy{position:relative;z-index:3;width:58%;padding:24px 20px 22px 35px}.ez-hero h1{font:800 clamp(38px,4.4vw,65px)/1.02 'Plus Jakarta Sans',sans-serif;color:#fff;letter-spacing:-2.3px;margin:0 0 14px;text-shadow:0 4px 12px #0006}.ez-hero h1 span{color:#37ff6f;text-shadow:0 0 19px #21ff7240}.ez-hero p{font-size:17px;line-height:1.4;color:#eaf6ff;margin:0 0 17px}.ez-actions{display:flex;gap:11px;flex-wrap:wrap}.ez-actions .button{font-size:14px;min-height:43px;padding:9px 18px}.button.primary{color:#001b17;background:linear-gradient(170deg,#74ff83,#13e94c);border:1px solid #82ff99;box-shadow:inset 0 2px #ffffffa1,0 0 14px #20ff5988,0 6px 0 #07663255}.button.primary:hover{filter:brightness(1.09);box-shadow:0 0 23px #26ff68ad}.button.hero-secondary{background:#071c3a99;color:#fff;border:1px solid #a5c8df;box-shadow:inset 0 1px #ffffff33}.ez-perks{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:11px;color:#d8faff;font-weight:600}
.ez-hero-picture{position:absolute;right:0;top:0;bottom:0;width:63%;background-image:linear-gradient(90deg,#071b38 0%,#071b3880 17%,transparent 36%),url('./assets/hero-london-3d.webp');background-size:cover;background-position:center 42%;z-index:1}.ez-level-float{position:absolute;top:16px;right:23px;z-index:2;border:2px solid #32ffb3;background:#022234d6;border-radius:23px;padding:12px 20px;text-align:center;line-height:1.1;box-shadow:0 0 21px #14ffd2a1;font-weight:800;color:#fff}.ez-level-float strong{display:block;color:#36ff81;font-size:40px}.ez-level-float small{display:block;color:white;font-size:12px}
.ez-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 17px}.ez-stat,.ez-panel{background:linear-gradient(140deg,#143969,#071c3c 65%,#08254d);border:1px solid #258cdf;border-radius:17px;box-shadow:inset 0 1px #ffffff30,0 9px 19px #0008,0 0 10px #168dff22;color:#f8fbff}.ez-stat{min-height:103px;padding:16px 13px;display:flex;gap:12px;align-items:center;position:relative;overflow:hidden}.ez-stat:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#0befb2,transparent);box-shadow:0 0 8px #2dffa2}.ez-stat-icon{font-size:43px;filter:drop-shadow(0 8px 6px #001126)}.ez-stat h3{font-size:13px;color:#fff;margin:0 0 4px}.ez-stat strong{font-size:23px;line-height:1.1;display:block}.ez-stat small{font-size:11px;color:#cbdaf1;display:block;margin-top:4px}.ez-meter{width:100%;height:9px;border:1px solid #537db2;background:#38567d;border-radius:20px;overflow:hidden;margin-top:8px}.ez-meter span{display:block;height:100%;background:linear-gradient(90deg,#08df7e,#54ff80);border-radius:20px;box-shadow:0 0 10px #26ff79}
.ez-dashboard{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(310px,0.98fr);gap:15px;margin-bottom:18px}.ez-left-panel{display:grid;gap:15px;align-content:start}.ez-panel{padding:15px 17px;min-width:0}.ez-panel h2{font-size:19px;color:#fff;margin:0 0 13px;letter-spacing:-.3px}.ez-continue{display:flex;gap:16px;align-items:center;border:1px solid #266dad;border-radius:15px;padding:10px;background:linear-gradient(135deg,#134073,#07172f);min-height:158px}.ez-continue img{width:39%;height:145px;object-fit:cover;border-radius:12px}.ez-continue-text{flex:1;min-width:0}.ez-chip{display:inline-flex;color:#063526;background:#65ff95;border-radius:14px;padding:4px 13px;font-size:12px;font-weight:800}.ez-continue-text h3{color:white;font-size:20px;line-height:1.12;margin:7px 0}.ez-continue-text p{color:#d9ebff;font-size:12px;line-height:1.5;margin:5px 0 14px}.ez-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ez-row .button{font-size:12px;padding:9px 12px}.ez-small{color:#afd2ea;font-size:11px}
.ez-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.ez-tool{min-width:0;color:white;min-height:90px;border-radius:13px;background:linear-gradient(150deg,#1b4e8a,#061d3d);border:1px solid #4590d6;box-shadow:inset 0 1px #ffffff3b,0 4px 9px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 3px}.ez-tool span{font-size:30px;filter:drop-shadow(0 5px 6px #0009)}.ez-tool small{font-size:10px;line-height:1.2}.ez-tool:hover{transform:translateY(-4px);border-color:#38ff94;box-shadow:0 0 19px #12f68168}
.ez-path .ez-steps{display:flex;flex-direction:column;gap:9px;position:relative}.ez-step{width:100%;display:flex;align-items:center;text-align:left;gap:11px;background:linear-gradient(140deg,#174276,#0a2349);border:1px solid #3973b0;border-radius:13px;min-height:66px;padding:7px 10px;color:white;box-shadow:inset 0 1px #ffffff28,0 4px 9px #0008}.ez-step:hover:not(:disabled),.ez-step.current{border-color:#43ff8d;box-shadow:inset 0 0 0 1px #4bff8d,0 0 15px #16e75e70}.ez-step:disabled{cursor:not-allowed;opacity:.74}.ez-step-num{flex:none;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#4688d1,#25447f);box-shadow:0 3px 8px #0009;font-weight:800}.ez-step.finished .ez-step-num{background:#25d86d}.ez-step-img{width:55px;height:53px;object-fit:cover;border-radius:10px;flex:none}.ez-step-details{min-width:0;flex:1}.ez-step-details strong{display:block;font-size:13px;color:#fff}.ez-step-details small{font-size:11px;color:#c4d9ef;display:block;margin-top:4px;line-height:1.25}.ez-step-arrow{font-size:17px;flex:none}.ez-show-all{display:block;margin:12px auto 0;background:none;color:#7bffab;border:0;font-weight:700}
/* A mesma linguagem visual nos componentes internos do curso */
.card,.stat-card,.lesson-tile,.flashcard,.lesson-panel,.progress-layout>.card,.quiz-box>.card{color:#eef9ff;background:linear-gradient(145deg,#143b70,#091b39 75%);border:1px solid #3289d4;box-shadow:inset 0 1px #ffffff2e,0 11px 22px #0008}.card h3,.card h2,.section-head h2,.page-title,.question,.word{color:white}.card p,.subtle,.page-sub,.muted-note,.mini,.lesson-count{color:#c0d6f0}.notice,.info-panel{background:#113b69;color:#eefaff;border:1px solid #246f9c}.notice b,.info-panel strong{color:#69ffb1}.tag{color:#9fffc4;background:#123d4e;border:1px solid #288f86}.tag.locked{background:#163052;color:#a0b7cf}.button.secondary,.button.outline{background:#183e67;color:#e2f8ff;border:1px solid #4d91ce}.option{background:linear-gradient(150deg,#184371,#0c2b51);color:#fff;border:1px solid #427bac}.option.selected{border-color:#62ff9e}.option.correct{background:#0a6645;color:#fff}.option.wrong{background:#723b52}.feedback{background:#0e5b42;color:#fff}.feedback.error{background:#6a3547}.translation{background:#0b6948;color:white}.pronunciation{color:#83ffd2}.flashcard{color:#f5faff}.flash-word{color:#fff}.setting-row input{background:#092749;color:#fff;border:1px solid #367ca7}.bar{background:linear-gradient(#43ffa4,#178dd4)}.progress-line{background:#153d69}.progress-line>div{background:linear-gradient(90deg,#25f56e,#06cfe2)}
@media(max-width:1200px){.ez-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ez-dashboard{grid-template-columns:1fr}.ez-hero-copy{width:65%}.ez-hero-picture{width:58%}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:58px;background:#061a3c}.mobile-brand{color:#fff}.ez-top-links{display:none}.ez-account{font-size:12px}.ez-hero{margin:0 -16px;min-height:510px}.ez-hero-copy{padding:26px 19px;width:100%}.ez-hero h1{font-size:39px}.ez-hero p{font-size:13px}.ez-perks{gap:8px;font-size:10px}.ez-hero-picture{width:100%;height:260px;top:auto;bottom:0;background-image:linear-gradient(180deg,#061e4200 0%,#05162a27 100%),url('./assets/hero-london-3d.webp');background-position:55% 30%;background-size:cover}.ez-level-float{top:auto;bottom:195px;right:12px;transform:scale(.72);transform-origin:top right}.ez-stats{gap:9px;margin-top:15px}.ez-stat{padding:11px;min-height:101px}.ez-stat-icon{font-size:28px}.ez-stat strong{font-size:17px}.ez-stat h3{font-size:11px}.ez-panel{padding:12px}.ez-panel h2{font-size:16px}.ez-continue{flex-direction:column;align-items:stretch}.ez-continue img{width:100%;height:170px}.ez-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.ez-step-details strong{font-size:12px}.ez-step-details small{font-size:10px}.bottom-nav{background:#071b39;border-top:1px solid #2783b6}.bottom-nav .nav-link{color:#bbd1e9}.bottom-nav .nav-link.active{background:#0e5e4c;color:#6effa8}main{padding:0 16px 100px}.footer{padding-bottom:95px}}
@media(max-width:390px){.ez-hero{min-height:540px}.ez-hero h1{font-size:34px}.ez-hero-picture{height:235px}.ez-perks{gap:5px}}
@media(prefers-reduced-motion:reduce){.ez-tool{transition:none}.ez-tool:hover{transform:none}}

/* v1.5 — imagens 3D realistas e acabamento próximo ao mockup */
.ez-hero-picture{
 background-image:linear-gradient(90deg,#071b38 0%,#071b388a 11%,transparent 37%),url('./assets/hero-realista.webp');
 background-position:center 47%;background-size:cover;
}
.ez-stat-image{
 width:92px;height:74px;flex:none;object-fit:cover;border-radius:17px;
 filter:drop-shadow(0 9px 8px #0008);mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,black 65%,transparent 100%);
}
.ez-stat{gap:8px;min-width:0}
.ez-stat>div{min-width:0}
.ez-tool img{width:61px;height:57px;object-fit:cover;mix-blend-mode:screen;border-radius:12px;filter:drop-shadow(0 4px 4px #0007)}
.ez-tool{min-height:108px;transition:transform .2s ease,box-shadow .2s ease}
.ez-continue img{object-fit:cover;object-position:center;border-radius:13px}
.ez-step-img,.lesson-cover-img,.word-scene,.flash-art-img{object-fit:cover}
.lesson-cover-img{height:100%;width:100%}
.ez-step-img{border:1px solid #57a9f3;box-shadow:0 2px 10px #02172d}
.ez-panel,.ez-stat{box-shadow:inset 0 1px #ffffff3a,0 10px 23px #0008,0 0 11px #168dff38}
@media(max-width:760px){
 .ez-hero-picture{background-image:linear-gradient(180deg,#071b3800 0%,#06183222 100%),url('./assets/hero-realista.webp');background-position:60% 45%;background-size:cover}
 .ez-stat-image{width:52px;height:55px;border-radius:9px}
 .ez-tool img{width:56px;height:53px}
}
@media(max-width:410px){.ez-stat-image{width:42px;height:47px}}