:root{--ink:#102a43;--navy:#123c69;--deep:#0b2d50;--mint:#20b486;--mint-soft:#dff7ef;--cream:#f7f5ee;--paper:#fff;--line:#dce4e8;--muted:#6b7d8d;--red:#d84d4d;--red-soft:#fff0ee;--yellow:#e9b949;--shadow:0 22px 60px rgba(20,55,80,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans Bengali","Hind Siliguri","Nirmala UI",system-ui,sans-serif;line-height:1.55}
button,a{font:inherit}
button{color:inherit}
.hidden{display:none!important}
.app-shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{height:76px;padding:0 clamp(20px,5vw,76px);background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand-mark{width:38px;height:42px;background:var(--navy);border-radius:7px 7px 13px 7px;color:#fff;display:grid;place-items:center;font:800 22px/1 Georgia,serif;position:relative;transform:rotate(-2deg)}
.brand-mark small{position:absolute;color:#91ead0;font:800 12px/1 Arial;right:4px;top:5px}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font:800 20px/1.1 Arial,sans-serif;letter-spacing:-.7px}.brand small{font:700 8px/1 Arial,sans-serif;letter-spacing:1.8px;color:var(--muted);margin-top:4px}
.top-actions{display:flex;align-items:center;gap:13px}.streak{font-size:13px;font-weight:700;padding:7px 12px;border-radius:99px;background:#fff7df;color:#795c16}.streak span{color:#f49a37}.icon-button{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:18px}.mobile-login-button{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:9px 14px;font-size:11px;font-weight:800;cursor:pointer}.mobile-profile{display:flex;align-items:center;gap:10px}.mobile-profile>span{display:flex;flex-direction:column;line-height:1.2}.mobile-profile small{font-size:8px;color:var(--muted)}.mobile-profile strong{font:800 11px Arial;color:var(--navy)}.mobile-profile button{border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:9px;font-weight:800;cursor:pointer}
.dashboard-view{flex:1}
.hero-panel{min-height:560px;background:linear-gradient(110deg,var(--deep) 0%,#123f6e 65%,#174c80 100%);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:8vw;padding:70px clamp(22px,8vw,120px);position:relative;overflow:hidden}
.hero-panel:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-110px;top:-190px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}
.hero-copy{color:#fff;position:relative;z-index:1;max-width:720px}.eyebrow{font:800 11px/1.3 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--mint);margin:0 0 17px}.hero-copy h1{font-size:clamp(38px,5.5vw,69px);line-height:1.1;margin:0;letter-spacing:-2.2px}.hero-copy h1 em{font-style:normal;color:#98ead2}.hero-text{font-size:17px;line-height:1.8;color:#cfdae3;max-width:600px;margin:24px 0 30px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primary-button,.submit-button{border:0;border-radius:8px;background:var(--mint);color:#072c25;font-weight:800;padding:15px 22px;cursor:pointer;box-shadow:0 8px 24px rgba(32,180,134,.2);transition:.2s transform,.2s background}.primary-button:hover,.submit-button:hover{transform:translateY(-2px);background:#42c69e}.primary-button span{margin-left:18px}.primary-button.compact{padding:12px 18px}.text-button{border:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:5px;cursor:pointer;font-weight:700}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:35px;color:#aabfce;font-size:12px;font-weight:700;letter-spacing:.4px}.hero-foot i{width:4px;height:4px;border-radius:50%;background:var(--mint)}
.mission-card{width:min(100%,380px);justify-self:end;background:#fff;border-radius:17px;padding:27px 28px 25px;box-shadow:0 32px 70px rgba(0,0,0,.22);position:relative;z-index:2}.mission-top{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.mission-top b{font:800 10px/1 Arial;letter-spacing:1px;background:var(--mint-soft);color:#087657;padding:7px 9px;border-radius:4px}.ring{width:150px;height:150px;border-radius:50%;margin:27px auto;background:conic-gradient(var(--mint) 0 6deg,#e9eff1 6deg);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.ring div{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px}.ring strong{font:800 50px/1 Arial}.ring span{font:600 14px Arial;color:var(--muted)}.mission-stat{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.progress-track{height:7px;background:#e8edef;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--mint);border-radius:99px;transition:width .3s}.mission-card p{font-size:12px;color:var(--muted);margin:13px 0 0}
.plan-section{padding:76px clamp(22px,8vw,120px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{font-size:clamp(27px,3vw,39px);margin:0;letter-spacing:-1px}.section-heading>p{max-width:430px;color:var(--muted);font-size:14px}.progress-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin:-4px 0 20px}.progress-overview>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 17px;display:grid;grid-template-columns:1fr auto;align-items:end}.progress-overview small{grid-column:1/-1;color:var(--muted);font-size:10px;font-weight:800}.progress-overview strong{font:800 25px/1.2 Arial;color:var(--navy)}.progress-overview span:not(.overview-track){font-size:10px;color:var(--muted);padding-bottom:2px}.overview-track{grid-column:1/-1;height:5px;background:#e8edef;border-radius:99px;overflow:hidden;margin-top:9px}.overview-track i{display:block;width:0;height:100%;background:var(--mint);transition:width .3s}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-card{min-height:218px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.level-card.active{border:2px solid var(--mint);box-shadow:0 14px 35px rgba(20,55,80,.08)}.level-card.active:after{content:"চলছে";position:absolute;right:-29px;top:15px;transform:rotate(45deg);background:var(--mint);color:#063f31;font-size:10px;font-weight:900;width:100px;text-align:center;padding:3px}.level-no{font:800 12px Arial;color:#9aabb7}.level-card small{font:800 9px Arial;letter-spacing:1.4px;color:var(--mint)}.level-card h3{font:800 27px/1 Arial;margin:8px 0}.level-card p{margin:0;color:var(--muted);font-size:13px}.level-progress{display:grid;gap:7px}.level-progress>span{display:flex;align-items:center;justify-content:space-between}.level-progress b{font:800 13px Arial;color:var(--navy)}.level-progress small{color:var(--muted);letter-spacing:0;font-size:9px}.level-progress>i{display:block;height:5px;background:#e8edef;border-radius:99px;overflow:hidden}.level-progress em{display:block;height:100%;width:0;background:var(--mint);border-radius:99px;transition:width .3s}
.subject-strip{background:#e9efe9;padding:25px clamp(22px,8vw,120px);display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.subject-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.subject-strip .dot{grid-row:1/3;width:10px;height:10px;border-radius:50%}.subject-strip b{font-size:13px}.subject-strip small{color:var(--muted);font-size:11px}.bio{background:#20b486}.chem{background:#4c78c2}.physics{background:#e9b949}.english{background:#a875d5}.gk{background:#e46d68}
.day-section{padding:0 clamp(22px,8vw,120px) 76px}.day-section .section-heading>p b{font-size:20px;color:var(--navy)}.daily-task-panel{background:var(--deep);color:#fff;border-radius:15px;padding:25px;margin-bottom:24px;box-shadow:var(--shadow)}.daily-task-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.daily-task-head>div{display:flex;flex-direction:column}.daily-task-head small{font-size:10px;color:var(--mint);font-weight:800;letter-spacing:1px}.daily-task-head strong{font-size:24px}.daily-task-head>div:last-child{text-align:right}.daily-task-head b{font:800 24px Arial}.daily-task-head span{font-size:9px;color:#a9bece}.daily-task-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.daily-task{min-height:94px;border:1px solid #355775;background:#153c5f;color:#fff;border-radius:9px;padding:12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:8px;text-align:left;cursor:pointer}.daily-task.active{border:2px solid var(--mint);padding:11px;background:#174a68}.daily-task.done{background:#116653;border-color:#2bc49b}.daily-task>span{font:800 10px Arial;color:#8ca7ba}.daily-task>div{display:flex;flex-direction:column}.daily-task small{font-size:8px;color:#90d9c3}.daily-task strong{font-size:14px}.daily-task>i{grid-column:1/-1;height:4px;background:#2d536f;border-radius:99px;overflow:hidden}.daily-task em{display:block;height:100%;background:var(--mint)}.daily-task-progress{height:6px;background:#31536e;border-radius:99px;overflow:hidden;margin-top:17px}.daily-task-progress span{display:block;height:100%;width:0;background:var(--mint);transition:width .3s}.daily-task-panel>p{font-size:10px;color:#a9bece;margin:8px 0 0}.day-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.day-button{min-height:72px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:.18s;position:relative}.day-button:hover{border-color:var(--mint);transform:translateY(-2px)}.day-button.selected{border:2px solid var(--mint);background:var(--mint-soft)}.day-button.completed{background:#eff9f5}.day-button.completed:after{content:"✓";position:absolute;right:6px;top:4px;color:#087657;font-weight:900;font-size:10px}.day-button.locked{background:#eef1f1;border-color:#e1e6e7;opacity:.58;cursor:not-allowed}.day-button.locked:hover{border-color:#e1e6e7;transform:none}.day-button.locked strong{color:#7d8d97}.day-button strong{font:800 19px Arial;color:var(--navy)}.day-button small{font-size:9px;color:var(--muted)}.day-button .mini-progress{width:34px;height:3px;background:#e3e9e8;border-radius:99px;overflow:hidden}.day-button .mini-progress i{display:block;height:100%;background:var(--mint);width:0}
footer{min-height:82px;padding:20px clamp(22px,5vw,76px);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer span{font-weight:800;color:var(--ink)}footer a{color:var(--navy)}

.exam-view{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:calc(100vh - 76px);background:#f4f6f3}.exam-sidebar{background:var(--deep);color:#fff;padding:28px 22px;display:flex;flex-direction:column}.back-button{border:0;background:transparent;color:#a9c0d1;padding:0;text-align:left;cursor:pointer;font-size:13px}.exam-label{margin:32px 0 22px;display:flex;flex-direction:column}.exam-label small{font:800 9px Arial;letter-spacing:1.5px;color:#69d7b4}.exam-label b{font-size:19px;margin-top:5px}.palette-legend{display:flex;gap:13px;font-size:9px;color:#9fb2c1;margin-bottom:12px}.palette-legend span{display:flex;align-items:center;gap:5px}.palette-legend i{width:7px;height:7px;background:#355775;border-radius:2px}.palette-legend i.answered{background:var(--mint)}.question-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;overflow:auto;max-height:54vh;padding-right:2px}.question-palette button{aspect-ratio:1;border:1px solid #365875;background:#173e61;color:#a9bece;border-radius:5px;font:700 10px Arial;cursor:pointer}.question-palette button.answered{background:#167c65;border-color:#2cc39b;color:#fff}.question-palette button.current{outline:2px solid #fff;outline-offset:1px}.sidebar-progress{margin-top:auto;padding-top:25px}.sidebar-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.exam-sidebar .progress-track{background:#31536e}
.exam-main{padding:42px clamp(24px,6vw,85px) 70px;max-width:1180px;width:100%;margin:0 auto}.exam-header{display:flex;align-items:center;justify-content:space-between}.exam-header h2{font-size:31px;margin:0}.timer{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 15px;display:flex;align-items:center;gap:14px}.timer small{color:var(--muted);font-size:10px}.timer strong{font:800 22px Arial;color:var(--navy)}.timer.warning strong{color:var(--red)}.exam-meta{display:flex;align-items:center;gap:10px;margin:28px 0 14px;font-size:11px}.exam-meta>span:first-child{background:var(--mint-soft);color:#087657;font-weight:800;padding:6px 10px;border-radius:99px}.exam-meta>span:nth-child(2){color:var(--muted)}.exam-meta b{margin-left:auto;color:var(--muted);font-size:10px}.exam-meta i{color:var(--red);font-style:normal;margin:0 5px}.question-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:clamp(24px,4vw,45px);box-shadow:0 15px 45px rgba(28,62,82,.06)}.question-index{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.question-index span{font-weight:800;color:var(--navy);letter-spacing:.8px}.question-card h3{font-size:clamp(21px,2.2vw,29px);line-height:1.5;margin:25px 0 30px;min-height:84px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{border:1px solid #d4dde1;background:#fbfcfb;border-radius:8px;padding:15px 16px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;transition:.18s}.option:hover{border-color:#8cbcae;background:#f5fbf8}.option.selected{border:2px solid var(--mint);background:var(--mint-soft);padding:14px 15px}.option-key{width:30px;height:30px;border:1px solid #cbd6db;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font:800 11px Arial;color:#617684}.option.selected .option-key{background:var(--mint);border-color:var(--mint);color:#062f26}.option-text{font-size:14px;font-weight:650}.question-actions{display:flex;justify-content:space-between;margin-top:35px;padding-top:24px;border-top:1px solid #edf0f1}.secondary-button{border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:7px;font-weight:700;font-size:12px;cursor:pointer}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.submit-row p{font-size:11px;color:var(--muted)}.submit-button{padding:12px 20px;font-size:12px}.submit-button:disabled{background:#cfd8d5;color:#71827e;box-shadow:none;cursor:not-allowed}

.result-view{background:#f4f6f3;flex:1}.result-hero{padding:70px clamp(22px,10vw,150px);background:var(--deep);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:8vw;color:#fff}.result-copy h1{font-size:clamp(37px,5vw,64px);line-height:1.1;margin:0 0 18px}.result-copy>p:not(.eyebrow){color:#c8d6df;max-width:570px;margin-bottom:30px}.score-card{background:#fff;color:var(--ink);border-radius:16px;padding:30px;text-align:center;box-shadow:var(--shadow)}.score-card>small{display:block;color:var(--muted);font-weight:800}.score-card>strong{font:800 74px/1.15 Arial;color:var(--navy)}.score-card>span{font:700 18px Arial;color:var(--muted)}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.score-breakdown div{display:flex;flex-direction:column}.score-breakdown div+div{border-left:1px solid var(--line)}.score-breakdown b{font:800 20px Arial}.score-breakdown small{color:var(--muted);font-size:10px}.review-section{padding:70px clamp(22px,8vw,120px)}.review-filters{display:flex;gap:8px;margin-bottom:22px}.review-filters button{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:99px;cursor:pointer;font-size:11px;font-weight:700}.review-filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.review-list{display:grid;gap:14px}.review-item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--mint);border-radius:9px;padding:23px}.review-item.wrong{border-left-color:var(--red)}.review-top{display:flex;justify-content:space-between;gap:15px}.review-top span{font-size:10px;font-weight:800;color:var(--muted)}.review-status{border-radius:99px;padding:4px 8px}.review-status.correct{background:var(--mint-soft);color:#087657}.review-status.wrong{background:var(--red-soft);color:var(--red)}.review-item h3{font-size:16px;margin:13px 0}.answer-lines{font-size:12px;display:grid;gap:4px}.answer-lines span{color:var(--muted)}.answer-lines b{color:var(--ink)}.answer-lines .user-wrong b{color:var(--red)}.explanation{font-size:12px;color:#496172;background:#f2f6f4;padding:11px 13px;border-radius:6px;margin:14px 0 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#132f48;color:#fff;padding:11px 18px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
.result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.result-actions .secondary-button{color:#fff;background:transparent;border-color:#55738c;padding:14px 18px}.login-modal{position:fixed;inset:0;background:rgba(6,30,51,.66);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(4px)}.login-dialog{width:min(100%,440px);background:#fff;border-radius:16px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.3);position:relative}.modal-close{position:absolute;right:16px;top:12px;width:34px;height:34px;border:0;background:#eef2f1;border-radius:50%;font-size:23px;cursor:pointer}.login-mark{width:48px;height:52px;border-radius:9px 9px 15px 9px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 26px Georgia;position:relative;margin-bottom:20px}.login-mark small{position:absolute;right:5px;top:5px;color:var(--mint);font:800 13px Arial}.login-dialog .eyebrow{margin-bottom:8px}.login-dialog h2{font-size:29px;line-height:1.25;margin:0}.login-dialog>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:12px 0 24px}.login-dialog form{display:grid;gap:9px}.login-dialog label{font-size:11px;font-weight:800}.mobile-input-row{display:flex;align-items:center;border:1px solid #ccd8dd;border-radius:8px;background:#fbfcfb;overflow:hidden}.mobile-input-row:focus-within{border:2px solid var(--mint)}.mobile-input-row>span{padding:0 12px;border-right:1px solid var(--line);font:800 13px Arial;color:var(--navy)}.mobile-input-row input{width:100%;border:0;outline:0;background:transparent;padding:14px;font:700 16px Arial;color:var(--ink)}.login-error{min-height:18px;color:var(--red);font-size:10px}.login-dialog .primary-button{margin-top:2px}.login-dialog .primary-button span{float:right}
@media(max-width:900px){.hero-panel{grid-template-columns:1fr;padding-top:60px}.mission-card{justify-self:start}.progress-overview{grid-template-columns:1fr 1fr}.progress-overview>div:first-child{grid-column:1/-1}.level-grid{grid-template-columns:1fr 1fr}.daily-task-grid{grid-template-columns:repeat(3,1fr)}.day-grid{grid-template-columns:repeat(6,1fr)}.subject-strip{grid-template-columns:repeat(3,1fr)}.exam-view{grid-template-columns:1fr}.exam-sidebar{padding:16px 20px;display:block}.exam-sidebar .exam-label,.exam-sidebar .palette-legend,.exam-sidebar .question-palette{display:none}.sidebar-progress{padding:12px 0 0}.back-button{float:left;margin-right:20px}.result-hero{grid-template-columns:1fr}.score-card{max-width:440px}}
@media(max-width:600px){.topbar{height:66px}.streak,.mobile-profile small,.mobile-profile button{display:none}.top-actions{gap:7px}.mobile-login-button{padding:8px 10px;font-size:9px}.mobile-profile strong{font-size:9px}.login-dialog{padding:28px 21px}.login-dialog h2{font-size:25px}.hero-panel{padding:48px 20px 55px;gap:45px;min-height:0}.hero-copy h1{font-size:39px;letter-spacing:-1.3px}.hero-text{font-size:14px}.mission-card{padding:22px;width:100%}.plan-section{padding:55px 20px}.progress-overview{grid-template-columns:1fr}.progress-overview>div:first-child{grid-column:auto}.day-section{padding:0 20px 55px}.daily-task-panel{padding:20px 15px}.daily-task-head strong{font-size:20px}.daily-task-grid{grid-template-columns:1fr 1fr}.daily-task{min-height:82px}.daily-task:last-child{grid-column:1/-1}.day-grid{grid-template-columns:repeat(5,1fr);gap:7px}.day-button{min-height:62px}.section-heading{display:block}.section-heading>p{margin-top:10px}.level-grid{grid-template-columns:1fr}.level-card{min-height:185px}.subject-strip{grid-template-columns:1fr 1fr;padding:25px 20px}.subject-strip>div:last-child{grid-column:1/-1}footer{flex-direction:column;align-items:flex-start}.exam-main{padding:28px 15px 55px}.exam-header h2{font-size:23px}.timer{padding:7px 10px}.timer small{display:none}.timer strong{font-size:18px}.exam-meta{flex-wrap:wrap}.exam-meta b{width:100%;margin-left:0}.question-card{padding:22px 17px}.question-card h3{min-height:0;font-size:20px;margin:20px 0}.options{grid-template-columns:1fr}.question-actions{gap:8px}.question-actions button{flex:1;padding:11px 8px}.submit-row{display:block}.submit-button{width:100%}.result-hero{padding:50px 20px}.review-section{padding:50px 16px}.review-section .section-heading .secondary-button{margin-top:18px}.review-filters{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.level-card{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:.18s}
.level-card:hover{transform:translateY(-3px);border-color:#8bc7b5;box-shadow:0 12px 28px rgba(20,55,80,.07)}
.level-grid{grid-template-columns:repeat(5,1fr)}
.level-card.mix-card{background:linear-gradient(145deg,#ffffff,#effaf6)}
@media(max-width:1100px){.level-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.level-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.level-grid{grid-template-columns:1fr}}