:root{--ink:#1b223b;--muted:#70798e;--line:#e1e5ef;--blue:#4969df;--violet:#805cdb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#f7f8fb}.tutoring-header{display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 clamp(20px,6vw,90px);border-bottom:1px solid #e4e8f0;background:rgba(255,255,255,.9)}.tutoring-logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.tutoring-logo img{width:39px;height:39px;border-radius:11px}.tutoring-logo b{font:800 17px Manrope;letter-spacing:3px}.tutoring-logo b span{color:#7289e8}.tutoring-header nav{display:flex;gap:6px}.tutoring-header nav a{padding:9px 11px;border-radius:9px;color:#657087;font-size:10px;font-weight:700;text-decoration:none}.tutoring-header nav a:hover,.tutoring-header nav a.active{background:#eef1ff;color:#4862ca}.tutoring-hero{min-height:720px;padding:88px clamp(22px,7vw,105px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;background:radial-gradient(circle at 82% 25%,rgba(105,123,230,.17),transparent 28%),linear-gradient(180deg,#fff,#f6f7fb)}.eyebrow{color:#596fce;font-size:9px;font-weight:800;letter-spacing:1.8px}.tutoring-copy h1{max-width:720px;margin:18px 0;font:800 clamp(48px,6vw,78px)/.99 Manrope;letter-spacing:-4px}.tutoring-copy h1 em,.section-heading h2 em,.booking-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#6865d1}.tutoring-copy>p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.75}.lesson-price{display:flex;align-items:center;gap:15px;margin:28px 0}.lesson-price>strong{font:800 34px Manrope}.lesson-price>span{padding-left:15px;border-left:1px solid var(--line)}.lesson-price b,.lesson-price small{display:block}.lesson-price b{font-size:11px}.lesson-price small{margin-top:3px;color:#8e96a7;font-size:8px}.hero-actions{display:flex;align-items:center;gap:14px}.hero-actions a{padding:13px 17px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:10px;font-weight:800;text-decoration:none;box-shadow:0 9px 22px rgba(67,81,187,.2)}.hero-actions small{color:#8d95a6;font-size:8px}.lesson-window{padding:13px;border:1px solid #fff;border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 35px 90px rgba(33,42,80,.17);transform:rotate(1deg)}.window-bar{display:flex;align-items:center;gap:6px;padding:4px 4px 13px;color:#8c94a4;font-size:8px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#e0e4ec}.window-bar i:first-child{background:#ff7865}.window-bar span{margin-left:6px}.window-bar b{margin-left:auto}.lesson-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-card{position:relative;display:flex;align-items:end;gap:9px;min-height:95px;padding:13px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#17213d,#2a2448)}.video-card.student{background:linear-gradient(145deg,#436be2,#7b5fd7)}.video-card>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(255,255,255,.12);font-size:8px;font-weight:800}.video-card p,.video-card strong,.video-card small{display:block;margin:0}.video-card strong{font-size:9px}.video-card small{margin-top:2px;color:#ffffff99;font-size:7px}.video-card>i{position:absolute;right:9px;top:9px;padding:4px 6px;border-radius:6px;background:#ef6575;font-size:6px;font-style:normal}.shared-board{position:relative;min-height:300px;margin-top:8px;padding:24px;overflow:hidden;border-radius:14px;background-color:#fff;background-image:radial-gradient(#dce2ed 1px,transparent 1px);background-size:20px 20px}.shared-board header{display:flex;justify-content:space-between;color:#818b9e;font-size:7px;font-weight:800;letter-spacing:1px}.shared-board>strong{display:block;margin:52px 0 8px;font:700 25px Manrope}.shared-board>p{color:#5a6ad0;font:700 18px Manrope}.shared-board svg{position:absolute;left:32px;bottom:15px;width:calc(100% - 64px);height:115px}.shared-board svg path{fill:none;stroke:#cfd5e1}.shared-board svg .curve{stroke:#5b72db;stroke-width:3}.cursor{position:absolute;padding:5px 7px;border-radius:5px;color:#fff;font-size:7px;font-style:normal}.teacher-cursor{right:22%;top:37%;background:#3973ff}.student-cursor{left:19%;bottom:19%;background:#8b5cf6}.lesson-benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(22px,7vw,105px);background:#18203a}.lesson-benefits article{display:flex;gap:15px;padding:31px 7%;border-left:1px solid #ffffff1a}.lesson-benefits article:first-child{border:0}.lesson-benefits article>span{color:#8198ff;font:800 12px Manrope}.lesson-benefits strong,.lesson-benefits small{display:block}.lesson-benefits strong{color:#fff;font:700 16px Manrope}.lesson-benefits small{margin-top:5px;color:#aeb8d0;font-size:9px;line-height:1.5}.subjects-section,.process-section,.faq-section{padding:105px clamp(22px,7vw,105px)}.section-heading{max-width:760px}.section-heading h2,.booking-copy h2{margin:12px 0;font:800 clamp(36px,4.5vw,58px)/1.04 Manrope;letter-spacing:-2.5px}.section-heading>p,.booking-copy>p{color:var(--muted);font-size:13px;line-height:1.7}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.subject-grid article{padding:26px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 15px 40px #232c4e0d}.subject-grid article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#edf1ff;color:#4f69d3;font:800 9px Manrope}.subject-grid h3{margin:20px 0 9px;font:800 16px Manrope}.subject-grid p,.process-line p{color:var(--muted);font-size:10px;line-height:1.6}.process-section{background:#fff}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.process-line b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:10px}.process-line h3{margin:18px 0 6px;font:800 15px Manrope}.booking-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:95px clamp(22px,8vw,125px);background:radial-gradient(circle at 15% 20%,#636fdb42,transparent 29%),linear-gradient(145deg,#171f3b,#282047);color:#fff}.booking-copy>p{color:#b6c0db}.booking-price{display:inline-grid;margin-top:28px;padding:18px 20px;border:1px solid #ffffff21;border-radius:15px;background:#ffffff0f}.booking-price small{color:#94a7fa;font-size:7px;font-weight:800}.booking-price strong{margin-top:5px;font:800 30px Manrope}.booking-price span{color:#aeb8d2;font-size:8px}.booking-section form{padding:29px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.booking-section label{display:block;margin-bottom:13px;color:#c4cce0;font-size:9px;font-weight:700}.booking-section input,.booking-section select,.booking-section textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff14;color:#fff;font:inherit;outline:0}.booking-section option{color:#1b223b}.booking-section textarea{resize:vertical}.consent{display:flex!important;align-items:center;gap:8px}.consent input{width:auto;margin:0}.booking-section form>button{width:100%;padding:13px;border:0;border-radius:10px;background:linear-gradient(135deg,#6285ff,#8a67eb);color:#fff;font-size:10px;font-weight:800}.form-status{min-height:14px;margin:10px 0 0;color:#9fe3ce;font-size:8px;text-align:center}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{padding:18px 0;cursor:pointer;font-size:12px;font-weight:800}.faq-section details p{padding:0 0 18px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}body>footer{display:flex;align-items:center;justify-content:space-between;padding:27px clamp(22px,7vw,105px);border-top:1px solid var(--line);background:#fff}body>footer p{color:#8c94a4;font-size:8px}@media(max-width:980px){.tutoring-hero,.booking-section,.faq-section{grid-template-columns:1fr}.lesson-window{max-width:650px}.subject-grid,.process-line{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.tutoring-header nav a:not(.active){display:none}.tutoring-hero{padding-top:55px}.tutoring-copy h1{font-size:43px;letter-spacing:-2.5px}.lesson-benefits,.subject-grid,.process-line{grid-template-columns:1fr}.lesson-benefits article{border-left:0;border-top:1px solid #ffffff1a}.form-row{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.shared-board{min-height:250px}body>footer{align-items:flex-start;flex-direction:column;gap:15px}}
