/* Editorial visual direction: dark canvas, monumental typography, rounded imagery. */
:root{--blue:#6c8aff;--purple:#b195f3;--red:#ff6673;--ink:#f3f3f6;--muted:#a8a8b6;--line:#34343e;--bg:#19191e}
html{scroll-behavior:smooth}body{background:#111114;color:var(--ink)}::selection{background:#7751bd;color:#fff}h1,h2,h3{font-weight:600}p{color:#b8b8c3}a,button{transition:background .2s,color .2s,border-color .2s,transform .2s}a:hover{color:var(--purple)}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.draftbar{background:#24242b;color:#c9c9d3;border-bottom:1px solid #34343e;font-size:10px;padding:7px 3%;letter-spacing:1px}.draftbar span{color:#b8b8c3}.draftbar a{color:#f5f5f7}header{height:110px;background:#111114;padding:12px 3%;border-bottom:0;gap:25px;position:relative;z-index:5}header .course-brand{width:182px;max-width:30%;padding:8px 12px;background:white;border-radius:10px}header>nav{gap:28px;font-size:14px}header>nav a{color:#bcbcc6}header>nav a.active{color:#fff;border-bottom:1px solid var(--blue)}.header-actions{gap:18px}.language{color:white}.login{border:0;background:#f1f1f5;color:#19191f;border-radius:100px;padding:13px 22px;font-weight:600}.login:hover{background:var(--blue);color:#111}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:500;color:var(--blue)}.eyebrow:before{background:var(--red);width:7px;height:7px;border-radius:50%}.button{background:var(--blue);border:1px solid var(--blue);color:#11111b;border-radius:100px;padding:15px 25px;gap:24px;font-size:14px;font-weight:700}.button:hover{background:#94a8ff;color:#111;transform:translateY(-2px)}.button.secondary{color:#f3f3f7;background:transparent;border-color:#5f5f6e}.button.secondary:hover{background:#30303a;color:#fff}.button.small{padding:10px 17px}.blue{color:var(--blue)}.textlink{font-size:15px}.link-button{color:var(--ink)}
.studio-hero{padding:22px 4% 70px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:25px;color:#a1a1b0;font-size:11px;letter-spacing:1.6px}.hero-topline>span:last-child{letter-spacing:0}.hero-stage{position:relative;isolation:isolate;min-height:460px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px 0 40px}.hero-capsule{position:absolute;z-index:-1;width:60%;height:92%;border-radius:240px;overflow:hidden;background:#242433}.hero-capsule img{width:100%;height:100%;object-fit:cover;filter:brightness(.56) saturate(.65)}.hero-stage h1{font-size:clamp(90px,17.5vw,270px);font-weight:800;letter-spacing:-.09em;line-height:.95;color:var(--blue);padding-right:.08em;margin:0;text-align:center}.hero-stage h1>span{color:var(--red)}.hero-script{font-family:Georgia,serif;font-size:clamp(27px,3.5vw,55px);font-weight:400;font-style:italic;letter-spacing:-1px;line-height:1.3;color:#ddd4fb;margin:8px 0 0}.hero-bottomline{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;max-width:1140px;margin:auto;align-items:center}.hero-purpose{display:flex;gap:30px;align-items:center}.hero-purpose h2{font-size:17px;font-weight:400;line-height:1.5;letter-spacing:0;max-width:220px}.hero-purpose .button{flex-shrink:0;max-width:240px}.hero-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.hero-numbers>div{border-left:1px solid #484852;padding-left:23px}.hero-numbers strong{display:block;font-weight:400;font-size:38px;line-height:1.2;letter-spacing:-1.5px}.hero-numbers span{display:block;font-size:11px;color:#9999a9;line-height:1.7;margin-top:7px}.studio-intro{padding:90px 13%;border-top:1px solid var(--line)}.section-index{display:block;font-size:11px;color:var(--purple);letter-spacing:1.5px;margin-bottom:30px}.studio-intro>p{font-size:clamp(25px,3.2vw,46px);line-height:1.5;color:#eeeef2;letter-spacing:-1px}.studio-intro>.textlink{margin-top:35px;color:var(--blue)}
.section{padding:90px 6%;max-width:1600px}.section h2{font-size:clamp(36px,4.2vw,64px);letter-spacing:-2px;font-weight:500}.audience-section{gap:9%;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.audience-section h2{font-size:clamp(32px,3.5vw,50px)}.audience-section p{font-size:16px;line-height:1.95}.course-format{background:#19171f;border-radius:50px 50px 0 0;max-width:none}.course-facts{margin-top:60px;gap:40px}.course-facts article{border-top:1px solid #4a4058;padding-top:30px}.fact-number{font-size:64px;color:var(--purple);font-weight:300}.course-facts h3{font-size:23px;color:#f2eefa}.course-facts p{font-size:16px}.section-intro{color:#aaaab7;line-height:1.9}.software-syllabus{grid-template-columns:1fr 1fr;gap:0 70px;margin-top:55px}.software-syllabus article{display:grid;grid-template-columns:40px 1fr;gap:16px 20px;padding:32px 0;border-top:1px solid #42424c}.software-syllabus .step{grid-row:1 / 3;color:var(--red);padding-top:5px;font-size:13px}.software-syllabus h3{margin:0;font-size:26px;font-weight:500;letter-spacing:-.7px}.software-syllabus p{margin:0;font-size:15px;max-width:480px}.course-benefits{background:#594079;border-radius:45px;max-width:calc(100% - 6%);color:white}.course-benefits h2,.course-benefits h3{color:white}.course-benefits p{color:#e4daef}.course-benefits .textlink{color:white}.benefit-grid{gap:70px;margin-top:45px}.benefit-grid article{border-top:1px solid #a38aba;padding-top:28px}.instructor-intro{padding-top:110px;padding-bottom:110px;gap:10%;border:0}.instructor-intro h2{color:var(--blue)}.instructor-intro p{line-height:1.9}.course-questions{border-top:1px solid var(--line)}.course-questions details{padding:25px 0}.course-questions summary{font-size:20px;font-weight:400;list-style-position:outside;margin-left:22px;padding-left:7px}.course-questions details[open] summary{color:var(--purple)}.course-questions details>p{font-size:16px;color:#b7b7c2;padding-left:28px}.advice-panel{background:var(--blue);border-radius:25px;padding:40px;color:#0d142f;gap:50px}.advice-panel h3{color:#111831;font-size:26px}.advice-panel p{color:#19254f;font-size:15px}.advice-panel .button{background:#11131d;color:white;border-color:#11131d}.instructor-mission{border-top:1px solid var(--line)}.about img{border-radius:150px;filter:saturate(.8)}.about .eyebrow{line-height:1.8}.page{max-width:1450px;padding:65px 5% 30px}.page-head{max-width:950px;margin-bottom:45px}.page-head h1{font-size:clamp(40px,5.5vw,78px);font-weight:500;letter-spacing:-3px}.page-head p{max-width:780px;font-size:17px}.notice{background:#1c2239;border-color:#343f60;color:#c1cef5;border-radius:10px}.notice p{color:inherit}.panel{background:#1b1b22;border-color:#3a3a45;border-radius:18px}.panel h3{font-weight:500}.summary{background:#20202b}.summary h2{color:var(--purple)}.software-tags span{background:#24273a;border-color:#3e4362;color:#cbd4fc}.package-course-details{border-color:var(--line);border-radius:18px;background:#19191f;padding:30px}.catalog-controls{margin:35px 0}.payment-tabs span{border-radius:100px;border-color:#565663}.payment-tabs input:checked+span{background:var(--blue);color:#0d142f;border-color:var(--blue)}.catalog-grid{gap:22px}.catalog-grid .package{border-radius:20px;background:#1a1a20;border:1px solid #40404b;padding:30px}.catalog-grid .package.featured{background:#352846;border-color:#a47cd1;box-shadow:none}.catalog-grid .package:hover{border-color:#767693}.catalog-grid .package h2{font-size:38px;letter-spacing:-1px}.catalog-software{font-size:14px;line-height:1.8;color:#c9c9d3}.catalog-grid .price{font-size:39px;font-weight:500;color:#f4f3fa}.catalog-grid .plan-total{color:#c6c6d1}.all-prices{border-color:#3d3d49}.all-prices>div{font-size:13px;line-height:1.8}.fiverr{border-color:#3d3d49}.fiverr b{color:var(--purple)}.enrollment{background:#202027;border-radius:20px}.enrollment b{border-color:#575768}.success-icon{background:#282c49;color:var(--blue)}input,textarea,select{background:#24242d;border-color:#51515f;color:#fafafa;border-radius:8px}input::placeholder,textarea::placeholder{color:#9797a7}input::file-selector-button{background:#383847;color:#eeeef5;border-color:#626272;border-radius:6px}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline-color:#6c8aff50}.contact-icon{background:#303247;color:var(--purple);border-radius:50%}.student-cta{background:#25232e;border-radius:20px}.login-layout{gap:70px;max-width:1230px}.login-art{border-radius:180px}.login-course-logo{background:white;padding:18px 22px;border-radius:12px}.login-form h2{font-size:42px;letter-spacing:-1.5px}.login-admin{border-color:var(--line)}.workspace{background:#141418;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#19191f;border-color:#34343e}.workspace-course-logo{border-radius:8px;padding:12px}.avatar{background:#303448;color:#ccd5ff}.sidebar nav a.selected{background:#30344e;color:#c4d0ff}.sidebar nav a:hover{background:#2a2a34}.count{background:#4b4563;color:#efe8ff}.workspace-body>.notice{background:#1d2030;border-color:#383e57;color:#bac6ef}.workspace-title h2{font-size:34px;font-weight:500}.stat{background:#202028;border-color:#3a3a47;border-radius:16px}.stat b{color:#f6f6fa}.stat-icon{background:#303750;color:#bdd0ff}.stat-icon.purple{background:#44314f;color:#dac0f4}.progress-panel{background:#22222a;border-color:#3b3b47;border-radius:14px}progress,progress::-webkit-progress-bar{background:#393946}progress::-webkit-progress-value{background:var(--blue)}.lesson-list{background:#202029;border-color:#41414e;border-radius:15px}.lesson{background:#202029;color:#d4d4df}.lesson.selected{background:#30364e;color:#d4ddff}.lesson.locked{background:#1b1b23;color:#a1a1b1;opacity:.65}.module-title{color:#ada9bf}.video-stage{border-radius:18px}.lesson-check{color:#97b0ff}.table-panel{background:#202028}th{background:#282833;color:#b3b3c3;border-color:#41414c;font-size:12px}td{border-color:#353541;font-size:14px}.table-button{color:#a3b6ff;font-size:13px}.table-progress progress{background:#3d3d47}.badge{background:#3a3b4e;color:#e2e4f5}.badge.purple{background:#473454;color:#e4c7ff}.badge.pending{background:#4a3b26;color:#f8dca6}.badge.approved{background:#263f36;color:#b5dfcb}.badge.rejected{background:#4c2e36;color:#ffc2cc}.content-row{border-color:#3d3d48}.resource-icon{background:#333750;color:#cedaff;border-radius:9px}.project-image{border-radius:100px}.empty{background:#202029;border-color:#50505d}.empty>span{color:#c4a4ee}dialog{background:#23232c;border-color:#5b5b6b;border-radius:20px;color:#f3f3f7}dialog::backdrop{background:#08080bbb}.modal-close{color:#d2d2df}.required-mark{color:var(--red)}footer{background:#19171f;border-top:1px solid #403a48;padding:55px 5%;margin-top:65px;gap:35px;font-size:13px}footer .course-brand{width:210px;background:white;padding:14px;border-radius:10px}#toast{background:#e8e9f3;color:#171727;border:1px solid #bdbfd4}.sinhala h1,.sinhala h2,.sinhala h3{letter-spacing:0;line-height:1.55}.sinhala .hero-stage h1{font-family:Manrope,sans-serif;line-height:1;letter-spacing:-.09em}.sinhala .hero-script{font-family:'Noto Sans Sinhala',sans-serif;font-style:normal;font-size:clamp(25px,3.3vw,48px);line-height:1.8;letter-spacing:0}.sinhala .studio-intro>p{letter-spacing:0;line-height:1.9;font-size:clamp(22px,2.7vw,38px)}.sinhala .hero-purpose{flex-direction:column;align-items:start;gap:20px}.sinhala .hero-purpose h2{max-width:390px;font-size:17px}.sinhala .hero-numbers span{font-size:12px}.sinhala .section h2{font-size:clamp(29px,3.5vw,49px)}.sinhala .page-head h1{font-size:clamp(32px,4.5vw,62px)}.sinhala .hero-topline{line-height:1.8;letter-spacing:0}
@media(min-width:1450px){.hero-stage{min-height:530px}.studio-hero{padding-bottom:85px}.hero-bottomline{max-width:1300px}}
@media(max-width:1100px){.hero-stage{min-height:370px}.hero-capsule{width:70%}.hero-bottomline{gap:35px}.hero-purpose{flex-direction:column;align-items:start;gap:18px}.hero-purpose h2{max-width:340px}.hero-numbers{gap:14px}.hero-numbers>div{padding-left:15px}.software-syllabus{gap:0 35px}.sidebar{padding:25px 15px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .package h2{font-size:33px}.studio-intro{padding:75px 9%}}
@media(max-width:850px){header{height:auto;min-height:100px;gap:20px;padding:18px 4%}header .course-brand{max-width:45%;width:174px}header>nav{border-top:1px solid var(--line);padding-top:17px}.studio-hero{padding-top:20px}.hero-stage{min-height:320px}.hero-stage h1{font-size:18vw}.hero-topline{font-size:10px;letter-spacing:.5px}.hero-bottomline{grid-template-columns:1fr}.hero-purpose{flex-direction:row;align-items:center;justify-content:space-between}.hero-numbers{max-width:500px;width:100%}.section{padding:65px 5%}.audience-section{gap:35px}.section h2{font-size:38px}.benefit-grid{gap:35px}.workspace{grid-template-columns:1fr}.sidebar{padding:17px 22px}.course-format{border-radius:30px 30px 0 0}.course-benefits{border-radius:30px}.advice-panel{padding:30px;gap:25px}.sinhala .hero-purpose{flex-direction:row}.workspace-title h2{font-size:29px}}
@media(max-width:600px){header{padding:16px 4%;gap:18px}header .course-brand{width:150px;padding:7px 10px;max-width:43%}.header-actions{gap:7px}.login{padding:10px 13px;font-size:12px}.language{font-size:12px}.draftbar{font-size:9px}.studio-hero{padding:18px 5% 45px}.hero-topline{font-size:9px;gap:16px;align-items:start}.hero-topline>span{max-width:48%}.hero-stage{min-height:270px;margin:25px 0}.hero-capsule{width:88%;height:92%;border-radius:150px}.hero-stage h1{font-size:19vw;letter-spacing:-.075em}.hero-script{font-size:26px;margin-top:15px}.hero-bottomline{gap:30px}.hero-purpose{align-items:start;flex-direction:column;gap:18px}.hero-purpose h2{font-size:17px;max-width:100%}.hero-purpose .button{max-width:none}.hero-numbers{gap:12px}.hero-numbers strong{font-size:33px}.hero-numbers span{font-size:10px}.studio-intro{padding:55px 6%}.studio-intro>p{font-size:25px;line-height:1.55;letter-spacing:-.6px}.section-index{font-size:10px;margin-bottom:22px}.section{padding:55px 6%}.section h2{font-size:34px;letter-spacing:-1px}.audience-section{grid-template-columns:1fr}.course-facts{margin-top:35px;grid-template-columns:1fr;gap:30px}.fact-number{font-size:48px}.course-facts h3{font-size:23px}.software-syllabus{grid-template-columns:1fr;margin-top:30px}.software-syllabus article{grid-template-columns:30px 1fr;gap:14px;padding:26px 0}.software-syllabus h3{font-size:24px}.software-syllabus p{font-size:15px}.benefit-grid{grid-template-columns:1fr;margin-top:30px}.course-benefits{max-width:94%;border-radius:25px}.instructor-intro{grid-template-columns:1fr;gap:25px}.course-questions summary{font-size:17px}.course-questions details>p{font-size:15px;padding-left:0}.advice-panel{border-radius:20px;padding:25px}.advice-panel h3{font-size:23px}.page{padding:40px 5% 20px}.page-head h1{font-size:41px;letter-spacing:-1.5px}.catalog-grid{grid-template-columns:1fr}.catalog-grid .package{padding:26px}.catalog-grid .package h2{font-size:35px}.catalog-grid .price{font-size:37px}.panel{padding:23px;border-radius:16px}.table-panel{padding:0}.payment-tabs span{font-size:12px}.package-course-details{padding:22px}.login-art{height:240px;border-radius:90px}.login-form h2{font-size:34px}.login-course-logo{width:230px}.about img{border-radius:110px;height:350px}.workspace-title h2{font-size:28px}.workspace-body{padding:20px 15px}.sidebar{padding:15px}.stat{padding:18px 14px}.stat b{font-size:30px}.lesson-list .lesson{font-size:13px}.sinhala .hero-purpose{flex-direction:column}.sinhala .studio-intro>p{font-size:23px;line-height:1.9}.sinhala .hero-script{font-size:27px}.sinhala .hero-numbers span{font-size:10px}.sinhala .section h2{font-size:29px}.sinhala .page-head h1{font-size:33px}.sinhala .hero-stage h1{font-size:19vw}footer{padding:40px 5%;gap:25px}footer .course-brand{width:190px}.studio-hero .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}