@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#060817;--bg2:#09091d;--panel:#0d1026;--panel2:#101229;--stroke:#332047;--muted:#bbb3cb;--text:#fff9ff;--magenta:#f04bed;--purple:#7d38ff;--glow:rgba(224,43,229,.24);--max:1320px;--radius:14px;}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#060817;color:var(--text);font-family:Manrope,Inter,Arial,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}img{max-width:100%}svg:not(.svg-defs){width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin-top:0}.container{width:min(var(--max),calc(100% - 88px));margin-left:auto;margin-right:auto}.page-glow{position:absolute;top:0;left:0;right:0;height:1440px;background:radial-gradient(ellipse at 77% 21%,rgba(80,24,132,.21),transparent 36%),radial-gradient(ellipse at 15% 15%,rgba(81,18,85,.13),transparent 29%);pointer-events:none;z-index:0}.site-header{height:90px;position:relative;z-index:30;background:rgba(5,7,18,.83);border-bottom:1px solid rgba(79,40,107,.22);backdrop-filter:blur(18px)}.nav-layout{height:100%;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;flex:none;line-height:1.06}.brand-mark{display:inline-block;font-size:53px;line-height:.85;font-weight:800;letter-spacing:-.1em;background:linear-gradient(135deg,#ab63ff 20%,#fc45ce 75%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px #ad3bda2e;padding-right:8px}.brand-words{font-size:15px;letter-spacing:-.04em;font-weight:800}.navigation{display:flex;align-items:center;justify-content:center;gap:27px;flex:1}.navigation a{font-size:12px;white-space:nowrap;color:#d7d2e1;transition:color .2s ease}.navigation a:hover,.navigation a.active{color:#f8aaff}.navigation a.active{position:relative}.navigation a.active:after{position:absolute;content:"";bottom:-15px;left:0;right:0;height:2px;background:#e853d7;box-shadow:0 0 12px 3px #eb48db66}.header-actions{display:flex;gap:13px;align-items:center}.icon-button{height:40px;width:40px;border:1px solid #66407b;border-radius:50%;display:grid;place-items:center;background:#090c20}.icon-button:hover{border-color:#e66fe2;background:#1e1038}.icon-button svg{font-size:18px}.btn{border-radius:999px;padding:11px 21px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #644084;background:transparent;font-size:12px;font-weight:800;line-height:1.2;min-height:40px;white-space:nowrap;transition:transform .2s,filter .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f089ff;outline-offset:3px}.btn-gradient{border-color:#e65eed;background:linear-gradient(110deg,#ec4bbc 0%,#a32ef9 70%,#7136fa);box-shadow:0 0 25px rgba(223,42,229,.23),inset 0 1px #ffffff40}.btn-outline{border-color:#694281;background:rgba(15,9,31,.4)}.btn-large{font-size:15px;min-height:56px;padding:15px 24px}.btn-large svg{font-size:18px}.btn-glass{background:rgba(7,8,24,.5)}.btn-glass svg{color:#c77dff}.btn-small{font-size:12px;min-height:36px;padding:9px 18px}.mobile-menu{display:none}
/* The hero illustration is a single continuous crop from the APPROVED image. Masked fade prevents hard rectangular edges. */
.hero{position:relative;isolation:isolate;min-height:722px;overflow:hidden}.hero-light{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 72% 34%,#67226c44 0,transparent 48%),radial-gradient(ellipse at 2% 35%,#42105220,transparent 38%)}.hero-inner{height:722px;position:relative}.hero-picture{position:absolute;z-index:0;width:880px;max-width:none;height:auto;right:-62px;top:-2px;pointer-events:none}.hero-plants{position:absolute;width:90px;bottom:0;left:0;opacity:.7;mask-image:linear-gradient(to right,#000 50%,transparent 100%);pointer-events:none}.hero-copy{padding-top:50px;width:560px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #693979;border-radius:50px;background:rgba(10,10,30,.44);color:#f9c3ff;font-size:11px;font-weight:700;white-space:nowrap}.pink-spark{font-size:16px;color:#ff8df5}.hero h1{font-size:clamp(48px,4.5vw,65px);line-height:1.12;letter-spacing:-.052em;font-weight:800;margin:23px 0 13px;white-space:nowrap}.hero h1 span{color:#f64ce9;text-shadow:0 0 20px #b521aa47}.hero-lead{font-size:18px;line-height:1.53;max-width:480px;color:#e7e0f0;letter-spacing:-.022em}.hero-cta{display:flex;align-items:center;gap:14px;margin:26px 0 34px}.hero-stats{display:flex;align-items:start;gap:33px}.hero-stats div{display:flex;flex-direction:column;gap:1px}.hero-stats strong{font-size:23px;line-height:1.1;color:#d884ff;font-weight:800;white-space:nowrap}.hero-stats div:nth-child(4) strong{font-size:21px}.hero-stats span{font-size:11px;color:#d1c8dd;white-space:nowrap}
.features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:10px;padding-bottom:40px}.feature{min-height:79px;border-radius:14px;display:flex;align-items:center;gap:14px;padding:13px 16px;background:linear-gradient(120deg,#101025b8,#080c1a9e);border:1px solid #241d39a8}.feature-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;color:#f18bf8;background:radial-gradient(circle at center,#ac41c33c 0,#2a1748aa 67%,#170e2c);box-shadow:0 0 22px #ad39dd2d}.feature-icon svg{font-size:25px;stroke-width:2.5}.feature strong{font-size:13px;line-height:1.4;display:block}.feature small{display:block;font-size:11px;color:#bbb4d2;margin-top:3px}
.section{position:relative;padding-top:21px;padding-bottom:23px}.section h2,.skills-section h2,.about-band h2{font-size:32px;line-height:1.24;letter-spacing:-.037em;font-weight:800;margin:0 0 7px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading p,.section-sub{font-size:13px;color:#b9b2ce;line-height:1.5;margin:0}.pill-link{flex:none;border:1px solid #7d348f;border-radius:999px;color:#f0a2eb;background:rgba(22,9,35,.46);padding:8px 13px;display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1;cursor:pointer}.pill-link svg{font-size:13px}.pill-link:hover{background:#421852;color:white}
.work-carousel{position:relative}.work-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.work-item{display:block;border:1px solid #663078;border-radius:11px;overflow:hidden;background:#161028;padding:0;aspect-ratio:1.16;transition:transform .2s,border-color .2s}.work-item:hover{transform:translateY(-3px);border-color:#e44bdb}.work-item img{width:100%;height:100%;object-fit:cover;display:block}.round-control{width:33px;height:33px;border-radius:50%;border:1px solid #655078;background:#0b1021e8;color:#fff;display:grid;place-items:center;padding:0}.round-control:hover{border-color:#f18aff;background:#311447}.work-prev,.work-next{position:absolute;z-index:2;top:calc(50% - 17px)}.work-prev{left:-16px}.work-next{right:-16px}.work-carousel svg{font-size:17px}
.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.course-card{border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#12132b,#0c1024);border:1px solid #36234d;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.course-card:hover{border-color:#b03cb7;transform:translateY(-3px)}.course-image{height:156px;overflow:hidden;position:relative;background:#151028}.course-image img{display:block;width:100%;height:100%;object-fit:cover}.course-content{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}.course-card h3{font-size:17px;letter-spacing:-.02em;line-height:1.32;font-weight:800;min-height:45px;margin:0 0 14px}.course-meta{display:flex;flex-wrap:wrap;gap:10px;color:#c6bbd5;font-size:10px}.course-meta span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.course-meta svg{font-size:12px}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px}.course-footer strong{font-size:19px;color:#e961f1;white-space:nowrap}.circle-arrow{width:38px;height:38px;border:1.5px solid #d746df;border-radius:50%;background:linear-gradient(135deg,#2d1253,#121039);display:grid;place-items:center;color:#fff;box-shadow:0 0 12px #a636c62a}.circle-arrow:hover{box-shadow:0 0 22px #a636c68a}.circle-arrow svg{font-size:18px}
.skills-section{margin-top:8px;position:relative;min-height:560px;background:radial-gradient(ellipse at 88% 53%,#39205e4d 0,transparent 44%)}.skills-grid{position:relative;min-height:560px;display:grid;grid-template-columns:63% 37%;align-items:stretch}.skills-copy{position:relative;z-index:2;padding-top:26px}.skill-cards{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-right:18px}.skill-card{min-height:112px;background:linear-gradient(125deg,#131229ed,#0d1022df);border:1px solid #261c3a;border-radius:12px;padding:15px 11px;display:flex;align-items:start;gap:12px}.skill-card>span{flex:0 0 39px;display:grid;place-items:center;width:39px;height:39px;border-radius:9px;color:#f06cfa;background:#331359;box-shadow:0 0 13px #c52cda61}.skill-card>span svg{font-size:24px}.skill-card h3{font-size:12px;line-height:1.4;margin:1px 0 7px;font-weight:800}.skill-card p{font-size:10px;line-height:1.55;color:#a9a0bd;margin:0}.skills-portrait{height:560px;position:relative;overflow:visible}.skills-portrait img{position:absolute;right:-58px;top:0;width:595px;max-width:none;height:auto;pointer-events:none}
.how-it-works{padding-top:14px;padding-bottom:54px}.steps{list-style:none;padding:27px 0 0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative}.steps:before{content:"";position:absolute;top:62px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#5b71f3,#9e45eb,#632b9d);opacity:.66}.steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:start;gap:13px;font-size:13px;font-weight:700;line-height:1.5}.step-dot{width:62px;height:62px;border:2px solid #595efa;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:800;color:#fff;background:radial-gradient(circle at center,#1f1556,#090b27);box-shadow:0 0 18px #5452e575}.steps li:nth-child(4) .step-dot,.steps li:nth-child(5) .step-dot{border-color:#763de1}
.about-band{position:relative;background:linear-gradient(90deg,#120f2a80,#080a1bee);border-top:1px solid #2c2045;border-bottom:1px solid #2b2143}.about-layout{min-height:267px;display:grid;grid-template-columns:262px minmax(0,1fr) 36%;gap:30px;align-items:center}.about-photo{height:265px;align-self:stretch;overflow:hidden;margin-left:-44px}.about-photo img{width:310px;height:275px;object-fit:cover;object-position:top left;display:block}.about-text{padding:14px 0}.about-text h2{margin-bottom:10px}.about-hello{font-size:15px;font-weight:800;margin:0 0 10px}.about-text>p:not(.about-hello){font-size:12px;line-height:1.55;color:#c8c0d5;max-width:555px;margin:0 0 12px}.about-numbers{display:flex;align-items:center;justify-content:space-around;gap:23px}.about-numbers>div{display:flex;flex-direction:column;gap:5px}.about-numbers strong{font-size:25px;color:#e66cf7;white-space:nowrap;line-height:1.1}.about-numbers span{font-size:11px;color:#b8b0c8;line-height:1.35}
.tariffs{padding-top:26px;padding-bottom:27px}.tariff-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.plan-switch{border:1px solid #3d2b57;background:#151429;border-radius:100px;padding:4px;display:flex;gap:4px;align-items:stretch;flex:none}.plan-switch button{border:0;border-radius:100px;background:transparent;padding:10px 18px;min-height:44px;font-size:12px;color:#c8bfd6}.plan-switch button.selected{background:linear-gradient(110deg,#b948f8,#eb42bf);box-shadow:0 0 18px #d045e67a;color:#fff}.plan-switch small{display:block;font-size:9px;color:inherit;opacity:.75}.tariffs-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,.95fr);gap:21px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan{background:linear-gradient(170deg,#121329,#0b1020);border:1px solid #342548;border-radius:13px;padding:18px 16px 17px;position:relative;display:flex;flex-direction:column;min-height:336px;box-shadow:0 5px 25px #0002}.plan-popular{border:1.5px solid #db47e5;box-shadow:0 0 21px #be34cd4f,inset 0 0 24px #9c2db51b}.popular-tag{position:absolute;top:-11px;right:-9px;border-radius:50px;background:linear-gradient(100deg,#af43ff,#ec49d0);font-size:11px;font-weight:800;padding:6px 12px;box-shadow:0 0 14px #bb47f17d}.plan-title{display:flex;align-items:center;gap:12px}.plan-emoji{font-size:29px;line-height:1}.plan h3{font-size:16px;line-height:1.1;margin:0 0 3px}.plan-title small{font-size:10px;color:#aaa3bc;display:block}.plan-price{display:flex;align-items:baseline;gap:5px;margin:16px 0 11px}.plan-price strong{font-size:28px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.price-period{font-size:11px;color:#bbb5c9;white-space:nowrap}.choose-plan{width:100%;padding:8px;min-height:36px;font-size:11px}.plan ul{list-style:none;padding:0;margin:15px 0 0}.plan li{font-size:11px;line-height:1.4;color:#cabed7;position:relative;padding:0 0 0 19px;margin:0 0 8px}.plan li:before{content:'✓';position:absolute;left:0;color:#e45cff;font-weight:900}.other-courses{border:1px solid #9d36ad;border-radius:13px;padding:15px;background:linear-gradient(125deg,#1c1234,#090d20);display:flex;flex-direction:column;gap:10px;align-items:stretch}.other-courses h3{font-size:14px;margin:0;line-height:1.45}.other-course-gallery{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1}.other-course-gallery img{width:100%;height:104px;object-fit:cover;border-radius:8px;display:block}.other-courses .btn{align-self:stretch}
.social-proof{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:26px;padding-bottom:31px}.social-proof .section-heading{align-items:start;gap:12px}.social-proof h2{font-size:28px}.review-sample{background:linear-gradient(100deg,#11142d,#0c132a);border:1px solid #2a2448;min-height:136px;border-radius:12px;padding:16px;display:flex;align-items:start;gap:14px}.review-sample>img{height:55px;width:55px;border-radius:50%;object-fit:cover;border:2px solid #695484;flex:none}.review-sample>div:nth-of-type(1){flex:1;min-width:0}.review-top{display:flex;align-items:center;gap:12px}.review-top strong{font-size:13px}.stars{font-size:15px;color:#ffd237;letter-spacing:1px}.review-sample small{font-size:10px;color:#bbb4cb}.review-sample p{font-size:11px;line-height:1.55;margin:7px 0 0;color:#d4cbe0}.review-nav{display:flex;gap:6px;align-self:end}.review-nav .round-control{width:28px;height:28px}.student-gallery .tiny-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tiny-gallery button{padding:0;border:1px solid #3d325e;border-radius:8px;overflow:hidden;aspect-ratio:1.1;background:#141126;cursor:pointer}.tiny-gallery img{width:100%;height:100%;object-fit:cover;display:block}.tiny-gallery button:hover{border-color:#d84cda}
.closing-section{padding-top:22px;padding-bottom:44px;display:grid;grid-template-columns:1.25fr .87fr .83fr;gap:21px;align-items:end}.faq-block h2{font-size:28px}.faq-list{margin-top:16px}.faq-list details{border-radius:7px;background:linear-gradient(95deg,#0e132a,#0b142b);border:1px solid #20203e;margin:6px 0;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;font-size:11px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{font-size:13px;color:#c2afdd;flex:none;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{margin:0;padding:1px 11px 12px;color:#c9bfd7;font-size:11px;line-height:1.6}.help-card{position:relative;min-height:254px;border:1px solid #8a2a98;border-radius:13px;background:radial-gradient(ellipse at 80% 40%,#7c1dab55,transparent 66%),linear-gradient(120deg,#281039,#11132e);padding:22px 16px;overflow:hidden;display:flex;align-items:center}.help-card h2{font-size:26px;line-height:1.18;margin-bottom:12px}.help-card p{font-size:12px;line-height:1.5;max-width:160px;color:#ccc0da;margin-bottom:20px}.help-card img{position:absolute;right:-9px;bottom:-15px;width:60%;height:auto;mask-image:linear-gradient(to right,transparent 0,#000 20%)}.help-copy{position:relative;z-index:1}.help-copy .btn{font-size:10px;padding:9px 10px}.subscribe{background:linear-gradient(125deg,#101328,#0b1022);border:1px solid #33264c;border-radius:13px;min-height:245px;padding:20px;display:flex;flex-direction:column;justify-content:center}.subscribe h3{font-size:16px;line-height:1.3;margin-bottom:8px}.subscribe p{color:#c6bbd5;font-size:11px;line-height:1.5;margin-bottom:15px}.subscribe form{display:flex;border:1px solid #614270;background:#0b0c21;border-radius:100px;padding:4px;align-items:center;min-height:42px;margin-bottom:12px}.subscribe input{min-width:0;flex:1;border:0;background:transparent;color:white;padding:8px 12px;font-size:11px;outline:none}.round-gradient{flex:none;width:33px;height:33px;border:0;border-radius:50%;background:linear-gradient(135deg,#ec4bce,#7f39ff);display:grid;place-items:center;box-shadow:0 0 15px #c03fe988}.subscribe small{font-size:10px;color:#9894b1;line-height:1.5}.form-status{color:#ebc4f1;font-size:12px;min-height:1.2em;margin-top:8px}
.site-footer{border-top:1px solid #271b3b;background:#080a17;padding-top:23px;padding-bottom:25px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.site-footer .brand-mark{font-size:47px}.site-footer .brand-words{font-size:13px}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:35px}.footer-links a{font-size:11px;color:#b2adbf}.footer-links a:hover{color:#ff9bff}.footer-social{display:flex;gap:18px;color:#d0c6dc;font-size:16px;font-weight:800}.footer-copyright{text-align:center;margin:16px auto 0;font-size:10px;color:#78768d}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-dialog{width:min(540px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:auto;background:linear-gradient(150deg,#19112d,#090d20);color:#fff;border:1px solid #80448f;border-radius:18px;box-shadow:0 18px 80px #000b,0 0 30px #ab2cb038;padding:31px}.site-dialog::backdrop{background:rgba(1,2,11,.75);backdrop-filter:blur(6px)}.site-dialog h2{font-size:24px;margin:0 30px 17px 0}.site-dialog p{font-size:13px;line-height:1.7;color:#c8bfd6}.site-dialog label{font-size:12px;display:block;margin-bottom:7px}.site-dialog input{display:block;width:100%;border:1px solid #604078;border-radius:10px;background:#090b1d;color:#fff;padding:12px 13px;margin-bottom:15px}.site-dialog .btn{width:100%}.dialog-close{position:absolute;right:14px;top:14px;width:31px;height:31px;border-radius:50%;border:1px solid #724f80;background:#221331;display:grid;place-items:center}.dialog-close svg{font-size:17px}.lightbox-dialog{width:min(850px,calc(100vw - 30px));text-align:center}.lightbox-dialog img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:9px}.lightbox-dialog p{margin-bottom:0}.search-results{display:grid;gap:7px}.search-result{border-radius:8px;padding:11px 13px;background:#1a1533;border:1px solid #4b315d;text-align:left;font-size:13px}.search-result:hover{border-color:#d05adb}
@media(max-width:1180px){.container{width:min(var(--max),calc(100% - 60px))}.navigation{gap:15px}.navigation a{font-size:11px}.brand-mark{font-size:46px}.brand-words{font-size:12px}.nav-start{padding-inline:15px}.hero-picture{right:-100px;width:810px}.hero-copy{width:530px}.hero h1{font-size:55px}.skills-grid{grid-template-columns:66% 34%}.skills-portrait img{width:515px;right:-35px}.skill-cards{gap:10px}.skill-card{gap:8px}.skill-card h3{font-size:11px}.course-meta{gap:5px}.course-card h3{font-size:14px}.about-layout{grid-template-columns:220px minmax(0,1fr) 34%}.about-numbers{gap:15px}.about-numbers strong{font-size:20px}.plan-grid{gap:9px}.plan{padding:15px 11px}.plan-price strong{font-size:23px}.plan li{font-size:10px}.other-course-gallery img{height:95px}.footer-links{gap:15px}}
@media(max-width:920px){.site-header{height:74px}.container{width:calc(100% - 38px)}.navigation{display:none;position:absolute;top:73px;left:0;right:0;padding:17px 20px;background:#0b091beF;box-shadow:0 18px 35px #000a;flex-direction:column;gap:0;align-items:stretch;border-bottom:1px solid #4b2a59}.navigation.open{display:flex}.navigation a{display:block;padding:12px 10px;font-size:14px}.navigation a.active:after{display:none}.nav-login{display:none}.mobile-menu{display:grid}.hero,.hero-inner{min-height:800px;height:auto}.hero-copy{width:min(540px,100%);padding-top:44px}.hero-picture{top:170px;right:-128px;width:780px;opacity:.75}.hero-copy:before{content:"";position:absolute;inset:22px -20px -25px -10px;z-index:-1;background:linear-gradient(90deg,#060817ed 0%,#060817b8 65%,transparent)}.hero-cta{margin:23px 0 26px}.hero-stats{gap:25px}.features{grid-template-columns:repeat(2,1fr);padding-bottom:30px}.work-track{gap:9px}.course-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr}.skills-section,.skills-grid{min-height:790px}.skills-copy{padding-top:25px}.skill-cards{padding-right:0}.skills-portrait{position:absolute;bottom:0;right:0;height:340px;width:100%}.skills-portrait img{width:500px;right:-30px;top:-50px}.how-it-works{padding-top:15px}.about-layout{grid-template-columns:150px 1fr;gap:18px;padding:18px 0}.about-photo{height:190px;margin-left:0}.about-photo img{width:190px;height:190px}.about-numbers{grid-column:1/-1;justify-content:center;padding:5px 0}.tariffs-layout{grid-template-columns:1fr}.other-courses{flex-direction:row;align-items:center;gap:20px}.other-course-gallery{flex-direction:row;flex:1}.other-course-gallery img{width:50%;height:100px}.other-courses .btn{flex:none}.social-proof{gap:16px}.closing-section{grid-template-columns:1fr 1fr}.faq-block{grid-column:1/-1}.footer-row{flex-wrap:wrap}.footer-links{order:3;width:100%;justify-content:center}}
@media(max-width:620px){.container{width:calc(100% - 30px)}.site-header{height:69px}.brand-mark{font-size:43px}.brand-words{font-size:12px}.header-actions{gap:6px}.nav-start{display:none}.search-trigger{width:36px;height:36px}.navigation{top:68px}.hero,.hero-inner{min-height:752px}.hero-copy{padding-top:28px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(32px,8.5vw,49px);white-space:normal;line-height:1.15;margin-top:17px}.hero-lead{font-size:13px;max-width:420px;line-height:1.55}.hero-cta{gap:7px;flex-wrap:wrap}.btn-large{font-size:11px;min-height:43px;padding:11px 13px}.hero-picture{width:670px;top:289px;right:-152px;opacity:.96}.hero-copy:before{inset:14px -15px -5px -15px;background:linear-gradient(180deg,#060817f7,#060817c9 75%,transparent)}.hero-stats{gap:16px;margin-top:15px;max-width:100%;flex-wrap:wrap}.hero-stats strong{font-size:16px}.hero-stats div:nth-child(4) strong{font-size:15px}.hero-stats span{font-size:9px}.hero-plants{width:45px}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0 24px}.feature{padding:9px;gap:8px;min-height:69px}.feature-icon{width:34px;height:34px;flex:0 0 34px}.feature-icon svg{font-size:18px}.feature strong{font-size:10px}.feature small{font-size:9px}.section{padding-top:21px;padding-bottom:14px}.section h2,.skills-section h2,.about-band h2{font-size:24px}.section-heading{align-items:start;gap:5px}.section-heading p,.section-sub{font-size:10px}.pill-link{font-size:9px;padding:7px;gap:3px}.work-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.work-track::-webkit-scrollbar{display:none}.work-item{min-width:42%;scroll-snap-align:start}.work-prev{left:-10px}.work-next{right:-10px}.course-grid{gap:10px}.course-image{height:100px}.course-content{padding:10px}.course-card h3{font-size:11px;min-height:43px}.course-meta{font-size:8px;gap:3px}.course-meta svg{font-size:9px}.course-footer strong{font-size:12px}.circle-arrow{width:30px;height:30px}.skills-section,.skills-grid{min-height:730px}.skills-copy{padding-top:20px}.skill-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.skill-card{min-height:88px;padding:9px 7px;gap:6px}.skill-card>span{width:28px;height:28px;flex:0 0 28px}.skill-card>span svg{font-size:17px}.skill-card h3{font-size:9px;line-height:1.32;margin:0 0 5px}.skill-card p{font-size:8px}.skills-portrait{height:255px}.skills-portrait img{width:390px;top:-65px;right:-58px}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.steps:before{top:40px;left:10px;right:10px}.step-dot{width:35px;height:35px;font-size:13px;border-width:1px}.steps li{font-size:8px;line-height:1.4;gap:6px}.how-it-works{padding-bottom:24px}.about-layout{grid-template-columns:112px 1fr;gap:12px}.about-photo{height:170px}.about-photo img{width:130px;height:173px}.about-text h2{font-size:20px}.about-hello{font-size:10px}.about-text>p:not(.about-hello){font-size:9px}.about-text .btn{font-size:9px;padding:7px 9px;min-height:28px}.about-numbers{gap:29px}.about-numbers strong{font-size:17px}.about-numbers span{font-size:9px}.tariff-heading{flex-wrap:wrap}.plan-switch button{padding:8px 11px;font-size:10px;min-height:34px}.tariffs-layout{gap:15px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.plan{padding:11px 7px;min-height:290px}.plan-emoji{font-size:19px}.plan-title{gap:4px}.plan h3{font-size:11px}.plan-title small{font-size:7px}.plan-price{margin:10px 0 7px;flex-wrap:wrap}.plan-price strong{font-size:16px}.price-period{font-size:8px}.choose-plan{font-size:8px;min-height:28px;padding:5px 2px}.plan ul{margin-top:10px}.plan li{font-size:8px;margin-bottom:6px;padding-left:10px}.popular-tag{font-size:8px;padding:4px 7px;right:-4px}.other-courses{flex-wrap:wrap}.other-courses h3{width:100%}.other-course-gallery{width:100%}.other-courses .btn{margin:auto}.social-proof{grid-template-columns:1fr;gap:22px}.review-sample{min-height:130px}.closing-section{grid-template-columns:1fr;gap:13px}.faq-block{grid-column:auto}.help-card{min-height:225px}.help-card img{width:47%}.subscribe{min-height:180px}.site-footer{padding-top:22px}.footer-links{gap:10px}.footer-links a{font-size:9px}.footer-social{font-size:11px}.site-footer .brand-mark{font-size:36px}.footer-copyright{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



/* === Approved visual composition: unified, full-bleed hero ===
   Same high-quality 3D artwork blended into a continuous scene; no visible image box.
   Artwork is decorative CSS, while heading, CTA and statistics remain real HTML. */
.skills-section{overflow:hidden}
.hero {
  height:clamp(610px,39.0625vw,710px);
  min-height:0;
  background-color:#070819;
  background-image:url('../img/hero-seamless-desktop.webp');
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
  isolation:isolate;
}
.hero-inner{height:100%;min-height:0;position:relative}
.hero-picture,.hero-plants,.hero-light{display:none!important}
.hero::before,.hero::after{display:none!important}
.hero-copy{width:min(540px,49%);padding-top:43px;position:relative;z-index:2}
.hero-copy::before{display:none!important}
.hero h1{font-size:clamp(45px,3.65vw,62px);line-height:1.12;margin-top:20px;margin-bottom:12px}
.hero-lead{font-size:clamp(14px,1.1vw,17px);max-width:470px}
.hero-cta{margin:22px 0 27px}
.hero-stats{gap:27px}
.hero-stats strong{font-size:22px}
.features{margin-top:-1px;padding-top:12px;padding-bottom:34px;background:transparent}
body{background:#060817}
/* The original generated image is displayed as a seamless single background.
   Tablet receives its own crop to preserve legibility; mobile uses separate portrait art. */
@media(max-width:1180px) and (min-width:921px){
 .hero-copy{width:min(490px,52%)}
 .hero h1{font-size:clamp(42px,4.2vw,54px)}
 .hero-stats{gap:18px}
}
@media(max-width:920px){
 .hero{height:790px;min-height:0;background-position:65% center;background-size:auto 100%}
 .hero-inner{height:100%;min-height:0}
 .hero-copy{width:min(530px,100%);padding-top:32px}
 .hero-copy::before{display:block!important;content:'';position:absolute;z-index:-1;inset:-5px -12px -24px -10px;background:linear-gradient(90deg,#070819f2,#070819a1 64%,transparent)}
 .hero h1{font-size:clamp(40px,6.0vw,55px)}
 .hero-lead{max-width:460px}
}
@media(max-width:620px){
 .hero{height:790px;min-height:0;background-image:url('../img/hero-seamless-mobile.webp');background-size:100% 100%;background-position:center top}
 .hero-inner{height:100%;min-height:0}
 .hero-copy{width:100%;padding-top:26px}
 .hero-copy::before{display:none!important}
 .hero h1{font-size:clamp(32px,8.5vw,46px);line-height:1.12;margin:17px 0 11px;white-space:normal}
 .hero-lead{font-size:13px;line-height:1.5;max-width:395px}
 .hero-cta{margin:18px 0 21px}
 .hero-stats{gap:14px;flex-wrap:wrap;position:relative;z-index:3}
 .hero-stats strong{font-size:16px}
 .hero-stats div:nth-child(4) strong{font-size:15px}
 .hero-stats span{font-size:9px}
 .features{padding-top:10px}
 .skills-portrait img{right:-35px}
}
@media(max-width:390px){.hero{height:790px}}

/* Revision 2026-10-28: soft bottom transition on hero, like the existing side fades.
   It does not affect the navigation, heading, or the feature cards. */
.hero::after{content:""!important;display:block!important;position:absolute;inset:auto 0 0;z-index:1;height:20%;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(6,8,23,.16) 35%,rgba(6,8,23,.55) 75%,#060817 100%)}
.hero-copy{z-index:2}
@media(max-width:620px){.hero::after{height:14%;background:linear-gradient(to bottom,transparent,#060817)}}

/* === Refinement: "Чему ты научишься", 2026-10-28 ===
   Image art stays separate; all headings, labels and icons are real DOM/SVG. */
.skills-section {
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 53% 80% at 89% 46%,rgba(94,31,116,.23),transparent 77%),
    radial-gradient(ellipse 33% 80% at 45% 63%,rgba(38,16,79,.16),transparent 85%);
}
.skills-section::after {
  content:"";position:absolute;z-index:1;bottom:0;left:0;right:0;height:76px;
  background:linear-gradient(180deg,transparent,#060817 95%);pointer-events:none;
}
.skills-grid {grid-template-columns:minmax(0,62%) minmax(0,38%);min-height:562px}
.skills-copy {padding-top:29px;position:relative;z-index:3}
.skill-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 13px;padding-right:12px;margin-top:20px}
.skill-card {
  min-height:110px;display:flex;align-items:flex-start;gap:11px;padding:15px 12px;
  background:linear-gradient(135deg,rgba(20,17,44,.92),rgba(10,13,31,.9));
  border:1px solid rgba(129,74,159,.27);border-radius:13px;
  box-shadow:inset 0 1px 0 rgba(244,159,255,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.skill-card:hover {
 transform:translateY(-3px);border-color:rgba(213,104,241,.5);
 box-shadow:0 11px 26px rgba(8,2,19,.31),inset 0 1px 0 rgba(255,189,255,.06);
}
.skill-card .skill-icon{
  display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;
  border-radius:12px;border:1px solid rgba(203,74,234,.37);
  background:linear-gradient(145deg,rgba(120,29,164,.48),rgba(44,18,84,.77));
  color:#ee9aff;box-shadow:0 0 18px rgba(193,43,238,.21),inset 0 0 15px rgba(160,54,199,.16);
}
.skill-card .skill-icon svg{width:26px;height:26px;flex:none;stroke-width:1.85;filter:drop-shadow(0 0 3px rgba(229,96,255,.35))}
.skill-card h3{font-size:12.5px;line-height:1.4;letter-spacing:-.008em;margin:0 0 7px;color:#fff9ff}
.skill-card p{font-size:10.5px;line-height:1.48;color:#b8adcb;margin:0}
.skills-portrait{position:relative;height:562px;z-index:2;pointer-events:none}
.skills-portrait::before {
 content:"";position:absolute;width:620px;height:510px;right:-130px;top:18px;
 background:radial-gradient(ellipse at 64% 48%,rgba(130,37,134,.20),rgba(58,19,77,.1) 42%,transparent 72%);
 filter:blur(28px);pointer-events:none;
}
.skills-portrait img {
  position:absolute;width:664px;height:auto;max-width:none;right:-83px;top:-13px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 80%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 80%,transparent 100%);
  filter:drop-shadow(0 16px 45px rgba(65,12,104,.10));
}
@media(max-width:1180px) and (min-width:921px){
 .skills-grid{grid-template-columns:64% 36%}
 .skill-cards{gap:10px;padding-right:8px}
 .skill-card{padding:12px 9px;gap:8px;min-height:114px}
 .skill-card .skill-icon{width:39px;height:39px;flex-basis:39px}
 .skill-card .skill-icon svg{width:23px;height:23px}
 .skill-card h3{font-size:11.1px}
 .skills-portrait img{width:620px;right:-95px;top:1px}
}
@media(max-width:920px){
 .skills-section,.skills-grid{min-height:830px}
 .skills-grid{display:block}
 .skills-copy{padding-top:25px}
 .skill-cards{padding-right:0;gap:11px}
 .skill-card{min-height:104px}
 .skills-portrait{position:absolute;bottom:0;right:0;width:100%;height:340px;z-index:1}
 .skills-portrait img{width:510px;right:2%;top:-57px}
 .skills-portrait::before{right:0;top:0;width:550px;height:310px}
}
@media(max-width:620px){
 .skills-section,.skills-grid{min-height:773px}
 .skills-copy{padding-top:22px}
 .skill-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
 .skill-card{min-height:100px;padding:10px 9px;gap:8px;border-radius:11px}
 .skill-card .skill-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}
 .skill-card .skill-icon svg{width:21px;height:21px}
 .skill-card h3{font-size:10px;line-height:1.32;margin:0 0 5px}
 .skill-card p{font-size:8.8px;line-height:1.4}
 .skills-portrait{height:265px;right:-9px}
 .skills-portrait img{width:min(100vw,445px);right:-19px;top:-63px}
 .skills-portrait::before{width:400px;height:270px;right:-60px}
}
@media(max-width:390px){
 .skills-section,.skills-grid{min-height:800px}
 .skill-card{padding:8px 6px;gap:6px;min-height:105px}
 .skill-card .skill-icon{width:30px;height:30px;flex-basis:30px}
 .skill-card .skill-icon svg{width:19px;height:19px}
 .skill-card h3{font-size:9.4px}
 .skill-card p{font-size:8.1px}
}
/* Final spacing correction: handwritten lettering clears the last card. */
@media(min-width:1181px){.skills-portrait img{right:-126px}}
@media(min-width:921px) and (max-width:1180px){.skills-portrait img{right:-125px}}
@media(max-width:620px){
 .skills-section,.skills-grid{min-height:850px}
 .skill-card{min-height:94px}
 .skills-portrait{height:290px;right:-9px}
 .skills-portrait img{width:min(100vw,445px);top:-25px;right:-19px}
}
@media(max-width:390px){
 .skills-section,.skills-grid{min-height:880px}
 .skill-card{min-height:100px}
}


/* === Enhanced author section — cinematic, responsive, continuous backdrop === */
.about-band {
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse 420px 265px at 17% 48%, rgba(101,33,139,.19),transparent 94%),
    linear-gradient(90deg,#08091c 0%,#0a0b20 42%,#08091a 100%);
  border-top:1px solid rgba(113,59,144,.25);
  border-bottom:1px solid rgba(113,59,144,.25);
}
.about-layout {min-height:295px;grid-template-columns:312px minmax(0,1fr) 31%;gap:24px;align-items:center;position:relative}
.about-photo {position:relative;height:295px;align-self:stretch;overflow:visible;margin-left:-26px;isolation:isolate}
.about-photo::after {content:"";position:absolute;inset:auto -22px -3px -6px;height:53px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,#090a1dd9 85%,#090a1d)}
.about-photo picture{display:block;width:100%;height:100%}
.about-photo img {position:absolute;display:block;bottom:-11px;left:-26px;width:390px;max-width:none;height:auto;object-fit:contain;filter:contrast(1.025) saturate(1.045)}
.about-photo-link {position:absolute;z-index:3;right:12px;bottom:27px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#df56e4,#7739fb);border:1px solid #f4a9ff88;box-shadow:0 0 22px rgba(191,53,232,.5);transition:transform .2s,box-shadow .2s}
.about-photo-link:hover{transform:scale(1.07);box-shadow:0 0 28px rgba(221,91,241,.7)}
.about-photo-link svg{font-size:21px}
.about-text{position:relative;z-index:2;padding:18px 0;min-width:0}
.about-text h2{margin-bottom:10px}
.about-text .about-hello{margin-bottom:10px}
.about-text>p:not(.about-hello){font-size:13px;line-height:1.6;max-width:555px}
.about-numbers{position:relative;z-index:2;gap:0;justify-content:space-between;align-items:center}
.about-numbers>div{flex:1;padding-inline:12px;gap:7px}
.about-numbers>div+div{border-left:1px solid rgba(154,95,178,.24)}
.about-numbers strong{font-size:clamp(20px,1.75vw,27px);background:linear-gradient(120deg,#f67ff5,#b664f9);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px rgba(215,75,248,.14)}
.about-numbers span{font-size:11px;line-height:1.4}
@media (max-width:1180px) and (min-width:921px){
 .about-layout{grid-template-columns:270px minmax(0,1fr) 30%;gap:15px}
 .about-photo img{width:350px;left:-14px}
 .about-photo-link{right:0}
 .about-text>p:not(.about-hello){font-size:11px}
 .about-numbers>div{padding-inline:7px}
}
@media (max-width:920px){
 .about-layout{grid-template-columns:195px minmax(0,1fr);gap:18px;min-height:0;padding:10px 0 17px}
 .about-photo{margin-left:-10px;height:240px}
 .about-photo img{width:290px;bottom:-8px;left:-17px}
 .about-photo-link{right:4px;bottom:18px;width:42px;height:42px}
 .about-numbers{grid-column:1/-1;justify-content:center;max-width:650px;width:100%;margin:auto}
 .about-numbers>div{flex:1;text-align:center;padding-inline:13px}
 .about-text{padding:15px 0 0}
}
@media (max-width:620px){
 .about-layout{grid-template-columns:132px minmax(0,1fr);gap:12px;padding:11px 0 16px}
 .about-photo{height:218px;margin-left:-7px}
 .about-photo img{width:180px;bottom:0;left:-19px}
 .about-photo::after{height:40px;right:-5px}
 .about-photo-link{width:32px;height:32px;right:-2px;bottom:13px}
 .about-photo-link svg{font-size:15px}
 .about-text{padding:7px 0 0}
 .about-text h2{font-size:21px;margin-bottom:7px}
 .about-text .about-hello{font-size:11px;margin-bottom:5px}
 .about-text>p:not(.about-hello){font-size:9.4px;line-height:1.42;margin-bottom:8px}
 .about-text .btn{font-size:9px;padding:8px 10px;min-height:31px;white-space:normal}
 .about-numbers{gap:0;padding:8px 0 0}
 .about-numbers>div{padding-inline:7px;min-width:0}
 .about-numbers strong{font-size:18px}
 .about-numbers span{font-size:9px}
}
@media (max-width:370px){.about-layout{grid-template-columns:116px minmax(0,1fr);gap:8px}.about-photo img{width:167px}.about-photo-link{right:-6px}}

/* 2026-10-28: seamless support card — true HTML copy + high-resolution illustration */
.help-card{
  isolation:isolate;overflow:hidden;min-height:254px;position:relative;
  background:radial-gradient(ellipse 78% 94% at 91% 44%,rgba(123,28,166,.38),transparent 79%),
    radial-gradient(ellipse 75% 95% at 58% 85%,rgba(75,29,135,.23),transparent 90%),
    linear-gradient(116deg,#261038 0%,#140e2c 59%,#10132f 100%);
  border:1px solid rgba(205,80,242,.64);box-shadow:inset 0 1px 0 rgba(254,200,255,.08),0 10px 32px rgba(0,0,0,.14);
  padding:22px 16px;transition:border-color .2s ease,box-shadow .2s ease;
}
.help-card:hover{border-color:rgba(229,132,255,.8);box-shadow:inset 0 1px 0 rgba(254,200,255,.1),0 15px 34px rgba(0,0,0,.19)}
.help-card:after{content:"";position:absolute;z-index:1;pointer-events:none;inset:0;
  background:linear-gradient(90deg,rgba(25,8,39,.52) 0%,rgba(25,8,39,.26) 46%,transparent 75%),
    linear-gradient(0deg,rgba(16,10,36,.65) 0%,transparent 23%);
}
.help-card>img{position:absolute;z-index:0;right:-9%;bottom:-10%;width:78%;height:auto;max-width:none;object-fit:contain;
  -webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 0 18px rgba(124,49,238,.16));
}
.help-copy{position:relative;z-index:2;max-width:60%}
.help-copy h2{font-size:clamp(23px,1.55vw,28px);line-height:1.13;letter-spacing:-.025em;margin:0 0 12px}
.help-copy p{font-size:12px;line-height:1.55;max-width:165px;margin:0 0 20px;color:#e0cfe8}
.help-copy .btn{position:relative;z-index:3;white-space:nowrap;min-height:36px;font-size:10px;padding:9px 12px;box-shadow:0 4px 18px rgba(190,47,235,.23)}
.help-copy .btn svg{width:13px;height:13px}
@media(max-width:1180px) and (min-width:921px){.help-card>img{width:86%;right:-19%;bottom:-5%}.help-copy{max-width:66%}.help-copy h2{font-size:23px}}
@media(max-width:920px) and (min-width:621px){.help-card>img{width:69%;right:-6%;bottom:-17%}.help-copy{max-width:59%}}
@media(max-width:620px){.help-card{min-height:240px;padding:21px 16px}.help-card>img{width:68%;right:-7%;bottom:-12%}.help-copy{max-width:63%}.help-copy h2{font-size:24px}.help-copy p{font-size:11.5px;max-width:146px}.help-copy .btn{font-size:9px;padding:9px 9px}}
@media(max-width:390px){.help-card>img{width:72%;right:-12%;bottom:-9%}.help-copy{max-width:63%}}
/* Final visual check: keep antennae and face inside rounded support card. */
.help-card>img{width:68%;right:-7%;bottom:-8%}
@media(max-width:1180px) and (min-width:921px){.help-card>img{width:75%;right:-15%;bottom:-6%}}
@media(max-width:920px) and (min-width:621px){.help-card>img{width:65%;right:-6%;bottom:-8%}}
@media(max-width:620px){.help-card>img{width:68%;right:-7%;bottom:-8%}}
@media(max-width:390px){.help-card>img{width:68%;right:-9%;bottom:-8%}}