/* ZITOMATHIA V5 — design anchored in the supplied page references. */
:root{--z5-ink:#171819;--z5-charcoal:#242527;--z5-panel:#29292a;--z5-silver:#b5b7b9;--z5-silver-light:#e2e3e5;--z5-sand:#e7ddcf;--z5-ivory:#f8f5ef;--z5-line:#d5cec4;--z5-muted:#666563}
body.zito-reference{background:#faf9f7;color:var(--z5-ink);font-family:'Noto Sans',system-ui,sans-serif}
body.zito-reference .ref-header{background:rgba(250,249,247,.96);border-bottom:1px solid #d3d0ca}
body.zito-reference .ref-nav a{color:#191a1b;font-weight:650}
body.zito-reference .ref-nav a:hover{color:#67686a}
body.zito-reference .ref-header:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,transparent,#aeafb2 50%,transparent);opacity:.55;pointer-events:none}
body.zito-reference .ref-hero{background:linear-gradient(120deg,#f3eee7 0%,#e7ddcf 74%,#d8d5d1 100%)}
body.zito-reference .ref-hero h1{color:#161718;font-weight:800}
body.zito-reference .ref-hero-photo{height:min(72svh,650px);align-items:center;padding-block:28px}
body.zito-reference .ref-hero-photo:before{background:radial-gradient(ellipse at center,#aeb0b260,transparent 68%)}
body.zito-reference .ref-hero-photo img{width:min(100%,490px);height:min(64svh,610px);max-height:none;object-fit:contain;object-position:center;background:#202124;border:8px solid #e0dcd6;border-radius:40px;box-shadow:0 30px 90px #17171732;filter:none}
body.zito-reference .ref-eleni-art{min-height:430px;background:linear-gradient(145deg,#292a2c,#45464a);border-radius:32px;overflow:hidden;padding:22px}
body.zito-reference .ref-eleni-art img{height:460px;max-height:460px;max-width:95%;object-fit:contain;filter:none;border-radius:22px}
body.zito-reference .ref-silver-halo{background:radial-gradient(ellipse,#c2c4c540,transparent 65%)}
body.zito-reference .ref-eleni{gap:clamp(20px,6vw,100px)}
body.zito-reference .ref-word-inner{background:linear-gradient(160deg,#e8e2d9,#f2f0eb,#d9dbdc)}
body.zito-reference .ref-scroll-lesson{background:#e6e0d7}
body.zito-reference .ref-mini-quiz{background:#fcfaf7;border-color:#cbcbcc}
body.zito-reference .ref-levels{background:#f3f1ed}
body.zito-reference .ref-level-card{background:linear-gradient(135deg,#fff,#f4f2ee);border-color:#d8d5d0}
body.zito-reference .ref-level-card:hover{border-color:#96989a}
body.zito-reference .ref-level-mark{background:linear-gradient(145deg,#232425,#4b4c50);color:#fff}
body.zito-reference .ref-cyprus{background:#f6f4ef}
body.zito-reference .ref-atlas-map{background:radial-gradient(ellipse at 57% 52%,#454642,#1c1e1e 73%);border-color:#37383b;min-height:500px}
body.zito-reference .ref-atlas-map:before{content:'ΜΕΣΟΓΕΙΟΣ ΘΑΛΑΣΣΑ';position:absolute;top:30px;left:35px;color:#b9bab6;font-size:10px;font-weight:700;letter-spacing:.22em;z-index:1}
body.zito-reference .ref-atlas-map:after{content:'ZITOMATHIA  ·  34°N / 33°E';position:absolute;bottom:27px;left:35px;color:#aeb0b0;font-size:10px;font-weight:750;letter-spacing:.19em;z-index:1}
body.zito-reference .ref-map-island svg path:first-child{fill:#d4c8b7;stroke:#f7f1e7;stroke-width:3}
body.zito-reference .ref-map-point{background:#1c1d1d;border:2px solid #f2e9db;color:#fff;box-shadow:0 4px 15px #0008;width:33px;height:33px}
body.zito-reference .ref-map-point:hover,body.zito-reference .ref-map-point.is-current{background:#a27e53;border-color:#fff;color:#fff;box-shadow:0 0 0 5px #efdfc34a}
body.zito-reference .ref-atlas-card{background:#242322;border:1px solid #302f2e;padding:clamp(27px,4vw,42px);min-height:500px}
body.zito-reference .ref-atlas-counter{color:#e2c496}
body.zito-reference .ref-atlas-place{color:#e8c99c;font-weight:750}
body.zito-reference .ref-atlas-name{color:#fff;font-size:clamp(27px,3vw,38px)}
body.zito-reference .ref-atlas-info{color:#e4e0d9}
body.zito-reference .ref-atlas-source{color:#f3e5d0}
body.zito-reference .ref-atlas-source:hover{color:#fff}
body.zito-reference .ref-end-cta{background:linear-gradient(115deg,#191a1b,#2d2e31)}
body.zito-reference .ref-end-art{background:#292a2d;overflow:hidden;border-radius:24px 24px 0 0;padding:26px}
body.zito-reference .ref-end-art img{object-fit:contain;object-position:center;filter:none;border-radius:15px;max-height:420px}
body.zito-reference .ref-footer{background:#191a1b}
body.zito-reference .ref-about-page{align-items:start}
body.zito-reference .ref-about-photo{background:linear-gradient(140deg,#222325,#4b4b4e)!important;border-radius:28px!important;overflow:hidden!important;padding:20px!important;min-height:480px}
body.zito-reference .ref-about-photo img{width:100%;height:min(65svh,570px);object-fit:contain!important;object-position:center!important;border-radius:16px!important;display:block}
body.zito-reference .ref-about-photos figure{background:#262728;border-color:#a3a4a5;color:#e4e5e6}
body.zito-reference .ref-about-photos figure img{height:240px;object-fit:contain;object-position:center;background:linear-gradient(125deg,#2f3031,#49494b)}
body.zito-reference .ref-about-photos figure figcaption{color:#e0e0e0}
body.zito-reference .ref-about-box{background:#e5e0d9;border:1px solid #c9c7c4;border-radius:18px;padding:28px}
body.zito-reference .ref-about-box h2{font-weight:800}
/* Company page matches the supplied screenshot's actual content structure. */
.z5-company{max-width:1040px;margin:0 auto;padding:50px 0 100px;min-height:80vh}
.z5-overline{font-size:11px;font-weight:800;letter-spacing:.2em;color:#6c6d6e;margin:0 0 13px;text-transform:uppercase}
.z5-company h1,.z5-account-intro h1{font-size:clamp(39px,5vw,62px);line-height:1.1;color:#191a1b;margin:0 0 12px;font-weight:800;letter-spacing:-.05em}
.z5-company>p:not(.z5-overline){font-size:12px;color:#7a7774;margin:0 0 13px}
.z5-company-tags{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 25px}
.z5-company-tags span{border:1px solid #d7d0c5;background:#f3eee7;border-radius:100px;padding:8px 12px;font-size:11px;color:#514f4b}
.z5-company-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:17px;background:radial-gradient(ellipse at 85% 25%,#555557,#1c1d1d 70%);padding:36px;color:white;min-height:175px;margin:10px 0 38px;display:flex;flex-direction:column;justify-content:center}
.z5-company-banner span{font-size:11px;font-weight:800;letter-spacing:.21em;color:#cbcaca}.z5-company-banner h2{font-size:clamp(18px,2.4vw,26px);line-height:1.3;margin:12px 0;color:#fff}.z5-company-banner>b{position:absolute;z-index:-1;font-size:clamp(70px,12vw,130px);font-weight:900;letter-spacing:.15em;right:-18%;bottom:-75px;color:#9292921f;transform:rotate(-8deg);white-space:nowrap}
.z5-company-cards{display:grid;gap:13px}.z5-company-cards article{display:grid;grid-template-columns:32px 1fr;gap:23px;border:1px solid #d7d2ca;background:#fff;border-radius:16px;padding:28px 25px;align-items:start}.z5-company-cards article>span{display:grid;place-items:center;background:#ece8e1;color:#383a3b;border-radius:8px;width:32px;height:32px;font-size:11px;font-weight:800}.z5-company-cards h3{font-size:18px;font-weight:800;color:#151617;margin:0 0 17px}.z5-company-cards p{color:#666563;font-size:13px;line-height:1.8;margin:6px 0}.z5-company-cards a{color:#373a3e;text-decoration:underline;text-underline-offset:3px}
/* Account page: clean warm-white panels, dark hero, 4 paid products. */
.z5-account-intro{padding:55px 0 18px}.z5-account-intro>p:not(.z5-overline){font-size:14px;color:#66615c}.z5-account-body{padding-bottom:100px}
.z5-account-top{background:#1d1d1e;border:1px solid #323234;border-radius:19px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:33px;margin:15px 0 45px}
.z5-account-top h2{color:#fff;font-size:21px;font-weight:800;margin:10px 0}.z5-account-top p{font-size:13px;line-height:1.65;color:#d0cdca;max-width:550px;margin:0}.z5-icon{display:inline-grid;place-items:center;width:43px;height:43px;font-size:19px;font-weight:800;background:#e7e5df;color:#2a2a2b;border-radius:12px}
.z5-account-top .z5-icon{background:#303033;color:white;border:1px solid #6d6d6e}
.z5-account-actions a{display:inline-flex;padding:12px 20px;border-radius:30px;border:1px solid #c4c5c7;white-space:nowrap;font-size:13px;color:#1a1b1d;background:#f0f0ef;font-weight:800}
.z5-account-section-head{display:flex;gap:16px;justify-content:space-between;align-items:center}.z5-account-section-head h2{font-size:clamp(26px,3.2vw,37px);font-weight:800;margin:0 0 17px;color:#18191b}.z5-account-section-head>span{font-size:11px;color:#74706b}
.z5-account-notice{border:1px solid #c9bfb1;background:#eee9e1;color:#484746;border-radius:12px;padding:17px 19px;font-size:12px;line-height:1.7;margin:0 0 18px}
.z5-account-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.z5-account-pack{background:linear-gradient(145deg,#fcfaf6,#f0ece5);border:1px solid #d4cbbc;border-radius:16px;padding:23px;min-height:220px;display:flex;flex-direction:column;gap:9px}.z5-account-pack-head{display:flex;justify-content:space-between;align-items:center}.z5-account-pack-head small{border-radius:100px;background:#e0d9cd;color:#484747;padding:6px 10px;font-size:10px;font-weight:800}.z5-account-pack h3{margin:8px 0 0;font-size:21px;font-weight:800;color:#181919}.z5-account-pack>p{color:#67615c;font-size:12px;line-height:1.6;flex:1}.z5-account-pack-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.z5-account-pack-bottom small{font-size:12px;font-weight:650}.z5-account-pack-bottom a,.z5-account-pack-bottom span{font-size:12px;font-weight:800;border-radius:50px;padding:9px 14px;color:#fff;background:#202124;display:inline-flex;white-space:nowrap}.z5-account-pack-bottom span{background:#777679}
.z5-account-to-games{background:#e4dbcf;padding:19px 24px;border-radius:14px;margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px}.z5-account-to-games a{background:#f5f2eb;color:#242424;border-radius:50px;padding:11px 18px;font-weight:750;white-space:nowrap}
.z5-wc-account{margin-top:55px;border-top:1px solid #d5d2cc;padding-top:35px}.z5-wc-account>h2{font-size:28px;color:#161718;margin-bottom:25px}
/* Dashboard game cards. Keep 11 free game modes AND the four paid packs. */
.zito-reference .z-game-host{width:min(calc(100% - 46px),1250px);max-width:1250px;padding-bottom:110px}
.zito-reference .z-game-host .zito-app{background:transparent}
.zito-reference .z-game-host .zito-shell{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.zito-reference .z-game-host .zito-header{display:none!important}
.zito-reference .z-game-host .zito-hero{padding-top:20px!important}
.zito-reference .z-game-host .zito-hero h1{font-size:clamp(27px,4vw,45px)!important;letter-spacing:-.04em!important}
.zito-reference .z-game-host .zito-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:18px 0!important}
.zito-reference .z-game-host .zito-stats>span{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:105px;border:1px solid #dfd9d1!important;border-radius:14px!important;background:#eeeae4!important;color:#56514c!important;padding:20px!important;font-size:13px!important}
.zito-reference .z-game-host .zito-stats strong{font-size:25px!important;display:block;margin-left:auto}
.zito-reference .z-game-host .zito-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.zito-reference .z-game-host .zito-gamecard{border:1px solid #d3cbbc!important;background:#fff!important;border-radius:16px!important;padding:21px!important;gap:15px!important;min-height:218px;align-items:stretch!important;box-shadow:none}
.zito-reference .z-game-host .zito-gamecard:hover{border-color:#8e9195!important;box-shadow:0 14px 30px #14141412}
.zito-reference .z-game-host .zito-game-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.zito-reference .z-game-host .zito-game-top small{color:#6a6560;font-size:11px}
.zito-reference .z-game-host .zito-cardnumber{border-radius:13px;width:43px;height:43px;font-size:20px;background:#f1eee8;color:#333436}
.zito-reference .z-game-host .zito-game-copy{flex:1}
.zito-reference .z-game-host .zito-game-copy h3{font-size:18px!important;color:#171717!important;margin:0 0 8px}
.zito-reference .z-game-host .zito-game-copy p{font-size:12px!important;color:#6c6862!important;line-height:1.65}
.zito-reference .z-game-host .zito-game-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}
.zito-reference .z-game-host .zito-game-bottom>span{font-size:11px;font-weight:700;color:#514d4a}
.zito-reference .z-game-host .zito-game-open{cursor:pointer;border:0;background:transparent;color:#27282a;font-size:11px;font-weight:750}
.zito-reference .z-game-host .zito-game-progress{height:4px;background:#e9e4dc;border-radius:100px;overflow:hidden}
.zito-reference .z-game-host .zito-game-progress i{width:0;height:100%;display:block;background:#b7b7b8}
.zito-reference .z-game-host .zito-sectiontitle{margin-top:53px}
.zito-reference .z-game-host .zito-pack{background:linear-gradient(145deg,#29292b,#171718)!important;border:1px solid #555557!important;color:#faf9f6!important;padding:26px!important}
.zito-reference .z-game-host .zito-pack h3{color:#fff!important}.zito-reference .z-game-host .zito-pack p{color:#d0cecb!important}
.zito-reference .z-game-host .zito-packtop{color:#c8c8ca!important}.zito-reference .z-game-host .zito-packtop span:last-child{color:#f2d6ae!important}
.zito-reference .z-game-host .zito-packbottom>strong{color:#e4e2dd!important}
.zito-reference .z-game-host .zito-pack .zito-button{background:#e3d8c8!important;color:#202021!important}
.zito-reference .z-game-host .zito-pack .zito-muted{color:#d6cfc5!important}
.zito-reference .z-game-host .zito-note{color:#777!important}
.zito-reference .z-game-host .zito-footer{border-color:#bbb5ae!important;color:#777!important}
/* Fix interior product grids / link legibility */
.zito-reference .z3-books-grid .z3-book-card,.zito-reference .z3-premium-card{border-color:#d4d0c9;background:#f8f6f2}
.zito-reference .z3-book-card:hover,.zito-reference .z3-premium-card:hover{border-color:#8b8c8f}
.zito-reference .z3-shop-head{background:#f6f3ed}
.zito-reference .z3-premium-section{background:linear-gradient(145deg,#27282a,#3b3c3e)}
.zito-reference .z3-premium-section .z3-premium-head h2,.zito-reference .z3-premium-section .z3-premium-head p,.zito-reference .z3-premium-section .z3-eyebrow{color:#f2efe9}
@media(max-width:980px){.z5-company{width:min(calc(100% - 40px),1040px)}.zito-reference .z-game-host .zito-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){body.zito-reference .ref-hero-photo{height:auto;min-height:400px}body.zito-reference .ref-hero-photo img{height:380px;max-width:95%;border-width:5px;border-radius:22px}body.zito-reference .ref-eleni-art{min-height:290px}body.zito-reference .ref-eleni-art img{height:330px}body.zito-reference .ref-atlas-map{min-height:360px}body.zito-reference .ref-atlas-card{min-height:440px}.z5-company{padding:42px 0 70px}.z5-account-top{flex-direction:column;align-items:stretch;padding:25px}.z5-account-packs{grid-template-columns:1fr}.z5-account-section-head{flex-direction:column;align-items:start}.zito-reference .z-game-host .zito-stats{grid-template-columns:1fr!important}.zito-reference .z-game-host .zito-grid{grid-template-columns:1fr!important}.zito-reference .z-game-host .zito-gamecard{min-height:205px}.z5-account-to-games{flex-direction:column;align-items:stretch}.z5-company-banner{padding:27px}.z5-company-cards article{padding:20px;gap:14px} }

.z5-games-intro{margin-top:60px;border-bottom:1px solid #d8d3cb;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.z5-games-intro h1{font-size:clamp(36px,5.2vw,60px);line-height:1.1;letter-spacing:-.05em;color:#151617;font-weight:800;margin:8px 0 14px}
.z5-games-intro p:not(.z5-overline){color:#6b665f;font-size:15px;margin:0}
.z5-games-intro img{width:145px;height:150px;object-fit:contain;object-position:center;background:#29292b;border:1px solid #b4b6b9;border-radius:18px;flex-shrink:0}
.zito-reference .z-game-host .zito-hero-dashboard{padding:0 0 5px!important}
@media(max-width:700px){.z5-games-intro{margin-top:38px}.z5-games-intro img{width:88px;height:100px;border-radius:12px}.z5-games-intro h1{font-size:clamp(29px,6.3vw,46px)}.z5-games-intro p:not(.z5-overline){font-size:12px}}

/* v6: local true-alpha teacher portraits without image backgrounds or standing portrait */
.ref-hero-photo img,.ref-eleni-art img,.ref-about-photo img,.ref-about-photos img,.ref-end-art img,.z5-games-intro img{background:transparent!important;mix-blend-mode:normal!important;object-fit:contain!important}
.ref-hero-photo,.ref-eleni-art,.ref-end-art,.ref-about-photo{overflow:hidden}