@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,ui-rounded,system-ui,sans-serif;color:#263146;background:#f6f8fc;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ed9d19;outline-offset:4px}button{border:0}header{height:90px;background:white;border-bottom:1px solid #e7eaf1;display:flex;align-items:center;gap:25px;padding:0 4%}.brand{font-size:29px;font-weight:900;text-decoration:none;color:#263146;display:flex;gap:10px;align-items:center}.brand:first-letter{color:#7054db}.purple{color:#7154d9}.topnote{font-size:14px;color:#778195;flex:1}.quiet{background:white;border:1px solid #dfe3ed;border-radius:12px;padding:11px 17px;color:#536076;font-weight:800}.shell{max-width:1450px;margin:auto;display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 90px)}aside{padding:35px 22px;border-right:1px solid #e4e8ef;display:flex;flex-direction:column;gap:20px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.6px;color:#7b8699}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grades button{border:1px solid #dfe3ed;background:white;border-radius:12px;padding:10px 0;font-weight:900;color:#657085}.grades button.selected{background:#7053d9;color:white;border-color:#7053d9;box-shadow:0 4px 0 #5136b4}nav{display:grid;gap:9px;margin-top:8px}nav button{text-align:left;background:transparent;color:#68758a;padding:15px 10px;border-radius:13px;font-weight:800;font-size:15px}nav button.active{background:#ece7fb;color:#6548c8}.aside-note{margin-top:auto;background:#eef1fd;padding:19px;border-radius:17px}.aside-note span{display:block;font-size:30px;color:#7b61d7}.aside-note strong{font-size:15px}.aside-note p,aside small{color:#7a8495;font-size:13px;line-height:1.7}main{padding:36px 42px 60px;min-width:0}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome h1{font-size:30px;letter-spacing:-.8px;margin:7px 0}.welcome p{color:#7b8595;margin:8px 0}.date-tag{background:#fff0ce;padding:10px 16px;border-radius:30px;color:#8f650a;font-weight:800;font-size:14px;white-space:nowrap}.hero{background:#7052d7;color:white;border-radius:25px;padding:28px 32px;margin:26px 0;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h2{font-size:27px;margin:10px 0}.hero p{color:#e8dfff;max-width:460px;line-height:1.6}.hero .eyebrow{color:#dacbff}.primary{background:#7052d7;color:white;border-radius:13px;padding:13px 23px;font-weight:900;box-shadow:0 4px 0 #5036ad}.hero .primary{background:#fff;color:#6546c7;box-shadow:0 4px 0 #5234b0}.hero-symbol{font-size:75px;transform:rotate(-10deg);padding:20px;color:#ffdb76}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 16px}.section-head h2{font-size:22px;margin:0}.muted{color:#7c8799;font-size:14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid #e3e7ee;border-radius:21px;background:white;padding:24px;box-shadow:0 4px 0 #e9edf3}.icon{height:57px;width:57px;border-radius:17px;display:grid;place-items:center;font-size:30px;font-weight:900;background:#fff0d2;color:#d7880b}.card.turk .icon{background:#e8e2fc;color:#7754cf}.card h3{margin:16px 0 7px;font-size:21px}.card p{color:#738095;font-size:15px;line-height:1.65;min-height:49px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1f5;padding-top:16px;margin-top:19px}.card button{background:#fff1d7;color:#865b0a;padding:10px 18px;border-radius:11px;font-weight:900}.card.turk button{background:#ede7fc;color:#7050c9}.footnote{margin-top:25px;color:#7f8999;font-size:13px;line-height:1.7}.steps{display:flex;gap:10px;margin:23px 0}.steps span{padding:9px 15px;border-radius:24px;background:#e9edf5;font-size:14px;font-weight:800}.steps .current{background:#7052d7;color:white}.lesson{background:white;border:1px solid #e3e7ee;border-radius:24px;padding:32px;max-width:850px}.lesson h2{font-size:27px;line-height:1.4}.lesson p{line-height:1.85}.example{padding:23px;background:#f1edfc;border-radius:17px;font-size:20px;line-height:1.8;margin:24px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.option{background:white;border:2px solid #e0e5ee;border-radius:15px;padding:17px;text-align:left;color:#34415a;font-weight:800}.option:hover:not(:disabled){border-color:#8e74e4;background:#f7f4ff}.option:disabled{cursor:default;opacity:1}.option.correct{background:#e5f5ec;border-color:#4aab77}.option.wrong{background:#fff1df;border-color:#e8ab4d}.feedback{background:#eef5ff;padding:18px;border-radius:14px;margin:18px 0;line-height:1.75}.actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:25px;flex-wrap:wrap}.back{background:transparent;color:#68758a;padding:0;font-weight:800}.progress{height:9px;border-radius:10px;background:#e8e4f5;overflow:hidden;margin:14px 0}.progress div{height:100%;background:#8b6ce4}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.chip{padding:12px 20px;border-radius:12px;background:#ede7fc;color:#6a48c7;font-weight:900;border:2px solid transparent}.chip.chosen{border-color:#6a48c7;background:#dbcef9}.success-icon{font-size:56px}.record{padding:19px 0;border-bottom:1px solid #e6e9ef;display:flex;justify-content:space-between;gap:15px}.record strong{display:block}.record span{font-size:14px;color:#738095}dialog{border:0;border-radius:23px;max-width:620px;width:calc(100% - 32px);padding:32px;color:#34415a;box-shadow:0 20px 80px #18254144}dialog::backdrop{background:#202e4966}dialog p{line-height:1.7}dialog a{color:#6548c8}.close{float:right;background:#eef0f5;border-radius:50%;width:34px;height:34px;font-size:24px}@media(max-width:850px){.shell{grid-template-columns:180px 1fr}main{padding:25px}aside{padding:25px 14px}.cards{grid-template-columns:1fr}.hero-symbol{display:none}.topnote{display:none}header{justify-content:space-between}.welcome{align-items:flex-start}.date-tag{display:none}}@media(max-width:560px){header{height:75px;padding:0 18px}.brand{font-size:24px}.quiet{font-size:13px;padding:10px}.shell{display:block}aside{border:0;padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.eyebrow{font-size:11px}aside>.eyebrow{display:none}aside nav{margin:0;display:flex;justify-content:flex-end}nav button{font-size:12px;padding:9px}aside .aside-note,aside small{display:none}.grades{gap:6px}.grades button{padding:8px}.welcome h1{font-size:26px}main{padding:12px 20px 40px}.hero{padding:23px;margin:23px 0}.hero h2{font-size:24px}.section-head{flex-wrap:wrap}.lesson{padding:22px}.lesson h2{font-size:23px}.steps{gap:5px}.steps span{font-size:12px;padding:8px 11px}.options{grid-template-columns:1fr}.card{padding:21px}.welcome p{font-size:15px}.record{flex-wrap:wrap}}
.playground{margin:24px 0 32px}.playground .section-head{margin-bottom:20px}.playground h2{font-size:28px;margin-top:7px}.star-pill{background:#fff0bb;color:#765300;border:2px solid #f6d874;padding:10px 16px;border-radius:25px;font-weight:900;white-space:nowrap}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.game-card{border-radius:24px;padding:24px 20px;text-align:left;display:flex;flex-direction:column;gap:12px;color:#263146;border:2px solid #ffffffa0;box-shadow:0 6px 0 #dce1ed;transition:transform .18s,box-shadow .18s}.game-card:hover{transform:translateY(-5px);box-shadow:0 11px 0 #dce1ed}.pink{background:#ffe0ee}.blue{background:#dcf0ff}.green{background:#ddf4dd}.game-icon{font-size:44px}.game-card strong{font-size:21px;font-weight:900}.game-card>span:not(.game-icon){font-size:16px;line-height:1.6}.game-card b{margin-top:auto;background:white;border-radius:12px;padding:11px 16px;display:flex;justify-content:space-between;color:#5336ac}.game-note{color:#59677b;font-size:14px;margin-top:19px}.game-stage{margin:22px 0;padding:28px;border:2px solid white;box-shadow:0 7px 0 #e1e5ef;border-radius:28px;text-align:center;min-height:470px}.game-top{display:flex;justify-content:space-between;gap:15px;font-weight:900;font-size:16px;margin-bottom:32px}.game-stage h1{font-size:32px;margin:15px 0}.game-stage p{font-size:17px;line-height:1.7}.round-label{font-size:14px;font-weight:900;letter-spacing:1px;color:#59647a}.equation{font-size:clamp(28px,5vw,48px);font-weight:900;margin:28px 0}.balloons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:5px 0 35px}.balloon{width:110px;height:125px;border-radius:50%;border:3px solid #fff;box-shadow:0 7px 0 #00000018;color:#312255;font-size:30px;font-weight:900;transition:transform .2s}.balloon:hover:not(:disabled){transform:translateY(-9px)}.b0{background:#ffd46b}.b1{background:#a6e2ff}.b2{background:#c4b4ff}.b3{background:#aee8b9}.balloon:disabled{opacity:.5}.game-next{margin-top:22px}#game-feedback{font-size:17px;line-height:1.65;min-height:56px;padding:16px;background:#ffffffbb;border-radius:15px;margin-top:20px}.word-slots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:25px 0}.word-slots span{background:white;border-bottom:4px solid #8b6bdd;border-radius:12px;padding:12px;min-width:52px;font-size:23px;font-weight:900}.syllables{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.syllables .chip{font-size:22px;background:#7253d7;color:white}.syllables .chip:disabled{opacity:.35}.word-actions,.finish-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:590px;margin:25px auto}.memory-card{min-height:91px;background:#7150cd;color:white;border:3px solid white;border-radius:17px;font-size:26px;font-weight:900;box-shadow:0 4px 0 #523aa4}.memory-card.flipped{background:white;color:#382866}.memory-card.matched{background:#b3e9b5;color:#1e5128;box-shadow:0 4px 0 #74b678}.celebration{font-size:58px;margin:45px 0 20px;animation:pop .5s ease-out}.game-records{margin-top:25px}@keyframes pop{from{transform:scale(.7)}to{transform:scale(1)}}@media(max-width:1000px){.game-cards{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:55px 1fr;gap:7px 15px}.game-icon{grid-row:span 3}.game-card b{grid-column:2}.game-card strong{font-size:21px}}@media(max-width:560px){aside{grid-template-columns:1fr}.grades{max-width:220px}aside nav{justify-content:flex-start;flex-wrap:wrap}nav button{font-size:14px}.game-stage{padding:20px 14px}.game-stage h1{font-size:26px}.game-top{font-size:14px}.balloons{gap:12px;max-width:280px;margin:auto}.balloon{width:95px;height:108px}.memory-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.memory-card{min-height:78px;font-size:21px}.game-card{padding:20px 17px}.playground h2{font-size:25px}.star-pill{font-size:14px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Ana sayfa keşif dünyası */
.home-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.home-title h1{margin:7px 0 0;font-size:31px}.streak{background:#fff;border:2px solid #ffd58b;box-shadow:0 4px 0 #ffe3af;border-radius:16px;padding:12px 17px;color:#7c5506}.adventure-hero{min-height:310px;border-radius:30px;padding:38px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#6c4bd8 0%,#8d61e8 58%,#4e9eea 100%);color:#fff;box-shadow:0 9px 0 #e4ddf7}.adventure-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 18%,#ffffff24 0 3px,transparent 4px),radial-gradient(circle at 72% 22%,#ffffff25 0 4px,transparent 5px);background-size:55px 55px,80px 80px}.hero-copy{position:relative;z-index:2}.welcome-badge{display:inline-block;background:#ffffff26;border:1px solid #ffffff4f;padding:8px 13px;border-radius:20px;font-size:13px;font-weight:900;letter-spacing:.7px}.adventure-hero h2{font-size:clamp(30px,4vw,45px);line-height:1.08;margin:18px 0 12px;max-width:530px}.adventure-hero p{font-size:18px;color:#f1ebff;line-height:1.6;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-start,.hero-game{border-radius:14px;padding:14px 19px;font-weight:900}.hero-start{background:#ffdb63;color:#4d3700;box-shadow:0 5px 0 #c89b1d}.hero-game{background:#fff;color:#6345c4;box-shadow:0 5px 0 #d5c9f6}.hero-world{height:245px;position:relative;z-index:1}.sun{position:absolute;right:15px;top:0;font-size:43px}.cloud{position:absolute;font-size:44px;filter:drop-shadow(0 5px 4px #46328933)}.c1{top:28px;left:8px}.c2{top:70px;right:8px;font-size:31px}.island{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:205px;height:112px;background:#8cdb7f;border-radius:50%;box-shadow:0 19px 0 #5aaf70,0 31px 0 #ffffff2d;display:flex;align-items:center;justify-content:center;flex-direction:column}.island span{font-size:70px;line-height:.8;filter:drop-shadow(0 6px 5px #304b6744)}.island b{font-size:13px;background:#fff;color:#6044bd;padding:5px 11px;border-radius:12px;margin-top:5px}.rocket{position:absolute;right:8%;bottom:30px;font-size:48px;transform:rotate(-16deg)}.mission-row{display:grid;grid-template-columns:1fr 270px;gap:18px;margin:30px 0}.daily-mission,.score-board{background:#fff;border:1px solid #e3e7ee;box-shadow:0 5px 0 #e8ecf3;border-radius:22px}.daily-mission{padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px}.mission-icon{width:62px;height:62px;border-radius:18px;background:#fff1c9;display:grid;place-items:center;font-size:33px}.daily-mission h3{margin:4px 0;font-size:20px}.daily-mission p{margin:0;color:#738095;font-size:14px}.daily-mission button{background:#7152d6;color:#fff;padding:12px 17px;border-radius:12px;font-weight:900}.score-board{display:grid;grid-template-columns:1fr 1fr;padding:15px}.score-board>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-board>div+div{border-left:1px solid #e9ebf1}.score-board span{font-size:24px}.score-board strong{font-size:23px}.score-board small{color:#798396}.journey{background:#fff;border:1px solid #e3e7ee;border-radius:24px;padding:25px;margin-bottom:28px;box-shadow:0 5px 0 #e8ecf3}.journey .section-head{margin:0 0 22px}.journey h2{margin:5px 0 0}.route-count{font-size:14px;font-weight:900;color:#7052d7;background:#eee9fc;border-radius:18px;padding:8px 13px}.route{display:flex;align-items:center}.route>i{height:5px;flex:1;background:repeating-linear-gradient(90deg,#d9ddeb 0 10px,transparent 10px 16px)}.route-stop{display:flex;align-items:center;gap:10px;background:transparent;text-align:left;color:#334057;min-width:155px}.route-stop>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#7356d7;color:white;border:4px solid #e9e2ff;font-weight:900;font-size:18px}.route-stop.done>span{background:#49af73;border-color:#d8f3e2}.route-stop.bonus>span{background:#ffd86b;border-color:#fff1bd}.route-stop b,.route-stop small{display:block}.route-stop small{color:#7a8494;margin-top:3px;max-width:120px}.playground{background:linear-gradient(145deg,#f5f1ff,#edf8ff);border-radius:27px;padding:25px}.playground .game-card{background:#fff}.playground .game-card.pink{border-top:6px solid #f391bd}.playground .game-card.blue{border-top:6px solid #62b6ee}.playground .game-card.green{border-top:6px solid #70c477}@media(max-width:950px){.adventure-hero{grid-template-columns:1fr;padding:30px}.hero-world{display:none}.mission-row{grid-template-columns:1fr}.route{align-items:flex-start}.route>i{margin-top:20px}.route-stop{min-width:130px;flex-direction:column;text-align:center}.route-stop small{max-width:110px}}@media(max-width:560px){.home-title{align-items:flex-start}.home-title h1{font-size:25px}.streak{font-size:12px;padding:9px 11px}.adventure-hero{min-height:330px;padding:25px 21px}.adventure-hero h2{font-size:32px}.adventure-hero p{font-size:16px}.hero-actions{display:grid}.daily-mission{grid-template-columns:auto 1fr}.daily-mission button{grid-column:1/-1}.score-board{min-height:120px}.journey{padding:21px 15px}.journey .section-head{align-items:flex-start}.route{display:grid;grid-template-columns:1fr}.route>i{width:4px;height:24px;margin:4px 0 4px 20px;background:repeating-linear-gradient(#d9ddeb 0 7px,transparent 7px 12px)}.route-stop{flex-direction:row;text-align:left;min-width:0}.route-stop small{max-width:none}.playground{padding:18px 14px}}
/* Referans doğrultusunda zengin öğrenci paneli */
header{height:82px;padding:0 2.2%;box-shadow:0 3px 14px #24376d0a}.brand-star{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd52e,#ff8f20);color:#fff;border-radius:14px;font-size:24px;transform:rotate(-8deg);text-shadow:0 2px #d2710a}.class-badge{background:#7247ca;color:#fff;font-weight:900;border-radius:12px;padding:9px 15px}.header-spacer{flex:1}.wallet{display:flex;gap:10px}.wallet span,.student-pill{height:44px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e1e5ef;border-radius:24px;padding:0 16px;box-shadow:0 3px 10px #3143750e}.student-pill span{font-size:25px}.parent-button{height:44px}.shell{display:block;max-width:1500px}.shell aside{padding:0 2.2%;height:59px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #e2e6ef;background:#fff;gap:22px}.shell aside>.eyebrow{display:none}.shell aside .grades{order:3;margin-left:auto;width:205px}.shell aside nav{display:flex;order:1;margin:0}.shell aside nav button{padding:18px 16px;border-radius:0;border-bottom:3px solid transparent}.shell aside nav button.active{background:transparent;color:#163dab;border-bottom-color:#285be2}.shell aside .aside-note,.shell aside>small{display:none}main{padding:18px 2.2% 45px;background:#f7faff}.home-title{display:none}.school-banner{height:260px;border-radius:24px;background:linear-gradient(115deg,#dff4ff,#ccecff);display:grid;grid-template-columns:180px 1fr 1.1fr;align-items:end;overflow:hidden;position:relative;padding:20px 28px 0;border:1px solid #d3eaff}.student-mascot{font-size:135px;line-height:1;align-self:end;filter:drop-shadow(0 8px 5px #5e789f2d);transform:translateY(5px)}.banner-copy{align-self:center;z-index:2}.banner-copy h2{font-size:26px;margin:0 0 7px}.banner-copy p{font-size:18px;margin:0 0 15px}.goal-card{background:#fff;border-radius:17px;padding:14px 18px;box-shadow:0 5px 15px #47668922;max-width:360px}.goal-card>div:first-child{display:flex;justify-content:space-between}.goal-card span,.goal-card small{font-size:13px}.goal-bar{height:9px;background:#e8ecf1;border-radius:8px;overflow:hidden;margin:10px 0}.goal-bar i{display:block;height:100%;background:linear-gradient(90deg,#43b62e,#6bd050);border-radius:8px}.school-scene{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.sky-cloud{position:absolute;top:20px;font-size:35px}.trees{font-size:77px;letter-spacing:0;white-space:nowrap;filter:drop-shadow(0 5px 4px #41653f31)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.stat-strip article{background:#fff;border:1px solid #dfe5ee;border-radius:17px;padding:14px 22px;display:flex;align-items:center;gap:17px;box-shadow:0 3px 9px #3448780c}.stat-strip article>span{font-size:37px}.stat-strip small,.stat-strip b{display:block}.stat-strip small{font-size:13px}.stat-strip b{font-size:24px}.stat-strip em{font-size:13px;font-style:normal;margin-left:3px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.subject-card{background:#fff;border:1px solid;border-radius:21px;overflow:hidden;text-align:center;box-shadow:0 4px 12px #324a7a0a}.subject-card h3{font-size:22px;margin:17px 0 7px}.subject-art{height:88px;display:grid;place-items:center;font-size:64px;font-weight:900}.subject-art.letters{font-size:45px;letter-spacing:9px;color:#ff5538;text-shadow:3px 3px #80baf2}.subject-card p{font-size:14px;line-height:1.55;min-height:44px;padding:0 12px;margin:7px 0 12px}.subject-card>button{color:#fff;border-radius:20px;padding:10px 23px;font-weight:900;margin-bottom:14px}.subject-progress{padding:12px 15px;background:#fff;border-top:1px solid #e7ebf1;text-align:left}.subject-progress span{display:flex;justify-content:space-between;font-size:12px}.subject-progress i{height:7px;background:#e7ebf1;display:block;margin-top:8px;border-radius:7px;overflow:hidden}.subject-progress i b{display:block;height:100%;border-radius:7px}.turkish{border-color:#d8c9f7;background:linear-gradient(#f7f1ff,#fff)}.turkish h3{color:#6538bd}.turkish>button,.turkish .subject-progress i b{background:#7343ca}.math{border-color:#b9d8f5;background:linear-gradient(#edf8ff,#fff)}.math h3{color:#1654bc}.math>button,.math .subject-progress i b{background:#2472de}.life{border-color:#bee3c2;background:linear-gradient(#f0fff0,#fff)}.life h3{color:#18882a}.life>button,.life .subject-progress i b{background:#20aa39}.english{border-color:#f8d4a5;background:linear-gradient(#fff8ed,#fff)}.english h3{color:#ee681d}.english>button,.english .subject-progress i b{background:#f67c20}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:16px 0}.quick-grid button{min-height:110px;border:1px solid #dfe5ed;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#263146}.quick-grid button:nth-child(odd){background:#fff2f4}.quick-grid button:nth-child(2n){background:#fff9e5}.quick-grid button:nth-child(3n){background:#eaf8fb}.quick-grid span{font-size:37px}.dashboard-bottom{display:grid;grid-template-columns:1.15fr 1fr 1.3fr;gap:15px;margin-bottom:25px}.dashboard-bottom>article{background:#fff;border:1px solid #dfe5ed;border-radius:18px;padding:17px;min-height:150px}.assistant-card{display:flex;align-items:center;gap:14px;background:linear-gradient(130deg,#f1f8ff,#fff)!important}.bot{font-size:72px}.assistant-card h3,.week-card h3,.badge-card h3{margin:0 0 8px;color:#203bac}.assistant-card p{font-size:13px;line-height:1.5}.assistant-card button{background:#6345c7;color:#fff;padding:9px 14px;border-radius:12px;font-weight:900}.week-card h3{display:flex;justify-content:space-between}.week-card h3 span{font-size:12px;color:#e64c32;background:#fff0ee;padding:6px 10px;border-radius:10px}.week-days{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:24px}.week-days div{display:flex;flex-direction:column;align-items:center;gap:8px}.week-days b{font-size:24px}.week-days small{font-size:11px}.card-heading{display:flex;justify-content:space-between}.card-heading button{background:transparent;color:#3152ca;font-size:12px}.badges{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.badges span{font-size:44px}.badges small{display:block;font-size:11px;line-height:1.3}.playground{margin-top:20px}@media(max-width:1000px){.subject-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.dashboard-bottom{grid-template-columns:1fr 1fr}.badge-card{grid-column:1/-1}.school-banner{grid-template-columns:120px 1fr}.student-mascot{font-size:100px}.school-scene{display:none}.stat-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:0 15px}.brand{font-size:21px}.brand-star{width:34px;height:34px}.class-badge{display:none}.wallet span:nth-child(2),.parent-button span,.student-pill b{display:none}.wallet span,.student-pill,.parent-button{padding:0 10px}.shell aside{height:auto;padding:10px 14px;display:grid;grid-template-columns:1fr}.shell aside nav{order:1;overflow-x:auto}.shell aside nav button{padding:10px 12px;white-space:nowrap}.shell aside .grades{order:2;margin:0;width:220px}.school-banner{height:auto;min-height:310px;display:block;padding:24px}.student-mascot{display:none}.banner-copy h2{font-size:23px}.stat-strip{gap:9px}.stat-strip article{padding:12px;gap:8px}.stat-strip article>span{font-size:27px}.stat-strip b{font-size:18px}.subject-grid{grid-template-columns:1fr 1fr;gap:10px}.subject-card h3{font-size:18px}.subject-art{height:70px;font-size:48px}.subject-card p{font-size:12px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid button{min-height:95px;font-size:12px}.quick-grid span{font-size:30px}.dashboard-bottom{grid-template-columns:1fr}.badge-card{grid-column:auto}.assistant-card{padding:14px!important}.bot{font-size:58px}}
/* 2026 ürün görünümü */
body{background:#f4f7fc;color:#17233f}.school-banner{height:310px;display:block;padding:40px 48px;background-image:linear-gradient(90deg,transparent 0 24%,#d8eff9e8 34%,#dff3fad9 50%,transparent 68%),url('school-hero.webp');background-size:cover;background-position:center;border:0;box-shadow:0 10px 30px #1c4d8617}.banner-copy{width:390px;margin-left:24%;position:relative}.banner-copy h2{font-size:30px;color:#102457;letter-spacing:-.5px}.banner-copy p{color:#3d5578}.goal-card{border:1px solid #fff;box-shadow:0 12px 32px #143b7c20}.goal-card small{color:#45617c}.stat-strip{margin:20px 0 27px}.stat-strip article{min-height:82px;padding:15px 20px;transition:transform .18s,border-color .18s}.stat-strip article:hover{transform:translateY(-3px);border-color:#b9c9e4}.stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-size:22px!important;font-weight:900}.stat-icon.fire{background:#fff0e8;color:#f26129}.stat-icon.star{background:#fff8d8;color:#edae00}.stat-icon.shield{background:#eee9ff;color:#6845d1}.stat-icon.medal{background:#e5f6e6;color:#2b9c43}.section-title{display:flex;align-items:end;justify-content:space-between;margin:8px 0 16px}.section-title.compact{margin-top:27px}.section-title span,.mini-label{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#73819b}.section-title h2{font-size:24px;margin:4px 0 0}.section-title>button{background:transparent;color:#3154c8;font-weight:900;font-size:13px}.subject-grid{gap:18px}.subject-card{text-align:left;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #223d730c;background:#fff!important}.subject-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #223d7317}.subject-top{display:flex;align-items:center;justify-content:space-between;padding:18px 19px 0}.subject-top h3{margin:0}.subject-top>span{font-size:11px;font-weight:800;background:#fff;border:1px solid #e1e6ef;border-radius:14px;padding:5px 8px;color:#65728a}.subject-art{width:94px;height:94px;border-radius:26px;margin:18px auto 12px;font-size:35px;letter-spacing:2px;color:#fff;box-shadow:inset 0 -8px 0 #00000010,0 9px 18px #2337681a}.math-art{background:linear-gradient(145deg,#3b8df0,#1359cb)}.turkish-art{background:linear-gradient(145deg,#9c6bea,#6335c0);font-family:Georgia,serif}.english-art{background:linear-gradient(145deg,#ff9a42,#f05b20);font-size:25px}.life-art{background:linear-gradient(145deg,#55ca73,#168c3a)}.subject-card h4{font-size:17px;margin:8px 19px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-card p{color:#6c7890;padding:0 19px;min-height:44px;margin-bottom:14px}.subject-card>button{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 38px);margin:0 19px 17px;border-radius:12px;padding:11px 15px}.subject-progress{padding:13px 19px}.quick-grid{gap:12px}.quick-grid button{min-height:120px;background:#fff!important;box-shadow:0 4px 14px #263d6a0c;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.quick-grid button:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:#6a4ad2;opacity:.75}.quick-grid button:nth-child(2):after{background:#edaa1b}.quick-grid button:nth-child(3):after{background:#288dd1}.quick-grid button:nth-child(4):after{background:#39a85a}.quick-grid button:nth-child(5):after{background:#ef6a4b}.quick-grid button:nth-child(6):after{background:#9b54ce}.quick-grid button:hover{transform:translateY(-4px);box-shadow:0 12px 22px #263d6a18}.quick-grid small{font-size:11px;color:#7b879b}.quick-icon{width:44px;height:44px!important;border-radius:14px;display:grid;place-items:center;background:#f0ecff;color:#6844cd;font-size:20px!important;font-weight:900}.dashboard-bottom{gap:18px;margin-top:24px}.dashboard-bottom>article{min-height:180px;padding:22px;box-shadow:0 6px 20px #283d700c}.assistant-card{background:linear-gradient(135deg,#eef5ff,#fbfdff)!important}.assistant-card .bot{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#299bdd,#4e4acb);color:#fff;font-size:35px;font-weight:900;box-shadow:0 9px 0 #d7e6ff}.assistant-card h3,.week-card h3,.badge-card h3{margin-top:4px;color:#172b63}.assistant-card p{color:#63718a}.card-heading>b{width:42px;height:42px;display:grid;place-items:center;background:#f1edff;color:#6847cd;border-radius:14px}.week-days div{background:#f6f8fc;border-radius:14px;padding:8px 2px}.week-days div.hit{background:#fff6d9}.week-days div.hit b{color:#efa900}.badges span{width:55px;height:55px;display:grid;place-items:center;margin:4px auto 7px;border-radius:50%;background:linear-gradient(145deg,#ffd96a,#f1a500);border:5px solid #fff2bd;color:#fff;font-size:25px;box-shadow:0 4px 0 #d99000}.badges div:nth-child(2) span{background:linear-gradient(145deg,#5eabf1,#315ccd);border-color:#dceaff}.badges div:nth-child(3) span{background:linear-gradient(145deg,#6dd18b,#259953);border-color:#d9f5e2}.playground{background:#fff;border:1px solid #e1e6ef;box-shadow:0 6px 20px #283d700c}.game-card{box-shadow:none;border:1px solid #e0e6ef!important}.game-card:hover{box-shadow:0 10px 20px #243b6d14}.game-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#f1edff;font-size:28px}@media(max-width:1100px){.banner-copy{margin-left:19%}.school-banner{background-position:center}.subject-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){main{padding:14px 14px 35px}.school-banner{height:370px;padding:185px 18px 18px;background-image:linear-gradient(0deg,#dff3faff 0 48%,transparent 76%),url('school-hero.webp');background-position:35% center;border-radius:20px}.banner-copy{margin:0;width:auto}.banner-copy h2{font-size:22px}.banner-copy p{font-size:14px;margin-bottom:10px}.goal-card{padding:12px}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip article{min-height:72px;padding:11px}.stat-icon{width:39px;height:39px}.section-title{align-items:flex-start}.section-title h2{font-size:20px}.subject-grid{grid-template-columns:1fr}.subject-card{display:grid;grid-template-columns:96px 1fr;grid-template-areas:'top top' 'art title' 'art copy' 'art action' 'progress progress';padding-top:0}.subject-top{grid-area:top}.subject-art{grid-area:art;width:70px;height:70px;border-radius:20px;font-size:26px}.subject-card h4{grid-area:title;margin:17px 15px 0 0}.subject-card p{grid-area:copy;margin:2px 15px 7px 0;padding:0;min-height:0}.subject-card>button{grid-area:action;margin:0 15px 14px 0;width:auto;padding:9px 12px}.subject-progress{grid-area:progress}.quick-grid{grid-template-columns:1fr 1fr}.dashboard-bottom>article{min-height:160px}.game-cards{grid-template-columns:1fr}}
/* AkıllıOkul tam ürün alanları */
.brand{color:#123ca6}.brand .purple{color:#6d3fc5}.parent-button b{font-size:18px;color:#5b43bd}.shell aside nav button{display:flex;align-items:center;gap:8px;font-size:14px}.shell aside nav button i{font-style:normal;font-size:18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 2px 25px}.page-heading>div:first-child>span{font-size:12px;font-weight:900;letter-spacing:1.3px;color:#6950c8}.page-heading h1{font-size:32px;margin:6px 0 5px;letter-spacing:-.7px}.page-heading p{color:#6d7a91;margin:0}.overall-ring,.task-score{width:110px;height:74px;border:1px solid #dde4ef;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 5px 16px #263d6a0d}.overall-ring b,.task-score b{font-size:23px;color:#5940bd}.overall-ring small,.task-score small{font-size:11px;color:#738099}.course-list{display:grid;gap:15px}.course-row{display:grid;grid-template-columns:86px 1fr 190px;align-items:center;gap:20px;background:#fff;border:1px solid #e0e5ee;border-radius:21px;padding:20px 22px;box-shadow:0 5px 18px #263d6a0b;position:relative;overflow:hidden}.course-row:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#6842c6}.course-row.math:before{background:#2574de}.course-row.life:before{background:#2ba64b}.course-row.english:before{background:#ef7725}.course-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;color:#fff;font-weight:900;font-size:26px}.course-main>span{font-size:11px;font-weight:900;letter-spacing:.8px;color:#78859a}.course-main h2{font-size:21px;margin:5px 0}.course-main p{color:#6c7890;margin:0 0 12px;font-size:14px}.course-meta{display:flex;gap:17px;flex-wrap:wrap;font-size:12px}.course-meta b{color:#2a9a4c}.course-meta span{color:#748198}.course-action{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.course-action button{grid-column:1/-1;background:#172d70;color:#fff;border-radius:12px;padding:11px;font-weight:900}.course-action small{font-size:11px}.mini-progress{height:7px;background:#e8ecf2;border-radius:8px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#55bd64}.task-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.task-list{background:#fff;border:1px solid #dfe5ef;border-radius:22px;overflow:hidden}.task-list-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #e5e9f0}.task-list-head h2{margin:0;font-size:21px}.task-list-head span{font-size:12px;background:#f0ecff;color:#6045bd;padding:7px 10px;border-radius:12px;font-weight:900}.task-item{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px;padding:17px 22px;border-bottom:1px solid #edf0f5}.task-item:last-child{border:0}.task-item.complete{background:#f7fff9}.task-check{width:40px;height:40px;display:grid;place-items:center;background:#f0ecff;color:#6845c8;border-radius:13px;font-weight:900}.task-item.complete .task-check{background:#dff5e5;color:#259b49}.task-item small{color:#78859b}.task-item h3{margin:4px 0;font-size:17px}.task-item p{margin:0;color:#728097;font-size:13px}.task-item>button{background:#fff;border:1px solid #d8dfeb;padding:9px 12px;border-radius:11px;color:#263f91;font-weight:900}.focus-panel{background:linear-gradient(150deg,#6747ce,#3358c8);color:#fff;border-radius:23px;padding:25px;text-align:center;position:sticky;top:20px}.focus-panel>span{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#ded7ff}.focus-panel h2{font-size:22px}.focus-panel p{color:#e3e8ff;font-size:14px;line-height:1.65}.focus-panel button{background:#fff;color:#5041b3;border-radius:12px;padding:11px 18px;font-weight:900;width:100%}.focus-ring{width:135px;height:135px;margin:20px auto;display:grid;place-items:center;align-content:center;border:12px solid #ffffff32;border-top-color:#ffe164;border-right-color:#ffe164;border-radius:50%}.focus-ring b{font-size:34px}.focus-ring small{font-size:12px}.profile-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.profile-card,.settings-card{background:#fff;border:1px solid #dfe5ee;border-radius:24px;padding:28px;box-shadow:0 6px 20px #263d6a0b}.profile-card{text-align:center}.profile-avatar{width:100px;height:100px;margin:auto;display:grid;place-items:center;background:linear-gradient(145deg,#7454d6,#315bcc);border:8px solid #e8e3ff;border-radius:35px;color:#fff;font-size:30px;font-weight:900}.profile-card h2{margin-bottom:5px}.profile-card>p{color:#738098}.profile-level{text-align:left;background:#f7f8fc;border-radius:14px;padding:13px;margin:24px 0}.profile-level span{font-size:13px;font-weight:900}.profile-level i{display:block;height:8px;background:#e1e6ef;border-radius:8px;margin-top:9px;overflow:hidden}.profile-level i b{display:block;height:100%;background:#6947cc}.profile-numbers{display:grid;grid-template-columns:repeat(3,1fr)}.profile-numbers div+div{border-left:1px solid #e4e8ef}.profile-numbers b,.profile-numbers small{display:block}.profile-numbers b{font-size:22px}.profile-numbers small{font-size:11px;color:#7a869a}.settings-card h2{font-size:23px}.settings-card>p{color:#6e7b91}.big-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.big-grades button{background:#f7f8fc;border:2px solid #e2e6ee;border-radius:17px;padding:18px 10px;color:#26344e}.big-grades button.selected{border-color:#6947cc;background:#f0ebff;color:#5d3fbd}.big-grades b,.big-grades span{display:block}.big-grades b{font-size:28px}.big-grades span{font-size:12px;margin-top:5px}.device-note{background:#edf6ff;border-radius:16px;padding:16px;color:#38566f}.device-note p{margin-bottom:0;font-size:13px}.date-filter{background:#fff;border:1px solid #dbe2ed;border-radius:12px;padding:11px 15px;color:#4e43b6;font-weight:900}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.report-stats article{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:18px;display:grid;grid-template-columns:45px 1fr;align-items:center}.report-stats article>span{grid-row:span 2;width:40px;height:40px;border-radius:13px;background:#f0ebff;color:#6445c4;display:grid;place-items:center;font-size:20px}.report-stats small{color:#758197}.report-stats b{font-size:22px}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:18px 0}.report-grid>article,.report-notes>article{background:#fff;border:1px solid #dfe5ee;border-radius:20px;padding:23px}.achievement-chart h2,.skill-card h2{margin:5px 0 23px;font-size:21px}.bar-row{display:grid;grid-template-columns:95px 1fr 45px;gap:12px;align-items:center;margin:18px 0}.bar-row>b{font-size:13px}.bar-row>i{height:10px;background:#e9edf3;border-radius:8px;overflow:hidden}.bar-row>i span{display:block;height:100%;border-radius:8px}.turkish-bar{background:#7248ca}.math-bar{background:#2f75d8}.life-bar{background:#3cac52}.english-bar{background:#f07b25}.bar-row strong{font-size:12px}.skill-orbit{width:150px;height:150px;margin:15px auto;display:grid;place-items:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#fff 43%,transparent 44%),conic-gradient(#6950d1 0 68%,#e8e4fa 68%)}.skill-orbit b{display:block;font-size:31px;color:#563db8}.skill-orbit small{font-size:11px}.skill-card ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.skill-card li{font-size:11px}.skill-card li span{display:inline-block;width:7px;height:7px;background:#6847ca;border-radius:50%;margin-right:5px}.report-notes{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.report-notes h3{margin:5px 0}.report-notes p{font-size:14px;line-height:1.65;color:#66748a}.report-notes article:nth-child(2){display:grid;gap:8px}.report-notes article:nth-child(2)>button{display:grid;grid-template-columns:27px 1fr auto;align-items:center;text-align:left;background:#f8fafc;border-radius:11px;padding:10px;color:#273752}.report-notes article:nth-child(2)>button span{color:#33a84e}.report-notes article:nth-child(2)>button em{font-style:normal;color:#5c42c0;border:1px solid #cfc7ef;padding:4px 7px;border-radius:7px}.lesson-workspace{display:grid;grid-template-columns:minmax(0,850px) 260px;gap:20px;align-items:start}.lesson-workspace .lesson{max-width:none}.lesson-side{background:#fff;border:1px solid #dfe5ed;border-radius:20px;padding:20px;position:sticky;top:20px}.lesson-side h3{margin:6px 0}.lesson-side p{font-size:13px;color:#748096}.side-meter{margin:24px 0}.side-meter span,.side-meter>b{font-size:12px}.side-meter>b{float:right}.side-meter i{display:block;height:8px;background:#e6eaf1;border-radius:8px;overflow:hidden;clear:both;margin-top:9px}.side-meter em{display:block;height:100%;background:#52b85e}.side-tip{background:#fff8dd;padding:14px;border-radius:14px;margin-bottom:15px}.side-tip p{margin-bottom:0;color:#665d3c}.lesson-side>button{width:100%}@media(max-width:950px){.shell aside nav{gap:3px}.shell aside nav button{padding:16px 9px;font-size:12px}.task-layout,.profile-layout,.report-grid,.report-notes,.lesson-workspace{grid-template-columns:1fr}.focus-panel,.lesson-side{position:static}.report-stats{grid-template-columns:1fr 1fr}.course-row{grid-template-columns:70px 1fr}.course-action{grid-column:2}.lesson-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lesson-side>button{grid-column:1/-1}}@media(max-width:650px){.shell aside nav{padding-bottom:2px}.shell aside nav button{font-size:0;min-width:54px;justify-content:center}.shell aside nav button i{font-size:20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:14px}.overall-ring,.task-score{width:84px}.course-row{grid-template-columns:55px 1fr;padding:16px 14px;gap:12px}.course-mark{width:52px;height:52px;border-radius:16px;font-size:18px}.course-main h2{font-size:18px}.course-meta{gap:7px}.course-action{grid-column:1/-1}.task-item{grid-template-columns:40px 1fr;padding:15px}.task-item>button{grid-column:2}.profile-layout{grid-template-columns:1fr}.big-grades{grid-template-columns:1fr 1fr}.report-stats{grid-template-columns:1fr 1fr;gap:8px}.report-stats article{grid-template-columns:35px 1fr;padding:12px}.report-stats article>span{width:31px;height:31px}.report-stats b{font-size:17px}.bar-row{grid-template-columns:75px 1fr 38px}.lesson-side{display:block}.lesson-side>div{margin-bottom:15px}}