.cases-page{background:#f7f7fb}.cases-hero{position:relative;overflow:hidden;padding:164px 0 80px;background:radial-gradient(circle at 88% 4%,#8870de 0,transparent 24%),radial-gradient(circle at 73% 76%,#e97cc5 0,transparent 24%),linear-gradient(128deg,#151730 0%,#27275a 54%,#493361 100%);color:#fff}.cases-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(0deg,#ffffff07 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 88%)}.cases-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .82fr;gap:88px;align-items:center}.case-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:2px;color:#ded8ff}.case-kicker i{display:block;width:22px;height:1px;background:currentColor}.cases-hero h1{margin:19px 0;font-size:clamp(39px,5vw,63px);line-height:1.12;letter-spacing:-2px}.cases-hero em{font-style:normal;background:linear-gradient(90deg,#c5c9ff,#f9c5e6);-webkit-background-clip:text;background-clip:text;color:transparent}.cases-hero p{max-width:510px;color:#deddee;font-size:17px;line-height:1.8}.case-actions{display:flex;align-items:center;gap:22px;margin-top:35px}.case-actions .btn{padding:13px 22px}.case-text-link{color:#ebeaff;font-size:14px}.hero-showcase{position:relative;overflow:hidden;border:1px solid #ffffff2b;border-radius:25px;background:#ffffff11;box-shadow:0 28px 70px #0e0a2829;backdrop-filter:blur(8px);transform:rotate(3deg)}.showcase-top,.showcase-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;font-size:10px;letter-spacing:1.4px;color:#e4e1fa}.showcase-top{border-bottom:1px solid #ffffff1d}.showcase-top b{padding:5px 8px;border-radius:99px;background:#ffffff1a;font-size:10px}.showcase-art{position:relative;display:grid;place-items:center;height:285px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#a18be846,transparent 36%)}.showcase-art strong{position:relative;z-index:2;font-size:45px;line-height:.94;letter-spacing:-2px;text-align:center;background:linear-gradient(#fff,#d8d5fb);-webkit-background-clip:text;background-clip:text;color:transparent}.art-ring{position:absolute;width:220px;height:220px;border:1px solid #ffffff36;border-radius:50%;box-shadow:0 0 0 26px #ffffff09,0 0 0 52px #ffffff06}.art-shape{position:absolute;border-radius:17px;filter:blur(.1px)}.art-shape.one{width:91px;height:91px;top:33px;left:45px;background:linear-gradient(135deg,#f4a7dd,#8772e6);transform:rotate(22deg)}.art-shape.two{width:66px;height:66px;right:44px;bottom:38px;background:linear-gradient(135deg,#8dd7f4,#8477e9);transform:rotate(-18deg)}.showcase-bottom{border-top:1px solid #ffffff1d;letter-spacing:0}.showcase-bottom small,.showcase-bottom b{display:block}.showcase-bottom small{color:#cbc7e5;font-size:10px}.showcase-bottom b{margin-top:3px;font-size:13px}.showcase-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#4d3c70;font-size:18px}.case-benefits{background:#fff;border-bottom:1px solid #e9e7f0}.case-benefits .container{display:grid;grid-template-columns:repeat(3,1fr)}.case-benefits .container>div{padding:24px 28px;border-left:1px solid #eceaf2}.case-benefits .container>div:first-child{border-left:0}.case-benefits b,.case-benefits span{display:block}.case-benefits b{color:#39334f;font-size:14px}.case-benefits span{margin-top:4px;color:#858096;font-size:13px}.cases-section{padding:92px 0 105px}.cases-bar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.case-kicker.dark{color:#6c5dc5}.cases-bar h2{margin:9px 0;font-size:34px;letter-spacing:-1px;color:#29243d}.cases-bar p{margin:0;color:#7d788c;font-size:15px}.case-count-wrap{padding:13px 15px;border:1px solid #e2deeb;border-radius:14px;background:#fff;text-align:right;white-space:nowrap}.case-count-wrap b,.case-count-wrap span{display:block}.case-count-wrap b{color:#5850ae;font-size:13px}.case-count-wrap span{margin-top:2px;color:#9994a5;font-size:11px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.case-card{position:relative;display:flex;min-height:294px;padding:21px;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:21px;background:linear-gradient(145deg,#fff,#f1effb);border:1px solid #e5e0f0;box-shadow:0 10px 28px #33295a0b;transition:transform .28s,box-shadow .28s}.case-card:before{content:"";position:absolute;top:-88px;right:-67px;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle,#b9a8ff91,transparent 67%)}.case-card:nth-child(3n+2):before{background:radial-gradient(circle,#99c9ff91,transparent 67%)}.case-card:nth-child(3n):before{background:radial-gradient(circle,#f2aee091,transparent 67%)}.case-card:hover{transform:translateY(-7px);box-shadow:0 23px 46px #34275d20}.case-card>*{position:relative}.case-top{display:flex;justify-content:space-between;align-items:center}.case-badge{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#ffffffd9;color:#6652c6;font-weight:800;font-size:12px}.case-views{padding:6px 10px;border:1px solid #ffffffaa;border-radius:999px;background:#ffffffa8;color:#666177;font-size:12px}.case-title{max-width:92%;margin:29px 0 7px;font-size:24px;line-height:1.35;color:#282442}.case-teacher{margin:0;color:#726b88;font-size:14px}.case-link{display:inline-flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #ded9ea;color:#5546ba;font-size:14px;font-weight:700}.case-link b{font-size:18px;transition:transform .2s}.case-card:hover .case-link b{transform:translate(3px,-3px)}.case-empty{grid-column:1/-1;padding:68px 28px;text-align:center;border:1px dashed #d7d1e4;border-radius:20px;color:#817b91;background:#fff}.case-cta{padding:0 0 96px}.case-cta .container{display:flex;justify-content:space-between;align-items:center;padding:43px 48px;border-radius:24px;background:linear-gradient(118deg,#5148b3,#a355bd);color:#fff;overflow:hidden}.case-cta span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#e3ddff}.case-cta h2{margin:8px 0 0;font-size:33px;line-height:1.2;letter-spacing:-1px}.case-cta .btn{padding:13px 22px}@media(max-width:860px){.cases-hero{padding:142px 0 68px}.cases-hero-grid{grid-template-columns:1fr;gap:45px}.hero-showcase{max-width:430px;margin:auto}.case-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cases-hero{padding:126px 0 59px}.cases-hero h1{font-size:37px;letter-spacing:-1.4px}.cases-hero p{font-size:15px}.case-actions{margin-top:27px}.hero-showcase{transform:none}.showcase-art{height:230px}.case-benefits .container{grid-template-columns:1fr}.case-benefits .container>div{padding:16px 4px;border:0;border-top:1px solid #eceaf2}.case-benefits .container>div:first-child{border-top:0}.cases-section{padding:61px 0 72px}.cases-bar{align-items:start;flex-direction:column;gap:15px}.cases-bar h2{font-size:28px}.case-count-wrap{text-align:left}.case-grid{grid-template-columns:1fr;gap:14px}.case-card{min-height:250px}.case-cta{padding-bottom:65px}.case-cta .container{align-items:start;flex-direction:column;gap:25px;padding:31px 25px}.case-cta h2{font-size:29px}}
.case-card{width:100%;border:1px solid #e5e0f0;text-align:left;font-family:inherit;cursor:pointer}.case-modal{display:none;position:fixed;z-index:500;inset:0;align-items:center;justify-content:center;padding:24px}.case-modal.open{display:flex}.case-modal-backdrop{position:absolute;inset:0;background:#141126a8;backdrop-filter:blur(7px)}.case-modal-panel{position:relative;z-index:1;width:min(730px,100%);max-height:min(82vh,740px);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 28px 80px #0d092b66}.case-modal-close{position:absolute;z-index:2;top:14px;right:14px;width:37px;height:37px;border:0;border-radius:50%;background:#fffdf;color:#3a3451;font-size:26px;line-height:1;cursor:pointer}.case-modal-cover{height:275px;background:linear-gradient(135deg,#5d55bb,#b166a7);overflow:hidden}.case-modal-cover img{width:100%;height:100%;object-fit:cover}.case-modal-art{display:grid;place-items:center;height:100%;color:#fff;font-size:42px;font-weight:800;line-height:1.05;text-align:center}.case-modal-body{padding:31px 34px 35px}.case-modal-label{color:#6757bd;font-size:11px;font-weight:800;letter-spacing:1.6px}.case-modal-body h2{margin:10px 0 7px;color:#29233f;font-size:29px}.case-modal-meta{margin:0;color:#807a91;font-size:14px}.case-modal-desc{margin:24px 0;color:#575167;line-height:1.9;font-size:15px}.case-modal-watch{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:12px;background:linear-gradient(110deg,#595ddd,#a65bc7);color:#fff;font-weight:700}.case-modal-watch b{font-size:18px}@media(max-width:560px){.case-modal{padding:14px}.case-modal-cover{height:205px}.case-modal-body{padding:25px 22px 26px}.case-modal-body h2{font-size:24px}}