@font-face{font-family:Yekan;src:url(/assets/IRANYekanXFaNum-Regular-NJOSFezJ.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Yekan;src:url(/assets/IRANYekanXFaNum-DemiBold-DOu07JpD.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Yekan;src:url(/assets/IRANYekanXFaNum-ExtraBold-DjgFPjgy.woff2)format("woff2");font-weight:800;font-display:swap}:root{--ink:#122b3a;--muted:#607687;--mint:#007c75;--mintdark:#05645f;--coral:#e97452;--yellow:#f6c35a;--line:#d6e4e1;color:var(--ink);background:#fffdf8;font-family:Yekan,Tahoma,sans-serif;line-height:1.8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}.container{width:min(1160px,100% - 48px);margin:auto}.site-header{align-items:center;gap:35px;height:88px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--mint);border-radius:11px;justify-content:center;align-items:end;gap:3px;width:34px;height:34px;padding:7px;display:flex}.brand-mark span{background:#fff;border-radius:3px;width:4px}.brand-mark span:first-child{height:9px}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:12px}nav{gap:25px;margin-right:auto;display:flex}nav button,.text-button{color:#415968;background:0 0;border:0;font-size:14px}.button{background:var(--mint);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 21px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 9px 18px #007c7526}.button:hover{background:var(--mintdark);transform:translateY(-2px)}.button-small{padding:9px 15px;font-size:13px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:66px;min-height:600px;padding:48px 0 72px;display:grid}.eyebrow{color:var(--mint);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.eyebrow span{background:var(--coral);width:18px;height:2px}h1,h2{letter-spacing:-1.5px;margin:0;font-weight:800;line-height:1.4}.hero h1{font-size:clamp(34px,4vw,53px)}.hero h1 strong{color:var(--mint)}.intro{max-width:510px;color:var(--muted);margin:19px 0 27px;font-size:16px}.hero-actions{align-items:center;gap:20px;display:flex}.text-button{font-weight:600}.text-button span{color:var(--coral);font-size:18px}.hero-note{color:#71848d;align-items:center;gap:8px;margin:24px 0 0;font-size:12px;display:flex}.hero-note i{width:19px;height:19px;color:var(--mint);background:#d7eee8;border-radius:50%;place-items:center;font-style:normal;display:grid}.hero-visual{place-items:center;height:410px;display:grid;position:relative}.sun{background:#f5e7b9;border-radius:50%;width:330px;height:330px;position:absolute}.app-window{z-index:1;background:#f6faf9;border:7px solid #fff;border-radius:18px;width:365px;height:321px;animation:4s ease-in-out infinite lift;display:flex;overflow:hidden;transform:rotate(-3deg);box-shadow:0 25px 45px #24404b2a}.app-window aside{background:#123e4d;flex-direction:column;align-items:center;gap:17px;width:52px;padding:14px 0;display:flex}.app-window aside b{background:var(--yellow);border-radius:8px;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.app-window aside i{background:#89a4ac;border-radius:4px;width:17px;height:5px}.app-window aside .on{background:#34b4a8;width:28px;height:17px}.app-content{width:100%;padding:19px}.app-head,.stats,.today p{justify-content:space-between;align-items:center;display:flex}.app-content small{color:#81929b;font-size:9px;display:block}.app-head strong{font-size:14px}.avatar{color:#fff;background:#e8b28f;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.stats{gap:10px;margin:18px 0}.stats div{background:#e5f2ec;border-radius:10px;width:50%;padding:9px}.stats div:last-child{background:#ecf2f4}.stats b{font-size:20px;line-height:1.3;display:block}.stats em,.today em{color:var(--mint);font-size:8px;font-style:normal}.today{background:#fff;border:1px solid #e3ebea;border-radius:10px;padding:11px;font-size:11px}.today p{gap:7px;margin:9px 0 0}.today p i{background:var(--coral);border-radius:5px;width:5px;height:27px}.today p:last-child i{background:#4da39d}.today p span{margin-left:auto;font-size:10px}.float{z-index:2;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px;font-size:9px;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 12px 24px #24404b25}.float b{width:27px;height:27px;color:var(--mint);background:#d6f0e8;border-radius:8px;place-items:center;font-size:11px;display:grid}.float small{color:#71828d;display:block}.assignment{top:83px;left:-4px}.reminder{animation-delay:-2s;bottom:45px;right:-5px}.reminder b{color:#c85c40;background:#fbe4da}@keyframes lift{50%{transform:translateY(-7px)rotate(-3deg)}}@keyframes float{50%{transform:translateY(-8px)}}.outcome{color:#d7e8e5;background:#123e4d}.outcome>div{justify-content:center;align-items:center;gap:27px;min-height:68px;font-size:13px;display:flex}.outcome i{background:var(--yellow);border-radius:50%;width:4px;height:4px}.problem{grid-template-columns:1fr .9fr;align-items:center;gap:100px;padding:112px 0;display:grid}.problem h2,.heading h2{font-size:34px}.problem>div>p:last-child,.heading>p:last-child{color:var(--muted);font-size:14px}.problem-list{border-right:1px solid var(--line);gap:25px;padding-right:28px;display:grid}.problem-list article{position:relative}.problem-list article:before{background:var(--coral);width:11px;height:11px;box-shadow:0 0 0 1px var(--line);content:"";border:3px solid #fffdf8;border-radius:50%;position:absolute;top:11px;right:-34px}.problem-list article:last-child:before{background:var(--mint)}.problem-list p{color:var(--muted);margin:4px 0 0;font-size:14px}.features{background:#edf6f3;padding:100px 0}.heading{text-align:center;max-width:690px;margin:0 auto 40px}.heading .eyebrow{justify-content:center}.feature-grid{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-grid article{background:#f9fcfa;min-height:205px;padding:26px;transition:all .2s}.feature-grid article:hover{background:#fff;transform:translateY(-3px)}.feature-grid article>b{width:39px;height:39px;color:var(--mint);background:#d8eee8;border-radius:11px;place-items:center;font-size:20px;display:grid}.feature-grid h3{margin:17px 0 5px;font-size:16px}.feature-grid p{color:var(--muted);margin:0;font-size:13px}.panels{padding:112px 0}.heading.right{text-align:right;margin:0 0 38px}.heading.right .eyebrow{justify-content:flex-start}.panel-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{border-radius:18px;min-height:453px;padding:32px}.teacher{background:#e5f2ef}.student{background:#fbefd5}.tag{border-radius:7px;padding:4px 9px;color:var(--mint)!important;background:#d1eae4!important;margin:0!important;font-size:12px!important;display:inline-block!important}.student .tag{color:#96611a!important;background:#f4dca7!important}.panel h3{margin:17px 0 7px;font-size:23px}.panel>p{color:#536c76;max-width:420px;margin:0;font-size:14px}.panel ul{padding:0;list-style:none}.panel li{margin:8px 0;padding-right:18px;font-size:13px;position:relative}.panel li:before{color:var(--mint);content:"✓";font-weight:800;position:absolute;right:0}.student li:before,.student a{color:#956019!important}.panel a{color:var(--mint);font-size:14px;font-weight:600;text-decoration:none}.workflow{background:#fbfaf5;padding:100px 0}.steps{grid-template-columns:repeat(5,1fr);display:grid;position:relative}.steps:before{content:"";border-top:1px dashed #b9cbc4;position:absolute;top:22px;left:10%;right:10%}.steps article{text-align:center;padding:0 10px;position:relative}.steps b{z-index:1;width:45px;height:45px;color:var(--mint);background:#fff;border:1px solid #cbded7;border-radius:50%;place-items:center;margin:auto;display:grid;position:relative}.steps h3{margin:13px 0 4px;font-size:14px}.steps p{color:var(--muted);margin:0;font-size:12px}.closing{background:var(--mint);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;min-height:195px;margin:104px auto 58px;padding:39px 54px;display:flex}.closing .eyebrow{color:#d8efeb}.closing .eyebrow span{background:var(--yellow)}.closing h2{font-size:30px}.closing p:last-child{color:#d4e7e4;margin:5px 0 0;font-size:14px}.closing .button{background:var(--yellow);color:#24434c;box-shadow:none}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:100px;display:flex}footer>div{color:#789;align-items:center;gap:17px;font-size:12px;display:flex}footer a{color:var(--mint);text-decoration:none}@media (width<=800px){.container{width:min(100% - 32px,620px)}.site-header{height:72px}.site-header nav{display:none}.site-header .button{margin-right:auto}.hero{text-align:center;grid-template-columns:1fr;gap:15px;padding:52px 0}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero-visual{grid-row:1;height:350px;margin:-14px;transform:scale(.88)}.problem{grid-template-columns:1fr;gap:38px;padding:75px 0}.problem h2,.heading h2{font-size:28px}.features,.panels,.workflow{padding:70px 0}.feature-grid{grid-template-columns:1fr 1fr}.panel-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:20px}.steps:before{display:none}.steps article{text-align:right;grid-template-columns:45px 1fr;column-gap:12px;display:grid}.steps b{grid-row:span 2;margin:0}.steps h3{margin:2px 0}.heading.right{text-align:center}.heading.right .eyebrow{justify-content:center}.closing{text-align:center;margin-top:70px;padding:30px;display:block}.closing .eyebrow{justify-content:center}.closing .button{margin-top:20px}footer{text-align:center;flex-direction:column;gap:12px;padding:22px 0}footer>div{flex-direction:column;gap:3px}}@media (width<=480px){.brand{font-size:18px}.site-header .button-small{padding:8px 10px;font-size:11px}.hero h1{font-size:34px}.hero-visual{height:315px;margin:-40px -55px;transform:scale(.73)}.hero-actions{gap:10px}.text-button{font-size:12px}.outcome>div{text-align:center;grid-template-columns:1fr 5px 1fr;gap:5px;min-height:82px;font-size:10px;display:grid}.outcome span:last-child{grid-column:1/4}.feature-grid{grid-template-columns:1fr}.panel{padding:25px}.closing h2{font-size:23px}}.login-page{background:radial-gradient(circle at 50% 5%,#e5f2ef 0,#0000 43%),#fffdf8;min-height:100vh}.login-header{justify-content:space-between;align-items:center;height:88px;display:flex}.login-header>a{color:#526b76;font-size:14px;text-decoration:none}.login-content{text-align:center;max-width:630px;padding:78px 0 90px}.login-intro h1{font-size:39px}.login-intro>p:last-child{color:var(--muted);margin:8px 0 0}.role-options{text-align:right;gap:14px;margin:35px 0 22px;display:grid}.role-option{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:17px;padding:17px 20px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 7px 17px #255c8a0d}.role-option:hover{border-color:#78b9af;transform:translateY(-2px);box-shadow:0 12px 25px #255c8a1c}.option-icon{width:52px;height:52px;color:var(--mint);background:#dcefe9;border-radius:14px;place-items:center;font-size:28px;display:grid}.student-option .option-icon{color:#a26b14;background:#fbe8b9}.role-option span:nth-child(2){flex-direction:column;gap:1px;display:flex}.role-option strong{font-size:16px}.role-option small{color:#778894}.role-option>b{color:var(--mint);margin-right:auto;font-size:20px}.student-option>b{color:#a26b14}.login-help{color:#7b8992;font-size:13px}.login-help a{color:var(--mint);font-weight:600;text-decoration:none}@media (width<=800px){.login-header{height:72px}.login-content{padding:55px 0}.login-intro h1{font-size:33px}}@media (width<=480px){.login-header>a{font-size:12px}.role-option{padding:14px}.option-icon{width:46px;height:46px}.role-option small{font-size:11px}}.brand-image{object-fit:contain;flex:none;width:34px;height:34px}
