.inner-page{background:linear-gradient(180deg,#fbfaff 0%,#f7f5ff 48%,#fff 100%);color:#211f3b;min-height:100vh}
.page-hero{position:relative;overflow:hidden;padding:92px 0 54px}.page-hero::before,.page-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.page-hero::before{width:300px;height:300px;right:-80px;top:-90px;background:#e8ddff}.page-hero::after{width:170px;height:170px;left:-60px;bottom:-50px;background:#dff5ef}.page-hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.page-hero h1{font-size:clamp(3.4rem,7vw,6.7rem);line-height:.86;letter-spacing:-.07em;margin:22px 0;color:#20203c}.page-hero h1 em{font-family:Georgia,serif;color:#6246e5;font-weight:500}.page-hero p{max-width:620px;color:#737087;font-size:1.08rem;line-height:1.8}.hero-stat-card{position:relative;padding:32px;border-radius:36px;background:linear-gradient(145deg,#6045dd,#3f2aa7);color:#fff;box-shadow:0 28px 65px rgba(69,43,168,.28)}.hero-stat-card>span{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#dcd4ff}.hero-stat-card strong{display:block;font-size:3.5rem;margin:18px 0 4px}.hero-stat-card p{color:#e4defd;line-height:1.5}.stat-bars{display:flex;align-items:end;gap:9px;height:95px;margin-top:24px}.stat-bars i{flex:1;border-radius:9px 9px 4px 4px;background:linear-gradient(#ffd567,#ff9c77)}
.page-section{padding:50px 0 105px}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.page-intro h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;margin:8px 0}.page-intro p{max-width:520px;color:#77738b;line-height:1.7}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-tile{padding:26px;border:1px solid #e9e5f3;border-radius:28px;background:#fff;box-shadow:0 12px 35px rgba(43,35,82,.07);transition:transform .25s ease,box-shadow .25s ease}.path-tile:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(43,35,82,.13)}.path-tile:nth-child(2n){background:#f0ecff}.path-tile:nth-child(3n){background:#fff5dc}.path-tile .course-symbol{margin-bottom:30px}.path-tile h3{font-size:1.35rem;margin:10px 0}.path-tile p{color:#747086;line-height:1.65;min-height:78px}.tile-meta{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:#5d5872;font-size:.75rem;font-weight:800}.tile-meta a{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#24213f;color:#fff}.tile-meta svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}
.planner-workspace{display:grid;grid-template-columns:1fr .9fr;gap:28px}.planner-builder,.plan-preview{padding:34px;border-radius:32px;background:#fff;border:1px solid #e8e3f4;box-shadow:0 18px 50px rgba(41,33,82,.08)}.planner-builder h2,.plan-preview h2{font-size:2rem;margin:0 0 10px}.builder-group{border:0;padding:0;margin:28px 0}.builder-group legend{font-weight:850;margin-bottom:12px}.goal-options,.study-days{display:flex;flex-wrap:wrap;gap:9px}.goal-options button,.study-days button{border:1px solid #ded8ed;background:#faf9ff;border-radius:14px;padding:12px 15px;color:#6b6681;font-weight:800}.goal-options button.active,.study-days button.active{background:#6246e5;border-color:#6246e5;color:#fff;box-shadow:0 7px 16px rgba(98,70,229,.22)}.range-wrap{display:flex;align-items:center;gap:18px}.range-wrap input{accent-color:#6246e5;flex:1}.range-wrap output{min-width:78px;padding:10px;border-radius:12px;background:#eeeaff;color:#5138cc;text-align:center;font-weight:900}.plan-preview{background:linear-gradient(150deg,#24213f,#4b35b8);color:#fff}.plan-preview p{color:#c9c3e4}.preview-number{font-size:4.3rem;font-weight:900;letter-spacing:-.06em}.preview-number span{font-size:1rem;color:#c9c3e4}.preview-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:30px 0}.preview-week span{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:rgba(255,255,255,.08);color:#aaa4c8;font-size:.72rem;font-weight:900}.preview-week span.active{background:#ffd263;color:#30244b}.preview-note{padding:18px;border-radius:18px;background:rgba(255,255,255,.09);line-height:1.6}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.room-card{padding:26px;border-radius:28px;background:#fff;border:1px solid #e8e3f4;box-shadow:0 15px 40px rgba(42,33,83,.07)}.room-card:nth-child(2){background:#eff8ff}.room-card:nth-child(3){background:#fff5dd}.room-card header{display:flex;justify-content:space-between;align-items:center}.live-pill{padding:7px 10px;border-radius:99px;background:#ffe7e9;color:#cf4858;font-size:.67rem;font-weight:900;text-transform:uppercase}.room-card h3{font-size:1.4rem;margin:24px 0 8px}.room-card p{color:#767187;line-height:1.6}.member-row{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.members{display:flex}.members span{display:grid;place-items:center;width:34px;height:34px;margin-left:-7px;border:3px solid #fff;border-radius:50%;background:#e9e3ff;font-size:.64rem;font-weight:900}.members span:first-child{margin-left:0}.join-room{border:0;border-radius:13px;padding:11px 15px;background:#24213f;color:#fff;font-weight:850}.join-room.joined{background:#dff5e9;color:#28704c}.community-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;padding:22px;border-radius:28px;background:#6246e5;color:#fff}.community-banner div{text-align:center}.community-banner strong{display:block;font-size:2rem}.community-banner span{font-size:.75rem;color:#dcd5ff}
@media(max-width:900px){.page-hero-grid,.planner-workspace{grid-template-columns:1fr}.hero-stat-card{max-width:520px}.path-grid,.room-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .inner-page{padding-bottom:88px}
  .page-hero{padding:44px 0 28px;min-height:0}
  .page-hero::before{width:210px;height:210px;right:-95px;top:-45px}.page-hero::after{width:125px;height:125px;left:-55px;bottom:-22px}
  .page-hero-grid{gap:26px}.page-hero .page-shell{width:calc(100% - 36px);max-width:calc(100% - 36px);overflow:visible}
  .page-hero .soft-badge{max-width:100%;font-size:.57rem;letter-spacing:.085em;padding:9px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .page-hero h1{max-width:100%;font-size:clamp(2.72rem,12.2vw,3.2rem);line-height:.93;letter-spacing:-.058em;margin:18px 0;overflow-wrap:break-word}
  .page-hero h1 em{display:inline}.page-hero p{max-width:100%;font-size:.93rem;line-height:1.62;margin:0}
  .hero-stat-card{padding:22px;border-radius:24px}.hero-stat-card strong{font-size:2.8rem}.stat-bars{height:72px}
  .page-section{padding:24px 0 60px}.page-intro{display:block;margin-bottom:26px}.page-intro h2{font-size:2.35rem}.page-intro p{font-size:.9rem}
  .path-grid,.room-grid{grid-template-columns:1fr}.path-tile,.room-card{padding:22px;border-radius:24px}
  .planner-workspace{gap:16px}.planner-builder,.plan-preview{padding:22px;border-radius:24px}.planner-builder h2,.plan-preview h2{font-size:1.85rem;line-height:1.05}
  .builder-group{margin:23px 0}.builder-group legend{font-size:.92rem}.goal-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.goal-options button{min-width:0;padding:11px 8px;font-size:.72rem}.goal-options button:last-child{grid-column:1/-1}
  .study-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.study-days button{min-width:0;padding:10px 0;font-size:.72rem}.range-wrap{gap:10px}.range-wrap output{min-width:66px;font-size:.75rem}
  .preview-number{font-size:3.2rem}.preview-week{gap:4px}.preview-note{font-size:.84rem}.community-banner{grid-template-columns:1fr 1fr}.community-banner div:last-child{grid-column:1/-1}
  .filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.filter-row button{white-space:nowrap}
}