/* KRIS / vivid premium direction. Learning content and layouts remain intact. */
:root{--ink:#24152e;--muted:#63516d;--pink:#d50087;--purple:#7634b3;--line:#dfd0e6;--paper:#fffaf8;--dark:#100b15}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{font-size:17px;line-height:1.75}
h1,h2,h3{font-weight:800;text-wrap:balance}h2{font-size:clamp(34px,4.1vw,58px);letter-spacing:-.045em}
p{color:var(--muted)}img{max-width:100%}input,select,textarea{font-size:16px;max-width:100%}
.btn{min-height:50px;font-size:16px;padding:15px 24px;border-radius:14px;line-height:1.45}
.btn.small{font-size:14px;min-height:44px}.btn.primary{background:linear-gradient(110deg,#d30083,#9a23bd);color:#fff;box-shadow:0 9px 30px #c300802e;border-color:#f96ac0}
.btn.primary:hover{background:linear-gradient(110deg,#bd0076,#7c18a8);box-shadow:0 12px 35px #e7009450;transform:translateY(-3px)}
.btn.light{border-color:#d1badd;background:#fff;color:#4e216c}.btn.ghost{border-color:#dfabdf88}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b33ce0;outline-offset:4px}
.eyebrow{font-size:12px;letter-spacing:2px;color:#83339b}.small-text{font-size:14px!important;line-height:1.75}.muted{color:var(--muted)}
.section-head p,.card p,.feature-list p,.steps p,.lesson-content p,.lesson-content li,.learning-video-copy p,.lesson-video-intro p{font-size:17px;line-height:1.8}
.card h3{font-size:24px}.card .num{font-size:13px;color:#8227aa}.feature-list b{font-size:17px}.section-head p{max-width:390px}
.card{border-color:#e0cee9;box-shadow:0 8px 32px #3e144005}.soft{background:linear-gradient(135deg,#faedf6,#f0eafa)}
.module{border-color:#d7c4e3;border-radius:12px;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.module summary{font-size:17px;line-height:1.5;padding:20px 16px;min-height:64px}.module summary span{color:#923caf;font-size:14px}.module p{font-size:16px;line-height:1.8;color:#5c426b}
@media(hover:hover){.module:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 30px #9b29bd1a;border-color:#e251b2}.grid>.card:hover{box-shadow:0 18px 42px #7f188618}}
.lab,.ai-block,.progress-card{background:radial-gradient(at 95% 0%,#70295c,transparent 70%),#1d1029}.lab p,.ai-block p,.progress-card p{color:#f0dff5}.feedback p{color:#e9d2ef}.prompt{font-size:16px;color:#f4e1f6}.check-list li{font-size:16px;line-height:1.7}.check-list li:before{color:#b10083}.strip{color:#7a537e;font-size:13px;font-weight:800}
.price-card{border:1px solid #d989c8;box-shadow:0 16px 65px #9b297f14}.price-main{background:linear-gradient(135deg,#fbe0f2,#eee1ff)}.price{color:#82299c;font-weight:800}.price-main p{font-size:17px}.price-list{background:#fff}.price-main .btn{width:100%}
.faq summary{font-size:18px;line-height:1.55}.faq details p{font-size:16px;line-height:1.8}.footer{background:#170d20;color:#fff}.footer p,.footer .small-text{color:#e0cce8}.footer a:hover{color:#ff8cdb}
/* Readable student and owner workspaces. */
.workspace h1{font-size:clamp(32px,3vw,44px)}.workspace h2{font-size:28px}.workspace h3{font-size:22px}.workspace-top{font-size:14px;color:#6e587c}.sidebar nav a{font-size:14px;line-height:1.5}.sidebar .side-bottom{font-size:13px}.lesson-row{font-size:15px}.lesson-row b{font-size:16px;line-height:1.55}.lesson-row small{font-size:14px;color:#71597f}.mini-nav a{font-size:14px}.stat span{font-size:14px;color:#6e527e}.status{font-size:12px;line-height:1.5;color:#713790}.status.green{color:#226b3a;background:#e4f2e8}.status.orange{color:#815322;background:#fff0da}.tabs button{min-height:44px;font-size:14px}.table{font-size:14px}.table th{font-size:13px;color:#70527c;font-weight:700}.notice{font-size:15px;line-height:1.75}.tool-link span{font-size:15px}label{font-size:15px}.exercise-label{font-size:12px}.tags span,.pill{font-size:13px}.learning-video-copy p.small-text{font-size:14px}.video-play-trigger small{font-size:14px;color:#ead0f4}
/* Full-bleed portrait, live typography, restrained gold details. */
.hero-premium{background:#100a15;isolation:isolate}.hero-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;z-index:-3}.hero-premium:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#100a15eb 0%,#100a15d9 24%,#100a15a1 43%,#100a1510 66%,#100a151c),linear-gradient(0deg,#100a15 0%,transparent 27%,transparent 85%,#100a1599)}
.hero-aura{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 40%,#f500b327,transparent 45%),radial-gradient(ellipse at 90% 95%,#962eff40,transparent 45%);animation:kris-aura 10s ease-in-out infinite alternate;transform-origin:center}
.hero-premium .top{position:relative;z-index:3;padding:26px 0}.top nav{font-size:14px;color:#fff;font-weight:600}.top nav a:hover{color:#ff85d4}.hero-premium .top>.logo{font-size:22px;color:#ffe6df}.hero-premium .logo small{font-size:9px;color:#fca8e7}.hero-premium .top>.btn{background:#24112b88;backdrop-filter:blur(12px)}
.hero-premium .hero-main{position:relative;display:block;min-height:750px}.hero-premium .hero-copy{width:55%;max-width:680px;padding:24px 0 48px;animation:none}.brand-lockup{position:relative;display:inline-block;margin:0 0 26px;padding-top:36px;line-height:1}.brand-name{font:500 clamp(100px,10vw,160px)/.85 Georgia,'Times New Roman',serif;letter-spacing:-.055em;background:linear-gradient(175deg,#fff9eb 10%,#efbe9c 57%,#ff72ca 90%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 4px 18px #e8228e24)}.brand-sub{font:500 clamp(17px,1.9vw,27px)/1.4 Georgia,'Times New Roman',serif;color:#fff2e9;letter-spacing:.025em;margin-top:10px;border-bottom:1px solid #e35ba0;padding-bottom:9px}.brand-sub span{color:#ff75d0}.brand-crown{position:absolute;width:76px;height:42px;left:38%;top:0;color:#ebbd7d;transform:rotate(-8deg);filter:drop-shadow(0 0 9px #db8b5870)}
.hero-premium .eyebrow{color:#f6b4e8;font-size:12px;margin-bottom:18px}.hero-premium h1{font-size:clamp(37px,3.6vw,55px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px;max-width:none;overflow-wrap:normal}.hero-premium .shine{color:#ff78d1;background:none;text-shadow:0 0 30px #f135b342}.hero-premium .hero-copy>p{font-size:18px;color:#fff3fc;max-width:515px;line-height:1.65;text-shadow:0 2px 12px #100a15}.hero-premium .actions{gap:14px;max-width:540px;margin:28px 0 22px}.hero-premium .actions>.primary{font-size:17px;padding:18px 26px;animation:kris-button 4s ease-in-out infinite}.hero-premium .actions>.ghost{border:none;padding-left:0;color:#fff;background:none;font-size:15px;min-height:44px}.hero-premium .tags span{color:#fff3fa;border-color:#ff9de245;background:#35102b7a;padding:5px 10px}
.hero-author{position:absolute;bottom:66px;right:0;background:#160d1bbd;backdrop-filter:blur(16px);border:1px solid #f490d367;border-radius:20px;padding:20px 25px;max-width:300px}.hero-author>span{font-size:11px;letter-spacing:2px;color:#eaba83}.hero-author b{display:block;font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.1;margin:8px 0}.hero-author p{font-size:14px;color:#f5d8ef;line-height:1.5;margin:10px 0 0}
.hero-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;padding-bottom:24px}.hero-benefits>div{display:flex;align-items:center;gap:12px;padding:18px 16px;background:linear-gradient(120deg,#27152edb,#1b101fdb);border:1px solid #c466ae78;border-radius:16px;backdrop-filter:blur(12px)}.hero-benefits span{font-size:28px;color:#ff7bd4;line-height:1}.hero-benefits b{font-size:13px;font-weight:600;line-height:1.5}.hero-premium .hero-bottom{font-size:12px;color:#eed8f1;position:relative;padding:18px 0 24px}.hero-bottom b{color:#ffe2b5;font-size:24px}
.hero-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.hero-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe1b0;box-shadow:0 0 12px #ff96e4;opacity:0;animation:kris-spark 11s ease-in-out infinite}.hero-sparks i:nth-child(1){left:7%;top:20%;animation-delay:-2s}.hero-sparks i:nth-child(2){left:38%;top:40%;animation-delay:-6s}.hero-sparks i:nth-child(3){left:89%;top:17%;animation-delay:-4s}.hero-sparks i:nth-child(4){left:80%;top:70%;animation-delay:-8s}.hero-sparks i:nth-child(5){left:22%;top:80%;animation-delay:-10s}.hero-sparks i:nth-child(6){left:93%;top:44%;animation-delay:-1s}
/* Final invitation: always readable, the button opens the existing application. */
.conversion-section{position:relative;background:linear-gradient(#fffaf8 0%,#f2e4f1 20%,#25112f 65%,#100a18 100%);padding:60px 0 90px;margin-bottom:65px}.conversion-card{isolation:isolate;position:relative;overflow:hidden;text-align:center;border:1px solid #ec75d3;border-radius:32px;padding:clamp(40px,6vw,80px) 30px;background:radial-gradient(ellipse at 50% 110%,#a9278e7d,transparent 63%),linear-gradient(130deg,#24132f,#100b19);box-shadow:0 20px 90px #d71d9c30;color:#fff}.conversion-card .eyebrow{color:#edb8dc}.conversion-card h2{font-size:clamp(38px,5.4vw,76px);line-height:1.08;margin:18px 0 24px}.conversion-card h2 span{color:#ff8cdd}.conversion-card>p{max-width:675px;margin:0 auto;color:#f6e4fa;font-size:18px;line-height:1.8}.conversion-star{font-size:34px;color:#efbe87;display:block}.conversion-path{display:flex;align-items:center;justify-content:center;gap:16px;margin:30px 0;color:#f9d6f3;font-size:14px}.conversion-path span{padding:7px 14px;border:1px solid #c673c56b;border-radius:100px;background:#ffffff08}.conversion-path i{font-style:normal;color:#f5c390}.conversion-button{padding:20px 38px;font-size:20px;border-radius:16px;min-width:300px;animation:kris-button 4s ease-in-out infinite}.conversion-card p.conversion-note{margin:24px auto 0;font-size:14px;max-width:450px;color:#e3cde9}.conversion-orbit{position:absolute;width:650px;height:650px;border:1px solid #f485dd25;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;box-shadow:0 0 0 65px #f485dd05,0 0 0 130px #f485dd03}
.kris-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.kris-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes kris-aura{from{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@keyframes kris-button{0%,100%{box-shadow:0 8px 28px #ed009c35}50%{box-shadow:0 8px 38px #ed009c70,0 0 0 4px #f241b30c}}@keyframes kris-spark{0%,100%{opacity:0;transform:translateY(20px)}30%,60%{opacity:.65}80%{opacity:0;transform:translateY(-35px)}}
@media(min-width:1450px){.hero-premium .wrap{width:min(1360px,90%)}.hero-premium .hero-copy{width:50%}.hero-premium .hero-main{min-height:810px}}
@media(max-width:1000px) and (min-width:701px){.hero-premium .hero-copy{width:65%}.hero-premium h1{font-size:40px}.hero-premium .hero-copy>p{font-size:17px;max-width:440px}.hero-author{right:0;bottom:26px;padding:15px}.hero-author b{font-size:23px}.hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-premium:before{background:linear-gradient(90deg,#100a15f5,#100a15bd 40%,#100a1526 85%),linear-gradient(0deg,#100a15,transparent 40%)}.brand-name{font-size:125px}}
@media(max-width:700px){
body{font-size:17px}.wrap{width:90%}.top{gap:12px}.top>.logo{font-size:19px}.btn{padding:15px 20px}.btn.small{font-size:14px}.section{padding:65px 0}.section-head h2{font-size:36px}.section-head p{font-size:17px}.card{padding:24px}.card h3{font-size:23px}.feature-list{grid-template-columns:1fr}.feature-list p{margin-bottom:5px}.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;font-size:12px;padding:22px 0}.module summary{font-size:16px;padding:18px 12px;gap:12px}.module p{padding:0 14px 20px;font-size:16px}.workspace{padding-left:5%;padding-right:5%}.workspace h1{font-size:32px}.workspace h2{font-size:26px}.workspace h3{font-size:21px}.sidebar nav a{font-size:14px;padding:12px}.welcome{flex-wrap:wrap}.welcome>.btn{font-size:14px;padding:12px 16px}.stat span{font-size:12px}.stat b{font-size:26px}.lesson-row{flex-wrap:wrap}.lesson-row b{font-size:15px}.lesson-row .btn.small{font-size:13px;padding:10px}.lesson-row .end{max-width:100%;flex-wrap:wrap}.cabinet-training .eyebrow{font-size:12px}.cabinet-training .tabs button,.cabinet-training .table td{font-size:14px}.status{white-space:normal}.workspace-top{gap:12px;flex-wrap:wrap}.task-grid .card .btn{width:100%}
.hero-premium{display:flex;flex-direction:column}.hero-premium .top{order:0;padding:22px 0}.hero-premium .hero-main{order:1;min-height:0;display:block}.hero-premium .hero-copy{width:100%;max-width:none;padding:18px 0 28px}.hero-premium h1{font-size:clamp(28px,7.8vw,49px);line-height:1.1;letter-spacing:-.05em;margin-bottom:20px}.hero-premium .hero-copy>p{font-size:17px;max-width:none;line-height:1.75}.brand-lockup{padding-top:34px;margin-bottom:30px}.brand-name{font-size:clamp(112px,32vw,155px)}.brand-sub{font-size:clamp(20px,5.5vw,27px)}.brand-crown{width:68px;height:37px}.hero-premium .eyebrow{font-size:11px;letter-spacing:1.5px}.hero-premium .actions{margin:24px 0 20px;display:flex;flex-direction:column;max-width:none}.hero-premium .actions>.primary{font-size:16px;width:100%;padding:18px 16px}.hero-premium .actions>.ghost{justify-content:center;padding:10px;width:100%;border:1px solid #af71ab59;border-radius:14px}.hero-premium .tags{gap:8px;justify-content:center}.hero-premium .tags span{font-size:12px;padding:5px 10px}.hero-premium:before{background:radial-gradient(ellipse at 95% 13%,#a3227d30,transparent 60%)}.hero-scene{order:2;position:relative;inset:auto;width:100%;height:440px;object-fit:cover;object-position:66% 35%;z-index:0;mask-image:linear-gradient(transparent,#000 8%,#000 83%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 83%,transparent)}.hero-author{position:static;max-width:none;display:block;text-align:center;margin:8px 0 12px;padding:18px;background:#29142f;border-color:#b85a9c55;backdrop-filter:none}.hero-author b{font-size:25px}.hero-author b br{display:none}.hero-author p{font-size:14px}.hero-author p br{display:none}.hero-benefits{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:-10px;padding-bottom:20px}.hero-benefits>div{backdrop-filter:none;padding:15px 12px;gap:10px}.hero-benefits>div:last-child{grid-column:1/-1;justify-content:center}.hero-benefits b{font-size:13px}.hero-premium .hero-bottom{order:4;font-size:12px;justify-content:center;text-align:center;gap:12px}.hero-bottom span{font-size:12px}.hero-sparks i:nth-child(n+4){display:none}.hero-aura{animation-duration:12s}.hero-premium .hero-author{margin-bottom:0}
.conversion-section{padding:36px 0 52px;margin-bottom:50px}.conversion-card{border-radius:24px;padding:40px 20px}.conversion-card h2{font-size:clamp(32px,8.2vw,49px);line-height:1.13}.conversion-card>p{font-size:17px}.conversion-card>p br{display:none}.conversion-path{gap:7px;font-size:12px;margin:25px 0}.conversion-path span{padding:6px 9px}.conversion-button{min-width:0;width:100%;font-size:18px;padding:20px 15px}.conversion-card p.conversion-note{font-size:14px}.conversion-orbit{width:440px;height:440px}.price-main,.price-list{padding:28px 22px}.price-main h2{font-size:32px}.price{font-size:56px}.check-list li{font-size:16px}.faq summary{font-size:17px}.footer .wrap{gap:25px}.small-text{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.kris-reveal{opacity:1;transform:none}.hero-sparks{display:none}}
@media print{.hero-sparks,.hero-aura{display:none}.kris-reveal{opacity:1;transform:none}.conversion-section{display:none}.cert{color:#211c2b}}
.grid>*,.split>*,.price-card>*,.hero-benefits>*,.program-cols>*{min-width:0}
.field{font-size:15px}.footer a,.footer p{font-size:14px;color:#e0cce8}.sidebar{color:#e7d4f0}.notice{color:#67417d}dialog{max-height:90dvh;overflow:auto}dialog h2{font-size:clamp(30px,5vw,42px)}
/* Author's vertical introduction: native mobile controls, no forced autoplay. */
dialog.intro-modal{max-width:490px;padding:22px;max-height:94dvh}
.intro-modal .eyebrow{font-size:11px;margin:0 28px 10px 0;letter-spacing:1.2px}
.intro-modal h2{font-size:28px;margin-bottom:18px;line-height:1.12}
.intro-video{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#000;border-radius:14px}
.intro-actions{display:flex;align-items:center;flex-direction:column;gap:12px;margin-top:18px}.intro-actions .btn{width:100%}.intro-actions>a.small-text{color:#77349b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){dialog.intro-modal{width:94%;padding:18px}.intro-modal h2{font-size:26px}.intro-video{max-height:62dvh}}
/* Real student stories: original screenshots, readable captions and enlargement. */
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.review-card{min-width:0;overflow:hidden;border:1px solid #ddbee2;border-radius:22px;background:#fff;box-shadow:0 10px 32px #64266a0a;transition:transform .25s,box-shadow .25s}
.review-image{position:relative;display:block;width:100%;padding:0;border:0;background:#eee6f0;color:#fff;text-align:center;overflow:hidden}
.review-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain}
.review-image>span{display:block;padding:12px;background:#2a1533;font-size:13px;font-weight:700;line-height:1.5}
.review-copy{padding:24px}.review-copy .eyebrow{display:block;margin:0 0 12px;font-size:11px}.review-copy h3{font-size:23px;line-height:1.2;margin-bottom:14px}.review-copy p{font-size:16px;line-height:1.75;margin:0}
.reviews-context{margin-top:28px;padding:24px;border:1px solid #e6d3ed;background:#f6edf8;border-radius:18px}.reviews-context p{font-size:14px;line-height:1.8;max-width:1000px}.reviews-swipe{display:none}
@media(hover:hover){.review-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #812c8c18}.review-image:hover>span{background:#832f91}}
dialog.review-modal{max-width:800px;padding:24px;max-height:94dvh}.review-modal .eyebrow{font-size:12px;margin:0 35px 12px 0}.review-modal h2{font-size:27px;line-height:1.2;margin-bottom:20px}.review-full{display:block;width:100%;height:auto;max-height:67dvh;object-fit:contain;background:#17121c;border-radius:12px}.review-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.review-controls>a{text-decoration:underline;color:#7a328f;text-align:center;line-height:1.5}.review-controls>.btn{flex-shrink:0;min-width:48px}
@media(max-width:950px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.reviews-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:8px 4px 20px;scrollbar-width:thin}.review-card{scroll-snap-align:start}.reviews-swipe{display:block;font-size:14px;color:#903797;font-weight:700;margin:0 0 12px}.review-copy{padding:21px}.review-copy h3{font-size:23px}.reviews-context{padding:20px}dialog.review-modal{width:96%;padding:18px}.review-modal h2{font-size:24px}.review-controls{gap:8px}.review-controls>a{font-size:13px!important}.review-full{max-height:65dvh}}
.vk-link-group{display:inline-flex;align-items:flex-start;flex-direction:column;gap:4px;max-width:100%;vertical-align:top;margin:4px 0}
button.vk-help{border:0;padding:8px 0;background:transparent;color:#813c9b;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;min-height:40px;text-align:left}
.footer button.vk-help{color:#f0b7e6}.vk-options{display:flex;flex-direction:column;gap:12px}.vk-link-group .btn{max-width:100%;white-space:normal;text-align:center}.footer .vk-link-group{margin-bottom:14px}