.case-cover{margin-top:60px;overflow:hidden;border-radius:30px;background:#ddd}.case-cover img{width:100%;max-height:720px;object-fit:cover}.tech-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tech-list span{padding:7px 11px;border:1px solid #dddcd6;border-radius:999px;font-size:.72rem;font-weight:800}.demo-access,.application-panel{margin-bottom:110px;padding:55px;border-radius:30px;background:#5546e8;color:#fff}.demo-access>div{margin:25px 0;display:grid;grid-template-columns:120px 1fr;gap:8px 20px}.demo-access span,.application-panel label>span{color:rgba(255,255,255,.65);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.screenshot-grid{padding-bottom:120px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.screenshot-grid img{border-radius:22px;box-shadow:0 20px 60px rgba(17,19,24,.08)}.article-cover{width:100%;height:180px;margin-bottom:25px;border-radius:16px;object-fit:cover}.article-hero{padding:130px 0 70px;max-width:900px;text-align:center}.article-hero h1{margin:0;font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.07em}.article-hero p{color:#687078;font-size:1.15rem}.article-hero>span:last-child{color:#687078;font-size:.8rem}.article-body{width:min(740px,calc(100% - 32px));margin:70px auto 130px;color:#363b42;font-size:1.05rem}.article-body h2,.article-body h3{margin-top:2.4em;color:#111318;letter-spacing:-.05em}.article-body h2{font-size:2.1rem}.article-body blockquote{margin:30px 0;padding:24px 30px;border-left:4px solid #5546e8;background:#fff;font-size:1.15rem}.article-body img{max-width:100%;border-radius:18px}.article-body pre{padding:20px;overflow:auto;border-radius:14px;background:#171820;color:#c7ff4a}.learning-grid{padding:70px 0 130px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.course-card{overflow:hidden;border:1px solid #dddcd6;border-radius:28px;background:#fff}.course-card>img{width:100%;height:250px;object-fit:cover}.course-card>div{padding:30px}.course-card h2{font-size:2rem;line-height:1.1;letter-spacing:-.055em}.course-card p{color:#687078}.course-meta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.course-meta span{padding:7px 10px;border-radius:999px;background:#f0eefc;color:#5546e8;font-size:.7rem;font-weight:800}.empty-learning{padding:60px;border:1px dashed #bbb;border-radius:28px}.course-hero{padding:130px 0 90px;display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:end}.course-hero h1{margin:0;font-size:clamp(3.5rem,7vw,7rem);line-height:.95;letter-spacing:-.075em}.course-hero p{max-width:700px;color:#687078;font-size:1.1rem}.course-hero aside{padding:30px;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(17,19,24,.08)}.course-hero aside span,.course-hero aside strong{display:block}.course-hero aside span{color:#687078;font-size:.72rem;text-transform:uppercase}.course-hero aside strong{margin:5px 0 22px;font-size:1.5rem}.curriculum{padding-bottom:120px}.curriculum article{padding:28px 0;display:grid;grid-template-columns:50px 1fr auto;gap:20px;border-bottom:1px solid #dddcd6}.curriculum article>span,.curriculum article>em{color:#5546e8;font-size:.72rem;font-weight:800;font-style:normal}.curriculum h3{margin:0;font-size:1.3rem}.curriculum p{margin:6px 0;color:#687078}.curriculum details{margin-top:18px}.curriculum summary{cursor:pointer;font-weight:800}.lesson-content{margin-top:18px;padding:20px;border-radius:16px;background:#fff}.application-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.application-panel h2{font-size:3rem;letter-spacing:-.06em}.application-panel p{color:rgba(255,255,255,.65)}.application-panel label{display:block;margin-bottom:17px}.application-panel input,.application-panel textarea{width:100%;padding:13px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;outline:none}.application-result{min-height:70vh;padding:140px 0}.application-result h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.07em}.payment-reference{max-width:600px;margin:35px 0;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-radius:24px;background:#fff}.payment-reference span{color:#687078}.payment-reference strong{text-align:right}
@media(max-width:800px){.learning-grid,.course-hero,.application-panel{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}.demo-access,.application-panel{padding:30px}.curriculum article{grid-template-columns:35px 1fr}.curriculum article>em{grid-column:2}.course-hero{padding-top:90px}}