.groups-hero{background:radial-gradient(circle at 8% 8%,#55c8f63d,#0000 27%),radial-gradient(circle at 92% 15%,#f3a7d54d,#0000 29%),linear-gradient(145deg,#f8fbff,#fff9fc);padding:70px 0;position:relative;overflow:hidden}.groups-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:70px;display:grid}.groups-hero__copy h1{color:var(--teacher-text);letter-spacing:-.045em;margin:15px 0;font-size:clamp(42px,5.3vw,68px);line-height:1.07}.groups-hero__copy h1 strong{color:#0000;background:linear-gradient(90deg,#4f46e5,#d93470);-webkit-background-clip:text;background-clip:text}.groups-hero__copy>p{max-width:700px;color:var(--teacher-muted);margin:0;font-size:15px;line-height:1.75}.groups-hero__highlights{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.groups-hero__highlights span{color:#445269;background:#ffffffd1;border:1px solid #4f46e51a;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:850;box-shadow:0 8px 20px #26324a0f}.groups-hero__art{place-items:center;min-height:330px;display:grid;position:relative}.groups-hero__art:before,.groups-hero__art:after{content:"";border-radius:50%;position:absolute}.groups-hero__art:before{background:linear-gradient(145deg,#55c8f640,#f3a7d557);width:310px;height:310px;box-shadow:inset 0 0 0 1px #ffffffbf}.groups-hero__art:after{border:2px dashed #4f46e533;width:245px;height:245px;animation:24s linear infinite groups-spin}.groups-hero__people{z-index:2;align-items:end;display:flex;position:relative}.groups-hero__people span{background:#eef9ff;border:7px solid #fff;border-radius:50%;place-items:center;width:105px;height:105px;font-size:51px;display:grid;box-shadow:0 17px 38px #26324a24}.groups-hero__people span+span{margin-left:-24px}.groups-hero__people span:nth-child(2){z-index:2;background:#fff2f8;width:125px;height:125px;font-size:62px;position:relative}.groups-hero__bubble{z-index:3;color:#d93470;background:#fff;border-radius:17px 17px 4px;padding:11px 15px;font-size:11px;font-weight:900;position:absolute;bottom:18px;right:1%;box-shadow:0 12px 28px #26324a1f}.groups-orbit{z-index:3;color:#4f46e5;background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;display:grid;position:absolute;box-shadow:0 10px 26px #26324a1f}.groups-orbit--one{top:20px;left:10%}.groups-orbit--two{color:#d93470;top:18%;right:5%}.groups-page{background:#fff;padding:70px 0 88px}.groups-heading{text-align:center;max-width:760px;margin:0 auto 36px}.groups-heading>span{color:#8d6be8;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.groups-heading h2{color:var(--teacher-text);margin:8px 0;font-size:clamp(28px,3.5vw,43px);line-height:1.2}.groups-heading p{color:var(--teacher-muted);margin:0;font-size:13px}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.group-card{--group-accent:#2563eb;background:#fff;border:1px solid #2563eb21;border-radius:30px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 20px 52px #26324a17}.group-card:hover{transform:translateY(-6px);box-shadow:0 29px 65px #26324a24}.group-card--student{--group-accent:#d93470;border-color:#d9347021}.group-card__media{aspect-ratio:16/9;background:#eef7ff;position:relative;overflow:hidden}.group-card__media:after{content:"";background:linear-gradient(#0000,#0f172a6b);height:42%;position:absolute;inset:auto 0 0}.group-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.group-card:hover .group-card__media img{transform:scale(1.035)}.group-card__media>span{z-index:2;color:var(--group-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #ffffff9e;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;position:absolute;bottom:16px;left:17px;box-shadow:0 8px 20px #0f172a24}.group-card__body{text-align:center;flex-direction:column;align-items:center;min-height:365px;padding:27px;display:flex}.group-card__body h2{color:var(--teacher-text);margin:0 0 10px;font-size:25px}.group-card__body>p{max-width:520px;color:var(--teacher-muted);margin:0;font-size:13px;line-height:1.72}.group-card__body ul{text-align:left;gap:9px;width:100%;margin:22px 0 25px;padding:0;list-style:none;display:grid}.group-card__body li{color:#475569;background:#f8fafc;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;font-weight:750;display:flex}.group-card__body li span{color:var(--group-accent)}.group-card__button{border:2px solid color-mix(in srgb,var(--group-accent) 65%,white);background:color-mix(in srgb,var(--group-accent) 7%,white);min-height:48px;color:var(--group-accent);border-radius:15px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px 19px;font-size:12px;font-weight:900;transition:background .2s,color .2s,transform .2s;display:inline-flex}.group-card__button:hover{background:var(--group-accent);color:#fff;transform:translateY(-2px)}.groups-note{background:linear-gradient(135deg,#fff7fb,#f7f5ff);border:1px solid #d934701a;border-radius:20px;justify-content:center;align-items:center;gap:15px;max-width:820px;margin:40px auto 0;padding:20px 24px;display:flex}.groups-note>span{color:#d93470;background:#fff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;display:grid;box-shadow:0 8px 20px #d934701a}.groups-note strong{color:#334155;font-size:13px}.groups-note p{color:var(--teacher-muted);margin:3px 0 0;font-size:11px}@keyframes groups-spin{to{transform:rotate(360deg)}}@media (width<=900px){.groups-hero__inner{text-align:center;grid-template-columns:1fr;gap:25px}.groups-hero__copy>p{margin-inline:auto}.groups-hero__highlights{justify-content:center}.groups-hero__art{width:min(520px,100%);margin-inline:auto}.groups-grid{grid-template-columns:1fr}.group-card{max-width:700px;margin-inline:auto}}@media (width<=600px){.groups-hero{padding:48px 0}.groups-hero__copy h1{font-size:38px}.groups-hero__copy>p{font-size:13px}.groups-hero__art{min-height:275px}.groups-hero__art:before{width:250px;height:250px}.groups-hero__art:after{width:205px;height:205px}.groups-hero__people span{width:82px;height:82px;font-size:39px}.groups-hero__people span:nth-child(2){width:98px;height:98px;font-size:48px}.groups-page{padding:48px 0 62px}.groups-heading{margin-bottom:27px}.group-card{border-radius:24px}.group-card__media{aspect-ratio:4/3}.group-card__body{min-height:0;padding:22px 17px}.group-card__body h2{font-size:21px}.group-card__button{width:100%}.groups-note{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.groups-hero__art:after{animation:none}.group-card,.group-card__media img,.group-card__button{transition:none}}