*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;--bg:#0d0e10;--panel:#17181b;--text:#f1f0ed;--muted:#929399;--line:#ffffff13;--orange:#ff782f;--header:#101113e8;--soft:#ffffff05;color-scheme:dark}html[data-theme=light]{--bg:#f7f6f2;--panel:#fff;--text:#202124;--muted:#747579;--line:#00000012;--header:#f7f6f2ee;--soft:#00000003;color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:'Yekan Bakh',sans-serif;line-height:1.8;transition:background .35s,color .35s}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}em{font-style:normal;color:var(--orange)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.announcement{text-align:center;background:#ff782f0d;border-bottom:1px solid #ff782f18;font-size:12px;padding:9px;color:var(--muted)}.announcement a{color:var(--orange);margin-right:14px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 48px;position:sticky;top:0;z-index:30;background:var(--header);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.2;white-space:nowrap}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;margin-top:8px;color:var(--muted)}.brand-mark{font:italic 52px/1 Georgia;color:var(--orange);position:relative}.brand-mark span{font:25px Georgia;position:absolute;top:1px;right:-7px}.header nav{display:flex;gap:27px;font-size:14px}.header nav a{color:var(--muted);transition:.2s}.header nav a:hover,.header nav .active{color:var(--text)}.header nav .active:after{content:'';display:block;background:var(--orange);width:5px;height:5px;border-radius:50%;margin:4px auto -9px}.header-actions{display:flex;gap:12px;align-items:center}.icon-button{background:transparent;font-size:24px;width:29px;height:36px;padding:0}.login{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:8px 15px;font-size:13px}.login span{color:var(--orange);margin-right:14px}.cart-button{position:relative}.cart-button b{position:absolute;top:0;right:-4px;background:var(--orange);color:#101010;font:10px 'Yekan Bakh';width:14px;border-radius:20px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding-top:42px;align-items:center}.hero-visual{height:525px;position:relative;border-radius:22px;overflow:hidden;background:#201a26}.hero-visual>img{height:100%;width:100%;filter:brightness(.72) saturate(.7);transition:opacity .4s,transform 6s;transform:scale(1.03)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b1190,transparent 60%);pointer-events:none}.visual-label{position:absolute;top:32px;left:28px;font:11px/1.5 Arial;letter-spacing:3px;color:white}.floating-label{position:absolute;bottom:36px;left:25px;right:25px;z-index:2;padding:18px 22px;background:#ffffff12;backdrop-filter:blur(22px);border:1px solid #ffffff30;border-radius:12px;color:white;font-size:15px;display:flex;align-items:center;gap:12px}.floating-label>span:last-child{margin-right:auto;font-size:26px;color:#ffb78e}.image-index{position:absolute;top:30px;right:24px;writing-mode:vertical-rl;font:9px Arial;letter-spacing:2px;color:#ddd}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--orange)}.orange-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block;box-shadow:0 0 15px #ff782f60}.eyebrow-line{height:1px;width:45px;background:#ff782f45}.hero-category{font-size:13px;color:var(--muted);margin-top:22px}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.45;font-weight:500;margin:12px 0 16px;letter-spacing:-1.5px}.hero-desc{font-size:15px;color:var(--muted);max-width:420px;line-height:2.1}.hero-meta{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:24px}.hero-meta img{width:39px;height:39px;border-radius:50%;filter:grayscale(1)}.hero-meta strong{font-size:13px;font-weight:400}.hero-meta small{display:block;font-size:10px;color:var(--muted)}.separator{height:28px;width:1px;background:var(--line);margin:0 12px}#hero-mode{color:var(--muted)}.hero-cta{display:flex;align-items:center;gap:20px;margin-top:28px}.primary{background:var(--orange);color:#17120e;padding:12px 23px;border-radius:10px;transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff782f30}.primary span{margin-right:30px}.hero-note{color:var(--muted);font-size:11px}.slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border-top:1px solid var(--line);padding-top:19px}.dots{display:flex;gap:7px}.dots button{width:7px;height:7px;border-radius:20px;padding:0;background:#6c6b6b;transition:width .3s}.dots button.active{width:30px;background:var(--orange)}.slide-arrows{display:flex;align-items:center;gap:9px}.slide-arrows button,.round{height:32px;width:32px;background:var(--soft);border:1px solid var(--line);border-radius:50%;font:19px Arial}.slide-arrows>span{font:15px Arial;letter-spacing:2px;margin-left:15px}.slide-arrows small{color:var(--muted);font-size:10px}#pause{font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 0 32px;position:relative;border-bottom:1px solid var(--line);margin-top:18px}.stats>div{text-align:center;border-left:1px solid var(--line)}.stats>div:nth-child(4){border:0}.stats strong{display:block;font-size:42px;font-weight:400;color:var(--text);line-height:1.4}.stats strong:after{content:'+';color:var(--orange);font:25px Arial;margin-right:4px}.stats span{color:var(--muted);font-size:12px}.demo-label{position:absolute;bottom:2px;left:0;font-size:9px;color:var(--muted);opacity:.6}.section{padding-top:76px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px}.kicker{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.kicker:before{content:'';display:inline-block;width:16px;height:2px;background:var(--orange);vertical-align:middle;margin-left:8px}h2{font-size:30px;font-weight:500;margin:0;line-height:1.7}.subtle{font-size:12px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.category{border:1px solid var(--line);background:var(--soft);border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:24px 10px;transition:.3s}.category:hover,.category.selected{border-color:#ff782f66;background:#ff782f08;transform:translateY(-5px)}.category svg{width:30px;height:30px;stroke:var(--orange);fill:none;stroke-width:1.2;margin-bottom:13px}.category b{font-size:14px;font-weight:400}.category small{font-size:10px;color:var(--muted);margin-top:5px}.section-actions{display:flex;gap:15px;align-items:center}.text-button{background:none;padding:0;font-size:12px}.text-button:hover{color:var(--orange)}.course-track{display:grid;grid-auto-columns:calc((100% - 60px)/4);grid-auto-flow:column;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 20px;scrollbar-width:none}.course-track::-webkit-scrollbar{display:none}.course-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:hidden;scroll-snap-align:start;transition:transform .35s,border-color .35s;min-width:0}.course-card:hover{transform:translateY(-6px);border-color:#ff782f55}.card-art{height:178px;position:relative;overflow:hidden;cursor:pointer}.card-art img{height:100%;width:100%;transition:transform .7s;filter:brightness(.85)}.course-card:hover .card-art img{transform:scale(1.06)}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 70%);pointer-events:none}.course-tag{position:absolute;right:13px;top:13px;z-index:1;background:#1119;border:1px solid #ffffff20;backdrop-filter:blur(10px);color:#fff;font-size:10px;padding:3px 10px;border-radius:6px}.favorite{position:absolute;left:12px;top:12px;z-index:2;background:#1119;color:#fff;border-radius:50%;width:29px;height:29px;font:20px Arial}.favorite.saved{color:var(--orange)}.art-title{position:absolute;bottom:12px;left:16px;font:bold 23px Arial;letter-spacing:-1px;color:#fff;z-index:1}.card-content{padding:17px}.card-content h3{font-size:17px;font-weight:400;margin:0 0 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:6px}.card-price{border-top:1px solid var(--line);padding-top:14px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.card-price small{font-size:9px;color:var(--muted)}.card-price del{color:var(--muted);display:block;font-size:10px;line-height:1}.discount{background:#ff782f13;color:var(--orange);padding:1px 6px;border-radius:5px;font-size:10px}.add-cart{width:100%;margin-top:15px;background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:7px;font-size:11px;transition:.25s}.add-cart:hover{background:var(--orange);border-color:var(--orange);color:#17120e}.about{margin-top:85px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:40px;background:var(--soft);border:1px solid var(--line);border-radius:22px}.about-image{position:relative}.about-image img{width:100%;height:355px;border-radius:14px;filter:grayscale(.7) brightness(.65)}.about-stamp{position:absolute;bottom:25px;right:25px;background:#ff782f;color:#21140d;border-radius:12px;padding:16px 24px;transform:rotate(-5deg);font-size:18px;line-height:1.5}.about-stamp span{display:block;font-size:30px}.about-copy h2{font-size:36px}.about-copy p{font-size:14px;color:var(--muted);line-height:2.1}.about-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;margin:22px 0}.category-section .section-heading{border-bottom:1px solid var(--line);padding-bottom:18px}.teachers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.teacher{position:relative;height:290px;border-radius:14px;overflow:hidden;background:var(--panel);cursor:pointer;border:1px solid var(--line)}.teacher>img{height:100%;width:100%;filter:grayscale(1) brightness(.75);transition:.6s;object-position:center 30%}.teacher:hover img{filter:grayscale(0) brightness(.95);transform:scale(1.04)}.teacher-info{position:absolute;inset:auto 0 0;padding:40px 20px 18px;background:linear-gradient(transparent,#000c);color:#fff}.teacher-info h3{font-size:18px;margin:0;font-weight:400}.teacher-info p{font-size:11px;color:#bbb;margin:2px 0}.teacher-info span{position:absolute;left:20px;bottom:25px;color:var(--orange)}.sample-note{font-size:10px;color:var(--muted);text-align:left;margin:15px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article{cursor:pointer}.article img{height:200px;width:100%;border-radius:13px;transition:.4s;filter:saturate(.75)}.article:hover img{filter:saturate(1.3)}.article small{font-size:10px;color:var(--orange);display:block;margin-top:15px}.article h3{font-size:19px;font-weight:400;margin:5px 0}.article p{font-size:11px;color:var(--muted)}.contact{margin-top:80px;margin-bottom:60px;border:1px solid #ff782f25;background:radial-gradient(ellipse at left,#ff782f12,transparent 65%);padding:35px;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{font-size:25px}.contact p{font-size:12px;color:var(--muted);margin-bottom:0}.contact-links{display:flex;gap:10px}.contact-links button{padding:10px 16px;border-radius:8px;border:1px solid var(--line);background:var(--soft);font-size:12px}.contact-links button:first-child{background:var(--orange);color:#1c120c}footer{background:var(--panel);padding:45px 40px 20px;border-radius:35px 35px 0 0}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px}.footer-top p{color:var(--muted);font-size:12px}.footer-top b{font-weight:400;font-size:13px;margin-bottom:14px;display:block}.footer-top>div>a:not(.brand),.footer-top>div>button{display:block;color:var(--muted);font-size:12px;margin:7px 0;background:none;padding:0}.backtop{width:45px;height:45px;border-radius:50%;background:var(--orange);color:#151515;font:25px Arial}.footer-word{font:bold clamp(90px,17vw,230px)/1.15 Arial;letter-spacing:-12px;color:var(--text);opacity:.055;padding-top:20px}.footer-word span{font:25px Arial;vertical-align:top;display:inline-block;margin-top:30px;letter-spacing:0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:10px}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:20px;padding:35px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.dialog-close{position:absolute;left:15px;top:12px;background:var(--soft);width:30px;height:30px;border-radius:50%;font:23px Arial}dialog h2{font-size:25px}dialog p{color:var(--muted);font-size:14px}dialog input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--text);margin:15px 0}.result{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.result img{width:75px;height:55px;border-radius:7px}.result strong{font-size:14px;font-weight:400}.result small{display:block;font-size:11px;color:var(--muted)}.result button{background:var(--soft);border-radius:7px;padding:5px 10px;margin-right:auto}.detail-image{width:100%;height:220px;border-radius:10px;margin:20px 0}.notice{background:#ff782f0d;border:1px solid #ff782f25;padding:12px;border-radius:8px;font-size:12px;color:var(--muted);margin-top:18px}#toast{position:fixed;bottom:25px;left:25px;z-index:80;background:var(--header);backdrop-filter:blur(20px);border:1px solid #ff782f40;padding:16px 24px;border-radius:12px;transform:translateY(100px);opacity:0;transition:.3s;font-size:13px;max-width:calc(100% - 50px)}#toast.show{transform:translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.changing{animation:enter .6s both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero{gap:100px}.hero-visual{height:570px}}@media(max-width:1100px){.header{padding:16px 25px}.header nav{gap:17px}.wrap{width:calc(100% - 50px)}.hero{gap:35px}.hero-visual{height:470px}.header-actions{gap:6px}.course-track{grid-auto-columns:calc((100% - 40px)/3)}.hero-note{display:none}.about{gap:30px;padding:25px}.about-copy h2{font-size:30px}.contact{flex-direction:column;align-items:flex-start}}@media(max-width:800px){.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--panel);padding:25px;flex-direction:column}.header nav.open{display:flex}.mobile-menu{display:block}.hero{gap:25px}.hero-visual{height:430px}h1{font-size:43px}.hero-desc{font-size:13px}.hero-meta{flex-wrap:wrap}.hero-meta .separator{display:none}.categories{grid-template-columns:repeat(3,1fr)}.course-track{grid-auto-columns:calc((100% - 20px)/2)}.about{grid-template-columns:1fr}.about-image img{height:300px}.teachers{grid-template-columns:repeat(2,1fr)}.blog-grid{gap:15px}.article h3{font-size:16px}.article img{height:160px}.subtle{display:none}.footer-word{letter-spacing:-6px}.stats strong{font-size:34px}.stats span{font-size:10px}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.announcement{font-size:10px}.header{padding:14px 16px;gap:10px}.brand{font-size:18px}.brand-mark{font-size:42px}.brand small{font-size:7px}.header-actions{gap:7px}.header-actions>[data-search]{display:none}.login{font-size:10px;padding:7px}.login span{display:none}.icon-button{font-size:21px;width:24px}.hero{display:flex;flex-direction:column;padding-top:20px;gap:25px}.hero-visual{width:100%;height:320px}.hero-copy{width:100%;padding:0 7px}h1{font-size:44px;line-height:1.3}.hero-category{margin-top:15px}.hero-desc{font-size:14px}.hero-cta{margin-top:20px}.hero-meta{margin-top:20px}.hero-note{display:block}.slider-controls{margin-top:23px}.stats{grid-template-columns:repeat(2,1fr);gap:25px;padding:30px 0}.stats>div:nth-child(2){border:0}.section{padding-top:50px}h2{font-size:25px}.section-heading{gap:10px}.section-actions{gap:8px}.section-heading .text-button{font-size:10px}.categories{gap:8px}.category{padding:19px 5px}.category b{font-size:12px}.course-track{grid-auto-columns:82%;gap:15px}.card-art{height:190px}.about{margin-top:45px;padding:20px;gap:25px}.about-copy h2{font-size:30px}.about-benefits{font-size:10px}.teachers{gap:12px}.teacher{height:240px}.teacher-info{padding:40px 13px 12px}.teacher-info h3{font-size:16px}.teacher-info span{left:12px;bottom:20px}.blog-grid{grid-template-columns:1fr}.article img{height:220px}.article{margin-bottom:14px}.contact{margin-top:45px;margin-bottom:35px;padding:25px}.contact h2{font-size:23px}.contact-links{flex-wrap:wrap}.contact-links button{font-size:11px;padding:9px 13px}footer{padding:30px 22px 18px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.backtop{position:absolute;left:45px}.footer-word{font-size:80px;letter-spacing:-5px;margin-top:10px}.footer-bottom{font-size:8px}.stats strong{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
