@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");
:root{--blue:#1765ef;--ink:#071943;--muted:#68738c;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}a{color:inherit;text-decoration:none}.site-header{height:106px;display:flex;align-items:center;gap:32px;max-width:1152px;margin:auto;padding:0 10px}.brand{display:inline-flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand-mark,.dash-logo{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1873ff,#1553d7);border-radius:10px;font:700 16px/1 Manrope,sans-serif;letter-spacing:-2px}.brand-mark{width:42px;height:42px;box-shadow:0 5px 12px #1765ef44}.main-nav{display:flex;align-items:center;justify-content:center;gap:37px;flex:1;font-size:13px;font-weight:600;color:#44506d}.main-nav a:hover{color:var(--blue)}.header-actions,.hero-actions{display:flex;gap:14px}.button{min-height:42px;padding:0 20px;display:inline-flex;gap:13px;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:700;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 6px 13px #1765ef36}.button-light{color:#1c356a;background:#fff;border:1px solid #e7ebf3;box-shadow:0 2px 5px #26395d0b}.menu-toggle{display:none;border:0;background:transparent}.hero{display:grid;grid-template-columns:1fr 1.11fr;gap:45px;min-height:515px;padding:34px max(4.5vw,40px) 28px;background:radial-gradient(circle at 58% 24%,#e9f2ff 0,transparent 30%),linear-gradient(108deg,#f7faff 5%,#f3f7ff 62%,#fff 100%)}.hero-copy{max-width:490px;align-self:center;justify-self:end;padding-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 21px;padding:7px 14px;border-radius:999px;color:#2867e9;background:#e6efff;font-size:12px;font-weight:700}.eyebrow span{font-size:16px}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:23px;font:800 clamp(38px,3.45vw,52px)/1.05 Manrope,sans-serif;letter-spacing:-2.7px}.hero h1 strong{color:var(--blue)}.hero-description{max-width:480px;margin-bottom:34px;color:#657089;font-size:16px;line-height:1.75}.hero-actions .button{min-width:160px;height:46px}.dashboard-wrap{display:flex;align-items:center}.dashboard{width:min(100%,560px);min-height:442px;display:grid;grid-template-columns:146px 1fr;overflow:hidden;border:1px solid #e6ebf6;border-radius:15px;background:#fff;box-shadow:0 15px 45px #5174af17}.dashboard-nav{padding:22px 13px;border-right:1px solid #edf0f6}.dash-logo{width:28px;height:28px;margin:0 auto 20px;border-radius:7px;font-size:10px}.dashboard-nav a{display:flex;align-items:center;gap:11px;height:31px;padding:0 8px;border-radius:6px;color:#6c7690;font-size:9px;font-weight:700}.dashboard-nav a.active{color:var(--blue);background:#edf4ff}.dashboard-content{padding:22px;background:#fcfdff}.welcome h2{margin:0 0 4px;font:800 18px Manrope,sans-serif}.welcome p{margin-bottom:17px;font-size:9px;color:#66718a;font-weight:600}.power-card,.plan-card,.tasks{border:1px solid #eef1f7;border-radius:8px;background:#fff;box-shadow:0 4px 11px #10295b08}.power-card{height:123px;display:flex;justify-content:space-between;padding:18px 20px 12px}.power-card p,.tasks>p{margin:0 0 7px;color:#536078;font-size:9px;font-weight:700}.power-card strong{display:block;font:800 23px Manrope,sans-serif}.power-card small,.plan-summary small{color:#69748c;font-size:9px}.gain{color:#26ba7e;font-size:10px;font-weight:700}.power-card svg{align-self:end;width:55%}.graph-fill{fill:#eef5ff}.graph-line{fill:none;stroke:#3677ee;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.plan-card{display:flex;align-items:center;gap:13px;height:119px;margin-top:12px;padding:14px}.ring{width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;border:8px solid #e9effb;border-top-color:var(--blue);border-right-color:var(--blue);border-radius:50%;color:var(--blue);font-size:15px;font-weight:800;transform:rotate(-35deg)}.ring span{transform:rotate(35deg)}.plan-summary{align-self:center;flex:1}.plan-summary strong{font:800 17px Manrope,sans-serif}.progress{height:4px;margin:11px 0 8px;overflow:hidden;border-radius:4px;background:#e6e9ee}.progress i{display:block;width:68%;height:100%;background:var(--blue)}.plan-summary p{margin:0;color:#7a8396;font-size:7px;line-height:1.5}.mini-button{align-self:end;padding:7px 10px;border-radius:4px;color:#fff;background:var(--blue);font-size:8px;white-space:nowrap}.tasks{margin-top:12px;padding:13px}.task-row{display:flex;gap:5px;align-items:end}.task-row>div{flex:1;min-width:0}.task-row b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;border-radius:4px;color:#fff;font-size:11px}.math{background:#2176ed}.turkish{background:#f28231}.physics{background:#7659de}.task-row strong{display:inline-block;vertical-align:middle;font-size:8px}.task-row strong small,.task-row em{display:block;font-size:7px;font-style:normal;font-weight:500;color:#8a94a7}.task-row em{margin-top:8px;color:#45536e;font-weight:700}.task-progress{width:57px;height:3px;margin:0 0 0 -57px;border-radius:4px;background:#e8ecf3}.task-progress:after{display:block;width:72%;height:100%;content:"";background:var(--blue)}.task-progress.green:after{background:#28c987}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:1082px;margin:21px auto 0}.features article{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px;border:1px solid #edf0f6;border-radius:12px;box-shadow:0 5px 15px #2b426d0a}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:20px}.blue-icon{background:#e8f0ff;color:#3778ef}.green-icon{background:#e4fbf2;color:#29bf84}.red-icon{background:#fff1ef;color:#f36e61}.orange-icon{background:#fff3e8;color:#f69e4d}.features h2{margin:0 0 4px;font:700 11px Manrope,sans-serif}.features p{margin:0;color:#7a8292;font-size:9px}.audience{max-width:1082px;padding:48px 0 19px;margin:auto;text-align:center}.centered{margin-bottom:14px}.audience>h2{margin-bottom:23px;font:800 27px Manrope,sans-serif;letter-spacing:-1.4px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.audience-card{min-height:313px;padding:16px 30px 20px;border:1px solid #e8ecf4;border-radius:14px}.student{background:#f5f5ff}.parent{background:#effcf8}.coach{background:#fff5f0}.illustration{height:143px;display:flex;align-items:end;justify-content:center;padding-bottom:4px;font-size:98px;line-height:1;filter:drop-shadow(0 6px 5px #2c3e6b1c)}.parent-art{font-size:75px}.audience-card h3{margin:0 0 10px;font:800 18px Manrope,sans-serif}.audience-card p{min-height:42px;margin-bottom:12px;color:#68728a;font-size:11px;line-height:1.6}.audience-card a{color:var(--blue);font-size:13px;font-weight:700}.parent a{color:#22b978}.audience-card a span{margin-left:8px;font-size:17px}.stats{max-width:1082px;min-height:112px;display:grid;grid-template-columns:2.5fr repeat(4,1fr);align-items:center;padding:16px 41px;margin:0 auto 15px;border:1px solid #dce9fc;border-radius:14px;background:linear-gradient(105deg,#eaf2ff,#f7fbff)}.stats-intro{display:flex;align-items:center;gap:19px;font:800 18px/1.4 Manrope,sans-serif}.graduate-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;background:var(--blue);font-size:34px}.stats>div:not(.stats-intro){text-align:center}.stats strong{display:block;color:var(--blue);font:800 20px Manrope,sans-serif}.stats span:not(.graduate-icon){color:#6b7490;font-size:11px;font-weight:600}.site-footer{padding:29px max(4.5vw,40px) 15px;color:#d7e1fb;background:#03183c}.footer-grid{max-width:1082px;display:grid;grid-template-columns:2.2fr repeat(3,1fr) 1.8fr;gap:36px;margin:auto}.footer-brand{color:#fff;font-size:16px}.footer-brand .brand-mark{width:28px;height:28px;border-radius:6px;font-size:10px}.footer-grid p{max-width:200px;margin:19px 0;color:#9caccc;font-size:10px;line-height:1.7}.socials{display:flex;gap:16px}.socials a{color:#becbe6;font-size:17px;font-weight:700}.footer-grid h2{margin:6px 0 15px;color:#fff;font:700 12px Manrope,sans-serif}.footer-grid>div>a:not(.brand),.footer-grid>div:not(:first-child) a{display:block;margin:0 0 10px;color:#aab8d5;font-size:10px}.newsletter div{display:flex;overflow:hidden;border:1px solid #15376b;border-radius:7px;background:#0a2859}.newsletter input{min-width:0;flex:1;padding:11px 12px;border:0;outline:0;color:#fff;background:transparent;font:11px inherit}.newsletter button{width:38px;margin:3px;border:1px solid #2775ed;border-radius:6px;color:#fff;background:#0d2754;cursor:pointer}.copyright{max-width:1082px;margin:23px auto 0;padding-top:14px;border-top:1px solid #17335e;color:#8395b5;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.site-header{height:78px;padding:0 22px}.main-nav{gap:16px}.header-actions .button{padding:0 11px}.hero{grid-template-columns:1fr;padding:55px 7vw 35px}.hero-copy{justify-self:start}.dashboard-wrap{justify-content:center}.features,.audience,.stats{margin-left:22px;margin-right:22px}.features{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>:first-child{grid-column:span 3}.newsletter{grid-column:span 2}}
@media(max-width:620px){.site-header{position:relative;gap:14px}.brand{font-size:17px}.brand-mark{width:36px;height:36px}.menu-toggle{display:grid;gap:4px;width:34px;margin-left:auto;padding:8px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink)}.main-nav{position:absolute;z-index:4;top:70px;right:15px;left:15px;display:none;padding:16px;border-radius:12px;background:#fff;box-shadow:0 12px 30px #13275825}.main-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.header-actions{display:none}.hero{padding:40px 22px 28px}.hero h1{font-size:38px;letter-spacing:-2px}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap}.dashboard{grid-template-columns:1fr}.dashboard-nav{display:none}.dashboard-content{padding:16px}.features{grid-template-columns:1fr}.audience{padding-top:42px}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:0}.illustration{height:115px}.stats{grid-template-columns:1fr 1fr;gap:18px;padding:22px}.stats-intro{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>:first-child{grid-column:span 2}.newsletter{grid-column:span 2}}

.login-page{min-height:100vh;background:#f7f9fc}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden;border:1px solid #dde5f0;border-radius:0 30px 30px 0}.login-brand-panel{position:relative;display:flex;flex-direction:column;padding:78px 10.4%;color:#fff;background:#122754}.login-brand{display:inline-flex;align-items:center;gap:18px;color:#fff;font:800 24px Manrope,sans-serif}.login-brand .brand-mark{width:67px;height:67px;border-radius:17px;font-size:22px}.login-message{margin:auto 0}.login-message h1{margin:0 0 27px;font:800 clamp(42px,4.1vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-3px}.login-message p{max-width:590px;margin:0;color:#dbe5ff;font-size:23px;line-height:1.8}.roles{margin:0;color:#aebfdf;font-size:19px}.login-form-panel{display:grid;place-items:center;padding:54px;background:#fff}.login-form-wrap{width:min(100%,560px)}.back-link{display:inline-block;margin-bottom:53px;color:#60718f;font-size:20px}.login-form-wrap>h1{margin:0 0 14px;font:800 46px Manrope,sans-serif;letter-spacing:-2px}.login-subtitle{margin-bottom:52px;color:#62718c;font-size:22px}.login-form label{display:block;margin:0 0 12px;font:800 20px Manrope,sans-serif}.login-form input[type=email],.login-form input[type=password]{width:100%;height:72px;margin:0 0 30px;padding:0 20px;border:1px solid #d9e1ed;border-radius:16px;outline:0;color:var(--ink);font:20px "DM Sans",sans-serif}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1765ef16}.login-form input::placeholder{color:#6d7787}.login-options{display:flex;align-items:center;justify-content:space-between;margin:-1px 0 46px}.login-options .remember{display:flex;align-items:center;gap:13px;margin:0;color:#33445f;font-size:19px}.remember input{width:19px;height:19px;accent-color:var(--blue)}.login-options a{color:var(--blue);font-size:19px;font-weight:700}.login-form button{width:100%;height:72px;border:0;border-radius:16px;color:#fff;background:#246cf2;box-shadow:0 9px 20px #1765ef2e;cursor:pointer;font:800 22px Manrope,sans-serif}.login-note{margin:31px auto 0;max-width:570px;color:#60718f;font-size:18px;line-height:1.6;text-align:center}@media(max-width:760px){.login-layout{display:block;border-radius:0}.login-brand-panel{min-height:255px;padding:34px}.login-brand{font-size:18px}.login-brand .brand-mark{width:48px;height:48px;border-radius:12px;font-size:16px}.login-message{margin:45px 0 0}.login-message h1{font-size:34px;letter-spacing:-1.5px}.login-message p,.roles{display:none}.login-form-panel{padding:38px 24px}.back-link{margin-bottom:36px;font-size:16px}.login-form-wrap>h1{font-size:37px}.login-subtitle{margin-bottom:35px;font-size:18px}.login-form label{font-size:17px}.login-form input[type=email],.login-form input[type=password]{height:58px;margin-bottom:23px;font-size:17px}.login-options{margin-bottom:30px}.login-options .remember,.login-options a{font-size:15px}.login-form button{height:59px;font-size:18px}.login-note{font-size:15px}}