:root{--ink:#151515;--muted:#686868;--yellow:#ffb800;--yellow-soft:#fff5d8;--line:#e8e5dc;--paper:#fff;--soft:#f7f6f1;--green:#16745a;--radius:22px;--shadow:0 18px 60px rgba(28,25,17,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-size:1.22rem;font-weight:850;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--yellow);color:#000;font-size:1.5rem;font-weight:950;font-style:italic}.site-header nav{display:flex;gap:28px;margin-right:auto}.site-header nav a{color:#4f4f4f;font-size:.94rem;font-weight:650}.header-actions,.hero-actions{display:flex;gap:12px}.button{border:1px solid transparent;border-radius:12px;padding:10px 18px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.button.primary{background:var(--yellow);color:#111}.button.ghost{border-color:var(--line);background:#fff}.button.dark{background:#151515;color:#fff}.button.large{padding:14px 23px}.hero{min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:70px;max-width:1180px;margin:auto;padding:80px 24px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900;color:#9a6a00;margin-bottom:18px}.hero h1,.page-head h1{font-size:clamp(2.7rem,5.8vw,5.4rem);line-height:.98;letter-spacing:-.065em;margin:0 0 26px}.hero h1 em{font-style:normal;color:#b77d00}.hero-copy>p,.lead,.page-head>p{font-size:1.14rem;color:var(--muted);max-width:620px}.hero-actions{margin:32px 0}.trust{font-size:.84rem;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.hero-art{height:470px;position:relative;display:grid;place-items:center}.yellow-orbit{position:absolute;width:380px;height:380px;border-radius:48% 52% 45% 55%;background:var(--yellow);transform:rotate(-8deg)}.lesson-card{position:relative;background:#fff;border-radius:var(--radius);padding:35px;width:min(360px,85%);box-shadow:var(--shadow);transform:rotate(2deg)}.lesson-card h3{font-size:1.6rem;margin:20px 0 8px}.lesson-card p{color:var(--muted)}.live{font-size:.72rem;font-weight:900;color:#d24e2e}.mini-row{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:flex;justify-content:space-between;font-size:.85rem}.float-card{position:absolute;bottom:25px;left:4px;background:#171717;color:#fff;border-radius:16px;padding:16px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.float-card b{font-size:1.5rem;color:var(--yellow)}.float-card span{font-size:.75rem}.stats{background:#171717;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:30px max(24px,calc((100% - 1180px)/2));gap:20px}.stats div{display:flex;flex-direction:column}.stats b{font-size:1.5rem;color:var(--yellow)}.stats span{font-size:.82rem;color:#bbb}.section{max-width:1180px;margin:auto;padding:105px 24px}.section>h2,.soft h2,.cta h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 45px}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}article,.settings-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}article i{display:grid;place-items:center;width:48px;height:48px;background:var(--yellow-soft);border-radius:50%;font-style:normal;font-weight:900;color:#9a6a00}article h3{font-size:1.25rem;margin:22px 0 7px}article p{color:var(--muted);margin:0}.soft{max-width:none;background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}.feature-list{display:grid;gap:14px}.feature-list div{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column}.feature-list span{color:var(--muted);font-size:.9rem}.cta{text-align:center;background:var(--yellow);padding:80px 24px}.cta h2{margin-bottom:10px}.cta p{margin-bottom:28px}.page-head{background:var(--soft);text-align:center;padding:90px 24px}.page-head h1{font-size:clamp(2.7rem,5vw,4.5rem)}.page-head>p{margin:0 auto 28px}.auth-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:70px max(24px,calc((100% - 1060px)/2));background:var(--soft)}.auth-message h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em;margin:0 0 24px}.auth-message p{color:var(--muted);font-size:1.06rem}.auth-card,.settings-card{background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.auth-card h2,.settings-card h2{margin-top:0}.auth-card label,.settings-card label{display:grid;gap:7px;margin:15px 0;font-size:.85rem;font-weight:800}input,select{width:100%;padding:13px 14px;border:1px solid #d7d4ca;border-radius:11px;background:#fff;font:inherit;outline:none}input:focus,select:focus{border-color:#b57c00;box-shadow:0 0 0 3px rgba(255,184,0,.18)}.auth-card .button{width:100%;margin-top:10px}.auth-card>small{display:block;text-align:center;margin-top:18px;color:var(--muted)}.auth-card a{font-weight:800;text-decoration:underline}.form-status{min-height:24px;font-size:.86rem;color:#a43c2d}.form-status.success{color:var(--green)}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.settings-card{box-shadow:none}.course-card .skeleton{height:130px;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);display:block;border-radius:14px}.course-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem;margin-top:18px}footer{padding:55px max(24px,calc((100% - 1180px)/2));background:#101010;color:#fff}footer p,footer small{color:#aaa}footer .brand{margin-bottom:18px}@media(max-width:850px){.site-header nav{display:none}.site-header{gap:15px}.header-actions{margin-left:auto}.hero,.auth-shell,.soft{grid-template-columns:1fr}.hero{padding-top:55px}.hero-art{height:390px}.yellow-orbit{width:310px;height:310px}.grid.three,.integration-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.soft{gap:35px}}@media(max-width:560px){.site-header{height:70px;padding:0 16px}.site-header .button.ghost{display:none}.brand span:last-child{display:none}.hero{padding:50px 20px;gap:25px}.hero h1{font-size:3rem}.hero-art{height:330px}.yellow-orbit{width:260px;height:260px}.lesson-card{padding:25px}.float-card{left:10px}.grid.three,.integration-grid{grid-template-columns:1fr}.section{padding:75px 20px}.stats{padding:24px 20px}.auth-shell{padding:45px 20px;gap:30px}.auth-card{padding:25px}.page-head{padding:65px 20px}}
/* YouTutor motion system */
@keyframes yt-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes yt-float{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-10px) rotate(.7deg)}}
@keyframes yt-orbit{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.02)}}
@keyframes yt-pulse{0%,100%{box-shadow:0 0 0 0 #ffb80000}50%{box-shadow:0 0 0 9px #ffb80022}}
.hero-copy>*{opacity:0;animation:yt-rise .65s cubic-bezier(.22,.8,.32,1) forwards}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}
.lesson{animation:yt-float 5.5s ease-in-out infinite}.progress{animation:yt-orbit 4.4s ease-in-out infinite}.booked{animation:yt-orbit 4.8s ease-in-out .5s infinite}.lesson-head strong{animation:yt-pulse 2s ease-in-out infinite}
.course,.steps article,.stats-row article{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.course:hover,.stats-row article:hover{transform:translateY(-7px);border-color:#d8bd72;box-shadow:0 18px 45px #4d402016}.steps article:hover{transform:translateX(7px)}
.btn,.cta>a,.outline-btn,.teacher-classes article>button{position:relative;overflow:hidden}.btn:after,.cta>a:after,.outline-btn:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:30%;background:#fff5;transform:skewX(-20deg);transition:left .5s ease}.btn:hover:after,.cta>a:hover:after,.outline-btn:hover:after{left:120%}
.art>b{transition:transform .35s ease}.course:hover .art>b{transform:translate(-50%,-50%) rotate(2deg) scale(1.08)}
.formula{animation:yt-orbit 4s ease-in-out infinite}.sum{animation:yt-orbit 5s ease-in-out .8s infinite}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-copy>*{opacity:1}}
.course-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.course-card-actions .button,.course-card-actions .btn,.course-card-actions .outline-btn{margin-top:0!important}.course-detail-hero{background:linear-gradient(135deg,#fff9e8,#f6f4ec);padding:72px 24px}.course-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.course-back{display:block;margin-bottom:28px;color:var(--muted);font-weight:750}.course-detail-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:0 0 24px}.course-detail-lead{font-size:1.13rem;color:var(--muted);max-width:650px}.course-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.course-detail-meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:750}.course-preview{aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#141414;box-shadow:var(--shadow);display:grid;place-items:center}.course-preview iframe,.course-preview img{width:100%;height:100%;border:0;object-fit:cover}.course-preview-link,.course-preview-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:30px}.course-preview-link span,.course-preview-empty span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--yellow);color:#111;font-size:1.45rem;margin-bottom:15px}.course-preview-link strong,.course-preview-empty strong{font-size:1.2rem}.course-preview-link small,.course-preview-empty small{color:#bbb;margin-top:5px}.course-detail-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:52px;align-items:start}.course-description h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 25px}.course-description-copy{color:var(--muted);font-size:1.03rem}.course-enrol-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;box-shadow:var(--shadow);position:sticky;top:105px}.course-enrol-card h2{margin-top:0}.course-price-option{display:grid;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.course-price-option>div{display:grid}.course-price-option small{color:var(--muted)}.course-price-option>b{font-size:1.45rem}.course-detail-coupon{display:grid;gap:7px;margin-top:16px;font-size:.84rem;font-weight:800}.course-login-note{display:block;color:var(--muted);line-height:1.5;margin-top:13px}@media(max-width:850px){.course-detail-grid,.course-detail-content{grid-template-columns:1fr}.course-detail-hero{padding:55px 20px}.course-enrol-card{position:static}.course-preview{order:-1}}
.resource-editor-tools{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 8px}.resource-editor-tools button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font:inherit;font-size:.8rem;font-weight:750;cursor:pointer}.resource-editor-tools button:hover{background:var(--yellow-soft);border-color:#d7b24d}.resource-editor{min-height:180px;padding:13px 14px;border:1px solid #d7d4ca;border-radius:11px;background:#fff;outline:none;line-height:1.6}.resource-editor:focus{border-color:#b57c00;box-shadow:0 0 0 3px rgba(255,184,0,.18)}.resource-editor:empty:before{content:attr(data-placeholder);color:#8b8b8b}.resource-editor h2,.resource-editor h3{margin:8px 0}.resource-editor ul,.resource-editor ol{padding-left:24px}.resource-body h2,.resource-body h3{margin:18px 0 8px}.resource-body p{margin:0 0 12px}.resource-body a{text-decoration:underline;font-weight:700}.resource-body blockquote{border-left:3px solid var(--yellow);margin:14px 0;padding:4px 14px;color:var(--muted)}.resource-editor img,.resource-body img{display:block;max-width:100%;height:auto;margin:16px 0;border-radius:14px}.resource-editor iframe,.resource-body iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;margin:16px 0;border:0;border-radius:14px;background:#111}