:root{--ink:#171b3a;--ink-2:#303854;--muted:#72798f;--violet:#5348e8;--violet-dark:#4134d4;--violet-light:#f0eeff;--border:#e6e8f1;--surface:#fff;--canvas:#f8f9fe;--soft:#f5f6fc;--radius:18px;--shadow:0 18px 50px rgba(38,44,94,.08);--font-head:'Plus Jakarta Sans',sans-serif;--font-body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img,svg{vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.045em;line-height:1.22}p{color:var(--muted)}.container{width:min(1168px,calc(100% - 72px));margin:auto}.icon{width:20px;height:20px;flex:none}.icon-sm{width:17px;height:17px;flex:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:88px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid #eef0f6}.nav-shell{height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-family:var(--font-head);font-size:25px;line-height:1;font-weight:800;letter-spacing:-.085em;display:inline-flex;align-items:center;gap:10px;color:#202347;white-space:nowrap}.brand-accent{color:#5046e5}.brand-dot{color:#f29b64}.brand-symbol{width:33px;height:33px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;position:relative;background:#5147e8}.brand-symbol span{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:9px;left:7px}.brand-symbol span:nth-child(2){left:18px;background:#b8b3ff}.brand-symbol span:nth-child(3){width:20px;height:9px;left:7px;top:18px;background:transparent;border:3px solid #fff;border-bottom:0;border-radius:12px 12px 0 0}.main-nav{display:flex;align-items:center;gap:35px}.nav-link{font-size:14px;font-weight:700;color:#626881;transition:color .2s;position:relative;padding:15px 0}.nav-link:hover,.nav-link.active{color:var(--violet)}.nav-link.active:after{content:'';height:2px;width:100%;position:absolute;bottom:5px;left:0;background:var(--violet);border-radius:2px}.nav-cta{display:inline-flex;align-items:center;gap:13px;background:var(--violet);color:#fff;padding:14px 19px;border-radius:10px;font-weight:700;font-size:13px;box-shadow:0 8px 18px rgba(83,72,232,.15);transition:transform .2s,background .2s}.nav-cta:hover,.btn-primary:hover{background:var(--violet-dark);transform:translateY(-2px)}.menu-toggle{display:none;border:1px solid var(--border);color:var(--ink);background:white;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px}
.hero{background:radial-gradient(circle at 84% 36%,#e7e7ff 0,rgba(235,235,255,.42) 27%,transparent 50%),linear-gradient(122deg,#f9faff 20%,#f4f5ff 100%);overflow:hidden}.hero-grid{min-height:647px;display:grid;grid-template-columns:49% 51%;align-items:center;gap:0;padding-top:42px;padding-bottom:54px}.hero-copy{position:relative;z-index:3;padding-top:5px}.eyebrow,.section-kicker{color:var(--violet);font-size:11px;letter-spacing:.13em;font-family:var(--font-head);font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#ebeaff;padding:10px 14px;border-radius:99px}.eyebrow-dot,.live-dot{width:7px;height:7px;background:#6a5eea;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px rgba(104,93,234,.12)}.hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.11;margin:27px 0 24px;font-weight:800;letter-spacing:-.072em}.text-gradient{color:var(--violet)}.accent-period{color:#ef9472}.hero-description{font-size:17px;line-height:1.85;max-width:490px;margin-bottom:32px;color:#66708d}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;font-size:13px;font-family:var(--font-head);font-weight:800;border:0;border-radius:11px;padding:16px 22px;min-height:53px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{color:#fff;background:var(--violet);box-shadow:0 13px 23px rgba(83,72,232,.19)}.btn-ghost{color:#373c67;background:transparent;padding-left:7px}.btn-ghost:hover{color:var(--violet);transform:translateX(3px)}.hero-proof{display:flex;align-items:center;gap:15px;margin-top:54px}.avatar-stack{display:flex;padding-left:5px}.avatar{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#6e4053;font-family:var(--font-head);border:3px solid #fff;width:36px;height:36px;border-radius:50%;margin-left:-6px}.avatar-peach{background:#ffd5c8;color:#9b5446}.avatar-lilac{background:#dcd4ff;color:#5544a0}.avatar-mint{background:#c8efe3;color:#347f76}.avatar-blue{background:#cddcff;color:#4b66a3}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:12px;color:#333850;font-family:var(--font-head)}.hero-proof span{font-size:11px;color:#848ba1;margin-top:2px}
.hero-art{height:550px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-pattern{position:absolute;border-radius:50%;z-index:-1}.pattern-one{width:470px;height:470px;background:#dcd9ff;opacity:.76;right:5px;top:37px}.pattern-two{width:315px;height:315px;border:1px solid #d4d1ff;right:-84px;top:-13px}.dashboard-card{position:relative;z-index:2;width:min(475px,94%);margin-left:18px;background:#fff;padding:24px 22px 15px;border:1px solid #eeeefe;border-radius:19px;box-shadow:0 30px 65px rgba(60,52,150,.17);transform:rotate(-2deg)}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #f0eff7;padding-bottom:18px}.dash-brand{display:flex;gap:9px;align-items:center;font-size:13px;font-family:var(--font-head);font-weight:800;color:#262849}.tiny-brand-symbol{background:#eeeaff;color:var(--violet);border-radius:8px;font-size:17px;line-height:1;padding:7px}.dash-top-tag{font-size:10px;font-weight:700;color:#767b94;white-space:nowrap}.dash-top-tag .live-dot{height:6px;width:6px;box-shadow:none;margin-right:5px;background:#32b99c}.dash-title{font-family:var(--font-head);font-size:13px;color:#23284b;font-weight:800;margin:19px 0 13px;display:flex;justify-content:space-between}.dash-title span{color:#a3a0e6}.dash-card{display:flex;align-items:center;position:relative;gap:13px;background:#fff;padding:13px 10px;border:1px solid #eff0f6;border-radius:13px;margin-bottom:9px;box-shadow:0 2px 9px rgba(33,31,88,.025)}.dash-card.first{background:#f8f7ff;border-color:#ebe8ff}.dash-avatar{height:44px;width:44px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:12px}.dash-person{min-width:0}.dash-person strong{display:block;font-family:var(--font-head);font-size:12px;color:#282b47}.dash-person>span{display:block;font-size:10px;color:#9296a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px;margin-top:2px}.mini-tags{display:flex;gap:7px;margin-top:7px;flex-wrap:wrap}.mini-tags>span{display:inline-flex;align-items:center;gap:3px;background:#fff;color:#666e94;font-size:9px;border:1px solid #ececf6;border-radius:5px;padding:2px 5px}.mini-icon{width:10px;height:10px}.dash-match{color:#38a27c;font-weight:800;font-size:9px;background:#e8faee;border-radius:20px;padding:5px 8px;white-space:nowrap;position:absolute;right:8px;top:10px}.dash-card.first .dash-person strong{padding-right:58px}.dash-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 2px 0;color:#6269a0;font-size:10px;font-weight:700}.dash-footer-arrow{color:var(--violet)}.floating-note{position:absolute;z-index:3;background:#fff;border-radius:12px;box-shadow:0 13px 35px rgba(57,50,122,.16);font-size:11px;font-family:var(--font-head);font-weight:800;color:#343a61}.note-top{top:55px;right:-14px;padding:13px 15px;transform:rotate(5deg);display:flex;align-items:center;gap:9px}.note-top .icon{color:#eaaa57;width:17px}.note-bottom{bottom:51px;left:-7px;display:flex;align-items:center;gap:11px;padding:12px 17px;transform:rotate(3deg)}.note-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#dcfbec;color:#22a474}.note-icon svg{width:17px}.note-bottom b,.note-bottom small{display:block}.note-bottom small{color:#9499ae;font-family:var(--font-body);font-size:10px;font-weight:500;margin-top:2px}
.section-padding{padding:103px 0}.section-padding-small{padding:56px 0 95px}.section-heading.center{text-align:center;max-width:600px;margin:0 auto 47px}.section-heading h2{font-size:36px;margin:13px 0 14px;letter-spacing:-.06em}.section-heading p{font-size:15px;line-height:1.85;margin:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{border:1px solid var(--border);background:#fff;border-radius:17px;padding:33px 30px 30px;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:298px}.feature-card:hover,.peer-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#dcd9fa}.feature-icon,.resource-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:23px}.feature-icon svg,.resource-icon svg{width:25px;height:25px}.violet{background:#edeaff;color:#5d50dc}.blue{background:#e5f0ff;color:#3b81e8}.coral{background:#fff0e9;color:#ee8b66}.feature-card h3{font-size:18px;margin-bottom:12px}.feature-card p{font-size:13px;line-height:1.85;margin-bottom:24px}.inline-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--violet);font-weight:800;font-family:var(--font-head)}.inline-link:hover{gap:14px}.how-section{background:#f7f8fe}.how-grid{display:grid;grid-template-columns:43% 1fr;gap:92px;align-items:center}.how-left h2{font-size:38px;margin:19px 0 20px;max-width:405px}.how-left p{max-width:383px;line-height:1.85;margin-bottom:26px;font-size:14px}.btn-dark{background:#252849;color:#fff}.btn-dark:hover{background:#3c3c75;transform:translateY(-2px)}.steps{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:25px;padding:22px 5px 27px;border-bottom:1px solid #e5e7f2}.step:last-child{border:0}.step-number{font-size:18px;font-family:var(--font-head);font-weight:800;color:#8f83ef}.step h3{font-size:17px;margin-bottom:8px}.step p{font-size:13px;max-width:430px;margin:0;line-height:1.85}.closing-section{padding:78px 0 92px}.closing-banner{background:#5146df;position:relative;border-radius:24px;padding:60px 68px;display:flex;justify-content:space-between;align-items:center;gap:22px;overflow:hidden;color:#fff}.closing-banner:before{content:'';height:340px;width:340px;position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:155px;top:-140px}.closing-banner:after{content:'';height:360px;width:360px;position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:110px;top:-120px}.closing-decoration{position:absolute;right:23%;top:4%;color:#9289ff;font-size:73px;opacity:.7}.closing-overline{font-family:var(--font-head);color:#c9c5ff;font-size:11px;font-weight:800;letter-spacing:.12em}.closing-banner h2{font-size:35px;margin:15px 0}.closing-banner p{color:#dbd8ff;margin-bottom:0;font-size:13px}.btn-white{color:#4640cc;background:#fff;position:relative;z-index:1}.btn-white:hover{transform:translateY(-3px);background:#f7f6ff}
.site-footer{background:#171936;color:white;padding:54px 0 26px}.footer-upper{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:45px}.footer-brand{color:#fff}.footer-brand .brand-accent{color:#b7b3ff}.footer-upper p{color:#a2a5bd;font-size:13px;margin:15px 0 0}.footer-nav{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.footer-nav a{font-size:12px;color:#cad0e2;font-weight:600}.footer-nav a:hover{color:white}.footer-bottom{border-top:1px solid #313451;padding-top:22px;display:flex;justify-content:space-between;gap:25px;color:#969bb7;font-size:11px}
.page-hero{background:radial-gradient(circle at 83% 65%,#eae9ff 0,transparent 40%),#f8f9ff}.page-hero.compact{padding:72px 0 74px}.page-hero h1{font-size:clamp(36px,4.3vw,53px);margin:17px 0 17px}.page-hero p{font-size:15px;max-width:640px;line-height:1.9;margin-bottom:0}.directory-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 210px 190px;gap:12px;padding:17px;background:#f8f9fd;border:1px solid var(--border);border-radius:16px}.search-field,.select-wrap{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e2e5ef;border-radius:10px;padding:0 13px;min-height:51px;color:#9399ac}.search-field:focus-within,.select-wrap:focus-within{border-color:#8d84ef;box-shadow:0 0 0 3px #eeeaff}.search-field input,.select-wrap select{width:100%;background:none;border:0;outline:none;color:#434963;font-size:13px;min-width:0}.search-field input::placeholder{color:#9ca1b2}.select-wrap select{cursor:pointer}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:44px 0 22px}.directory-heading h2{font-size:24px;margin-bottom:5px}.directory-heading p{font-size:12px;margin:0}.peer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.peer-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:26px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border .2s}.peer-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.peer-avatar{height:52px;width:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-family:var(--font-head);font-weight:800;font-size:14px}.sample-tag{font-weight:700;font-size:10px;color:#9196aa;background:#f5f6fa;border-radius:99px;padding:6px 9px}.peer-card h3{font-size:18px;margin:0 0 4px}.peer-subtitle{font-size:12px;margin:0 0 21px}.peer-details{border-top:1px solid #eef0f4;margin-bottom:20px;padding-top:18px;display:flex;flex-direction:column;gap:16px;flex:1}.peer-details>div{display:flex;flex-direction:column;gap:4px}.peer-details span{font-size:11px;color:#969bad;display:flex;align-items:center;gap:7px}.detail-icon{height:14px;width:14px;color:#8882d9}.peer-details strong{font-size:12px;font-weight:700;line-height:1.55;color:#38405f}.connect-btn{width:100%;background:#f0eeff;color:#5145df;border:none;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:10px;min-height:43px;font-family:var(--font-head);font-size:11px;font-weight:800;transition:background .2s}.connect-btn:hover{background:#e0dcff}.peer-card.own-profile{border-color:#c9c3ff;background:#fcfbff}.own-profile .sample-tag{background:#e8fff6;color:#21886b}.own-profile .connect-btn{background:#f1f2f8;color:#797e9d;cursor:default}.empty-state{text-align:center;border:1px dashed #d4d3e5;border-radius:16px;padding:47px 15px;background:#fbfbff}.empty-state h3{font-size:19px;margin-bottom:8px}.empty-state p{font-size:13px}.empty-icon{display:flex;width:53px;height:53px;align-items:center;justify-content:center;color:#5a51e7;background:#eeecff;border-radius:15px;margin:0 auto 14px}.directory-footnote{display:flex;align-items:center;gap:9px;color:#878da5;font-size:11px;margin:24px 0 0}.mini-cta{background:#f8f9fd;border-top:1px solid #f0f1f5;padding:42px 0}.mini-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.mini-cta h2{font-size:23px;margin:0 0 8px}.mini-cta p{font-size:13px;margin:0}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:25px;align-items:start}.form-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px 34px;box-shadow:0 8px 35px rgba(37,44,87,.04)}.form-head{display:flex;align-items:center;gap:16px;padding-bottom:23px;border-bottom:1px solid #edeef4;margin-bottom:25px}.form-head-icon{display:flex;align-items:center;justify-content:center;background:#efedff;color:var(--violet);width:49px;height:49px;border-radius:12px}.form-head h2{font-size:20px;margin:0 0 5px}.form-head p{font-size:12px;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-group{display:flex;flex-direction:column;margin-bottom:22px}.form-group label{color:#323955;font-weight:800;font-size:12px;margin-bottom:9px}.form-group label span{color:#e37a6a}.form-group input,.form-group select{height:49px;width:100%;min-width:0;padding:0 14px;background:#fff;border-radius:10px;border:1px solid #dee1ed;outline:0;color:#474e68;font-size:12px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#a7acbc}.form-group input:focus,.form-group select:focus{border-color:#8275ef;box-shadow:0 0 0 3px #f0edff}.field-hint{font-size:10px;color:#989eb0;margin-top:8px}.submit-btn{width:100%;font-size:13px;margin-top:2px}.form-privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#858ba4;line-height:1.65;margin:16px 0 0}.form-privacy svg{flex:none}.form-feedback{border:1px solid #afe5c9;background:#e9faf2;color:#217654;padding:13px 15px;border-radius:10px;margin-bottom:18px;font-size:13px}.form-feedback a{font-weight:800;text-decoration:underline}.profile-aside{display:flex;flex-direction:column;gap:18px}.aside-highlight{border-radius:18px;background:#5046dc;color:#fff;padding:34px 29px;position:relative;overflow:hidden}.aside-highlight:before{content:'';position:absolute;border:1px solid rgba(255,255,255,.2);height:280px;width:280px;border-radius:50%;right:-164px;top:-111px}.aside-icon{display:flex;align-items:center;justify-content:center;height:46px;width:46px;border-radius:12px;color:#e9e7ff;background:rgba(255,255,255,.16);margin-bottom:27px;position:relative}.aside-highlight h3{font-size:24px;max-width:280px;line-height:1.32;margin-bottom:14px;position:relative}.aside-highlight p{color:#dfdcff;font-size:12px;line-height:1.9;position:relative}.aside-line{height:1px;background:rgba(255,255,255,.22);margin:24px 0}.aside-benefit{display:flex;align-items:center;gap:10px;color:#f6f4ff;font-size:11px;font-weight:600;margin:14px 0}.aside-benefit svg{height:16px;width:16px;color:#bcf3d8}.aside-help{display:flex;gap:12px;border:1px solid var(--border);border-radius:14px;padding:22px;background:#fff}.aside-help-icon{background:#fff6e8;color:#eaa65e;flex:none;height:35px;width:35px;border-radius:9px;display:flex;align-items:center;justify-content:center}.aside-help strong{font-size:12px}.aside-help p{font-size:11px;line-height:1.75;margin:5px 0 0}
.section-heading.left{max-width:680px;margin-bottom:35px}.section-heading.left h2{font-size:29px}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.resource-card{border:1px solid var(--border);border-radius:17px;padding:29px;background:#fff;min-height:330px;display:flex;flex-direction:column}.resource-card .resource-icon{width:50px;height:50px;margin-bottom:23px}.resource-label{font-family:var(--font-head);color:#8178bd;font-size:10px;font-weight:800;letter-spacing:.1em}.resource-card h3{font-size:18px;margin:9px 0 12px}.resource-card p{font-size:12px;line-height:1.85;flex:1}.resource-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edeef5;padding-top:18px;margin-top:17px;color:#616987;font-size:11px;font-weight:700}.resource-bottom svg{color:var(--violet)}.platforms-section{background:#f8f9fd}.platform-list{background:white;border:1px solid var(--border);border-radius:15px;overflow:hidden}.platform-item{display:flex;align-items:center;gap:19px;padding:23px 28px;border-bottom:1px solid #e9ebf2;transition:background .2s}.platform-item:last-child{border:0}.platform-item:hover{background:#f8f7ff}.platform-mark{display:flex;align-items:center;justify-content:center;width:47px;height:47px;flex:none;border-radius:11px;font-family:var(--font-head);font-weight:800;font-size:21px}.platform-mark.khan{background:#e1f8e8;color:#18a470}.platform-mark.coursera{background:#e4efff;color:#3679dc}.platform-mark.mdn{background:#e8e9f3;color:#232642}.platform-text{display:flex;flex-direction:column;gap:4px;flex:1}.platform-text strong{font-size:14px;font-family:var(--font-head)}.platform-text small{font-size:12px;color:#8a8fa3}.platform-category{font-size:11px;color:#6e7197;background:#f2f3fa;border-radius:20px;padding:7px 11px;white-space:nowrap}.platform-item>.icon{color:#6e65df}.toast{position:fixed;z-index:200;bottom:26px;left:50%;max-width:min(520px,calc(100% - 40px));transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#26294b;color:#fff;border-radius:12px;padding:15px 22px;box-shadow:0 12px 35px rgba(16,19,45,.24);font-size:12px;line-height:1.6;text-align:center;transition:transform .25s,opacity .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.container{width:min(100% - 56px,1168px)}.main-nav{gap:21px}.hero-grid{grid-template-columns:50% 50%}.hero h1{font-size:55px}.note-top{right:-5px}.note-bottom{left:0}.dashboard-card{width:96%;margin-left:0}.hero-art{height:500px}.how-grid{gap:45px}.peer-grid{gap:13px}.peer-card{padding:20px}.directory-toolbar{grid-template-columns:minmax(230px,1fr) 190px 180px}}
@media(max-width:820px){.site-header{height:73px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:18px 28px 25px;box-shadow:0 20px 30px rgba(20,19,70,.1);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:5px}.main-nav.open{display:flex}.nav-link{padding:11px 8px}.nav-link.active:after{display:none}.nav-cta{justify-content:center;margin-top:7px}.hero-grid{grid-template-columns:1fr;padding-top:68px;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:clamp(44px,8vw,68px)}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-proof{justify-content:center;margin-top:33px}.hero-art{height:510px;max-width:600px;width:100%;margin:15px auto 0}.dashboard-card{max-width:490px}.features-grid,.resources-grid{grid-template-columns:repeat(2,1fr)}.features-grid .feature-card:last-child,.resources-grid .resource-card:last-child{grid-column:span 2}.how-grid{grid-template-columns:1fr;gap:28px}.how-left h2{max-width:610px}.how-left p{max-width:600px}.closing-banner{padding:45px 40px}.directory-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.peer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:1fr}.profile-aside{display:grid;grid-template-columns:1fr 1fr}.aside-highlight{min-height:320px}.aside-help{align-self:start}.footer-upper{flex-direction:column;gap:29px}}
@media(max-width:600px){.container{width:calc(100% - 38px)}.brand{font-size:23px}.hero-grid{padding-top:48px;padding-bottom:37px}.hero h1{font-size:44px;letter-spacing:-.07em}.hero-description{font-size:14px;line-height:1.85}.eyebrow{font-size:9px;padding:9px 11px}.hero-actions{gap:7px}.btn{font-size:12px;padding:14px 16px;min-height:48px}.hero-proof{margin-top:29px}.hero-art{height:378px}.dashboard-card{width:96%;padding:15px 13px 11px;border-radius:14px}.dash-card{padding:9px 7px;gap:9px}.dash-avatar{width:37px;height:37px;font-size:10px}.dash-person>span{max-width:220px;font-size:9px}.dash-person strong{font-size:10px}.dash-match{font-size:8px}.dash-card.first .dash-person strong{padding-right:50px}.mini-tags>span{font-size:8px}.note-top{right:-5px;top:18px;padding:8px 9px;font-size:9px}.note-bottom{bottom:3px;left:0;padding:9px 11px;font-size:9px}.note-bottom small{font-size:8px}.pattern-one{height:335px;width:335px;right:-6px;top:9px}.pattern-two{height:240px;width:240px;right:-48px}.section-padding{padding:69px 0}.section-padding-small{padding:32px 0 65px}.section-heading h2{font-size:29px}.section-heading p{font-size:13px}.features-grid,.resources-grid,.peer-grid{grid-template-columns:1fr}.features-grid .feature-card:last-child,.resources-grid .resource-card:last-child{grid-column:auto}.feature-card{min-height:0;padding:27px}.feature-card p{margin-bottom:18px}.how-left h2{font-size:29px}.step{gap:18px}.step h3{font-size:15px}.closing-section{padding:58px 0}.closing-banner{padding:35px 28px;display:block}.closing-banner h2{font-size:29px}.closing-banner p{margin-bottom:23px}.footer-nav{gap:17px}.footer-bottom{flex-direction:column;gap:8px}.page-hero.compact{padding:52px 0}.page-hero h1{font-size:36px}.page-hero p{font-size:13px}.directory-toolbar{grid-template-columns:1fr;padding:12px}.search-field{grid-column:auto}.directory-heading h2{font-size:20px}.peer-card{padding:24px}.directory-footnote{align-items:flex-start}.mini-cta-inner{flex-direction:column;align-items:flex-start}.form-card{padding:24px 19px}.form-row{grid-template-columns:1fr;gap:0}.form-head h2{font-size:16px}.form-head-icon{width:41px;height:41px;flex:none}.profile-aside{grid-template-columns:1fr}.aside-highlight{min-height:0}.resource-card{min-height:0}.platform-item{padding:20px 14px;gap:11px}.platform-text small{font-size:10px}.platform-text strong{font-size:12px}.platform-category{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Institution discovery — choose a suggested institution or enter any school name. */
.institution-panel{border:1px solid #dedcff;background:linear-gradient(145deg,#f7f6ff,#fff);border-radius:15px;padding:23px 22px 16px;margin:1px 0 25px}
.institution-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:21px}
.institution-panel-icon{height:42px;width:42px;display:flex;align-items:center;justify-content:center;color:#5147e8;background:#eae7ff;border-radius:11px;flex-shrink:0}
.institution-panel h3{font-size:15px;margin:0 0 3px;letter-spacing:-.035em}
.institution-panel-head p{font-size:11px;line-height:1.6;margin:0}
.institution-fields .form-group{margin-bottom:8px}
.institution-note{display:flex;align-items:flex-start;gap:8px;color:#6d7290;font-size:11px;line-height:1.6;margin:13px 0 0}
.institution-note svg{color:#5f56d7;flex-shrink:0;margin-top:1px}
.institution-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:17px 0 27px;padding:19px 22px;border-radius:15px;background:#f5f4ff;border:1px solid #e6e2ff}
.institution-filter-intro{display:flex;align-items:center;gap:12px;min-width:200px;color:#5147e8}
.institution-filter-intro>svg{flex-shrink:0}
.institution-filter-intro>div{display:flex;flex-direction:column;gap:3px}
.institution-filter-intro strong{font-size:13px;color:#302958;font-weight:800}
.institution-filter-intro span{font-size:11px;color:#77728f}
.institution-filter-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.institution-filter-controls select{min-height:43px;max-width:280px;width:min(280px,100%);background:#fff;color:#323955;border:1px solid #d8d4f8;border-radius:10px;padding:0 12px;font-size:12px;outline:0}
.institution-filter-controls select:focus{border-color:#5147e8;box-shadow:0 0 0 3px #e8e5ff}
.same-school-btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #5147e8;color:#5147e8;background:#fff;border-radius:10px;font-weight:800;font-size:12px;transition:background .2s,color .2s}
.same-school-btn[hidden]{display:none}
.same-school-btn:hover,.same-school-btn.is-active{background:#5147e8;color:#fff}
.institution-chip{display:flex;align-items:flex-start;gap:8px;width:fit-content;max-width:100%;padding:8px 10px;margin:12px 0 5px;border-radius:9px;background:#eeedff;color:#4940b9;font-size:11px;font-weight:800;line-height:1.5}
.institution-chip svg{flex:none;margin-top:1px}
@media(max-width:820px){.institution-filter-bar{align-items:flex-start}.institution-filter-controls{width:100%}.institution-filter-controls select{flex:1;max-width:none}}
@media(max-width:600px){.institution-panel{padding:17px 15px 14px}.institution-panel-head{align-items:flex-start}.institution-panel h3{font-size:14px}.institution-filter-bar{padding:16px;margin-bottom:22px}.institution-filter-controls{flex-direction:column;align-items:stretch}.institution-filter-controls select{width:100%}.same-school-btn{width:100%}}

/* Peermigo platform UI | shared component system */
:root{--violet:#5747e9;--ink:#202344;--line:#e9e9f6}
body{overflow-x:hidden}.container{width:min(1240px,calc(100% - 72px))}.site-header{height:78px}.nav-shell{gap:16px}.main-nav{gap:15px}.nav-link{font-size:12px;white-space:nowrap}.nav-cta{padding:11px 14px;gap:5px;white-space:nowrap;font-size:11px}.nav-icon-link{position:relative;color:#5d6384;font-size:22px;line-height:1;padding:8px 9px}.alert-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:100%;background:#f17e66}.alert-dot[hidden]{display:none}.nav-account{font-weight:800;color:var(--violet);font-size:12px;white-space:nowrap}.nav-account:hover{color:#22284a}.mode-banner{background:#252649;color:#f2f0ff;position:relative;z-index:2}.mode-bar{min-height:36px;display:flex;align-items:center;gap:15px;padding:7px 0;font-size:10px;line-height:1.4}.mode-bar #modeLabel{color:#ffcf8a;font-size:10px;letter-spacing:.09em;font-weight:800;white-space:nowrap}.mode-bar #modeDescription{opacity:.87;flex:1}.mode-link{text-decoration:underline;text-underline-offset:3px;font-weight:700;white-space:nowrap}.mode-banner.is-live{background:#ecfbf5;color:#22694e;border-bottom:1px solid #d5f1e6}.mode-banner.is-live #modeLabel{color:#168863}.mode-banner.is-live .mode-link{color:#116c52}
.app-section{padding:47px 0 105px;background:#fcfcff;min-height:55vh}.page-hero.compact{padding:56px 0 49px;background:radial-gradient(circle at 86% 20%,#e9e7ff 0,transparent 42%),linear-gradient(113deg,#fafaff,#f7f7ff)}.page-hero.compact h1{font-size:clamp(38px,4vw,56px);max-width:860px;letter-spacing:-.065em;margin:13px 0 14px}.page-hero.compact p{font-size:15px;max-width:660px;line-height:1.75;margin:0}.app-intro,.section-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.app-intro{margin:0 0 29px}.app-intro h2,.section-row h2{font-size:24px;margin:5px 0 8px;letter-spacing:-.052em}.app-intro p,.section-row p{font-size:13px;margin:0}.overline{font:800 10px var(--font-head);color:#6559ce;letter-spacing:.14em}.profile-mini{font-size:12px;color:#595b89;display:flex;align-items:center;gap:9px;background:white;border:1px solid #e9e7f5;border-radius:100px;padding:11px 15px;max-width:390px;line-height:1.3}.pulse-dot{height:8px;width:8px;border-radius:50%;background:#8a7af9;flex:none;box-shadow:0 0 0 4px #efedff}.finder-panel{border:1px solid #e9e9f6;background:#fff;padding:17px;box-shadow:0 12px 35px rgba(46,45,100,.04);border-radius:18px;margin-bottom:33px}.finder-search{height:52px;display:flex;align-items:center;gap:12px;border:1px solid #e5e6f2;border-radius:11px;padding:0 15px;background:#fdfdff}.finder-search>span{font-size:27px;color:#6a62dd;line-height:1}.finder-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.finder-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.finder-controls select{width:100%;height:44px;border:1px solid #e6e7f1;border-radius:10px;background:#fff;padding:0 11px;color:#576078;font-size:12px;outline:0}.finder-controls select:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6f61ed;box-shadow:0 0 0 3px rgba(112,98,237,.1)}.finder-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 5px 0}.toggle-label{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#373b5c;font-weight:700;cursor:pointer;position:relative}.toggle-label input{width:1px;height:1px;position:absolute;opacity:0}.toggle-track{height:21px;width:37px;border-radius:20px;background:#d8dbea;position:relative;display:inline-block;transition:background .2s}.toggle-track:before{content:'';width:15px;height:15px;background:white;position:absolute;left:3px;top:3px;border-radius:50%;box-shadow:0 2px 4px #0001;transition:transform .2s}.toggle-label input:checked+.toggle-track{background:#6555ec}.toggle-label input:checked+.toggle-track:before{transform:translateX(16px)}.toggle-label input:focus-visible+.toggle-track{outline:3px solid #bbb5ff}.text-button{border:0;background:transparent;color:#6658d8;font:700 12px var(--font-head);padding:8px;cursor:pointer}.text-button:hover{text-decoration:underline}.section-row{margin-bottom:23px}.count-dot{display:inline-flex;border-radius:100px;padding:4px 9px;background:#eeedff;color:#6556db;font-size:11px;vertical-align:middle;line-height:1}.meta-badge{font:800 10px var(--font-head);color:#736ad0;background:#eeedff;border:1px solid #e5e1ff;border-radius:50px;padding:9px 13px;letter-spacing:.045em;white-space:nowrap}.upgraded-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.peer-card-v2{padding:26px 24px!important;border-radius:17px;display:flex;flex-direction:column;gap:0;min-width:0;background:#fff}.peer-card-v2 h3{font-size:17px;margin:16px 0 3px}.peer-card-v2 .peer-avatar{width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font:800 14px var(--font-head)}.peer-card-v2 .peer-card-top{display:flex;justify-content:space-between;align-items:center}.fit-tag{font:800 10px var(--font-head);background:#e7f9f2;border-radius:40px;color:#25956e;padding:8px 11px}.fit-tag.neutral{background:#f4f4fb;color:#666d93}.peer-subtitle-v2{font-size:11px;margin:2px 0 10px;line-height:1.5}.institution-line{display:flex;align-items:flex-start;gap:7px;color:#6459c4;font-size:12px;font-weight:700;min-height:44px}.institution-line span:first-child{font-size:15px}.peer-pills{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 20px}.peer-pill{background:#f2f3fa;padding:6px 8px;color:#606984;font-size:10px;font-weight:700;border-radius:6px}.peer-pill.primary{background:#eeedff;color:#6552d8}.peer-details-v2{border-top:1px solid #eff0f7;margin-top:auto;padding-top:17px;display:grid;gap:13px}.peer-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px}.peer-detail-row>span{color:#9196a8}.peer-detail-row strong{text-align:right;color:#373b60;font-weight:800;max-width:62%;line-height:1.45}.peer-card-actions{display:flex;gap:9px;margin-top:20px}.peer-card-actions .connect-btn,.peer-card-actions .btn{flex:1;justify-content:center;min-height:42px!important;padding:10px!important;font-size:11px!important}.small-ghost{border:1px solid #e8e9f3;border-radius:10px;color:#6568a0;background:white;padding:7px 11px;cursor:pointer}.small-ghost:hover{background:#f7f6ff}.verified-label{display:inline-flex;align-items:center;gap:3px;color:#269a77;font-size:10px;font-weight:700}.safe-strip{margin-top:30px;border-radius:15px;background:#f1f0ff;border:1px solid #e5e2ff;padding:19px 22px;display:flex;align-items:flex-start;gap:15px}.safe-strip>span{font-size:24px;color:#6657e3}.safe-strip b{font-size:12px;color:#373360}.safe-strip p{font-size:11px;line-height:1.7;margin:4px 0 0}.empty-panel{border:1px dashed #dcdaf4;padding:55px 24px;background:#fff;border-radius:17px;text-align:center}.empty-illustration{font-size:40px;color:#b0a5ee;display:inline-block;margin-bottom:14px}.empty-panel h3{font-size:19px;margin:0 0 9px}.empty-panel p{font-size:13px}.btn-secondary{border:1px solid #e3e2f0;background:#fff;color:#5148a9;box-shadow:none}.btn-secondary:hover{background:#f0efff}.upgraded-form{border-radius:17px;box-shadow:0 14px 35px #22264a08}.styled-form textarea,.panel-form textarea{resize:vertical;width:100%;border:1px solid #e7e8f1;border-radius:9px;padding:13px 14px;font:13px var(--font-body);background:#fff;color:var(--ink)}.consent-line{display:flex;align-items:flex-start;gap:12px;margin:12px 0 21px;font-size:12px;color:#616582;line-height:1.5}.consent-line input{margin:3px 0;accent-color:#5648e8}.form-privacy{font-size:11px!important;line-height:1.65!important}.form-feedback{margin:0 0 20px;padding:13px 16px!important;border-radius:10px;background:#eefaf5!important;color:#226e4d!important;font-size:12px!important}.form-feedback.is-error{background:#fff1ef!important;color:#aa4538!important}.profile-layout .profile-aside{display:block}.profile-aside .aside-help{margin-top:17px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:45px;align-items:center;max-width:1000px}.auth-card{padding:35px!important}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e7e7f2;border-radius:12px;padding:5px;background:#f7f7fc;margin-bottom:28px}.auth-tab{padding:13px 10px;border:none;border-radius:9px;background:transparent;font-weight:800;font-size:12px;color:#8789a2}.auth-tab.active{color:#5648df;background:white;box-shadow:0 5px 12px #171b3912}.auth-card h2{font-size:25px;margin:0 0 9px}.auth-card .muted-text{font-size:13px}.auth-symbol{width:66px;height:66px;border-radius:19px;background:#e7f8ed;color:#1fa579;font-size:34px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.auth-aside{border-radius:23px;background:radial-gradient(circle at 85% 4%,#7a71f1,#5041d9 70%);padding:56px 42px;color:#fff;box-shadow:0 22px 65px rgba(73,60,204,.15)}.auth-aside .section-kicker{color:#e3dbff}.auth-aside h2{font-size:47px;line-height:1.2;margin:25px 0}.auth-aside h2 em{font-style:normal;color:#ffceb4}.auth-aside p{color:#e3e0ff;font-size:13px;line-height:1.85}.auth-feature{font-size:12px;padding:11px 0;border-top:1px solid #ffffff31;color:#f3f0ff}.auth-feature:first-of-type{margin-top:34px}.app-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.platform-card{border:1px solid #e7e7f0;background:white;border-radius:17px;padding:25px;display:flex;flex-direction:column;min-height:280px;transition:transform .2s,box-shadow .2s}.platform-card:hover{transform:translateY(-3px);box-shadow:0 18px 37px #2428630c}.platform-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.platform-card-icon{height:45px;width:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#edeaff;color:#6b5de3;font-size:24px}.platform-card h3{font-size:17px;margin:19px 0 9px}.platform-card p{font-size:12px;line-height:1.72}.platform-card small{color:#777e98;font-size:11px}.platform-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding:20px 0 14px}.platform-card-meta>span{background:#f5f5fb;border-radius:8px;font-size:10px;color:#656987;font-weight:700;padding:7px 9px}.platform-card-bottom{display:flex;align-items:center;gap:9px}.platform-card-bottom .btn{flex:1}.platform-card-bottom button{min-height:42px;padding:10px 12px;font-size:11px}.panel-form{background:#fff;border:1px solid #e7e4f7;border-radius:18px;padding:28px;box-shadow:0 12px 30px #3733750a;margin:0 0 35px}.panel-form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-form-title h3{font-size:19px;margin:0}.panel-form .form-group{margin-bottom:15px}.panel-form .form-group input,.panel-form .form-group select{height:44px}.panel-form .btn{margin-top:8px}.compact-finder{display:flex;align-items:center;gap:20px;justify-content:space-between}.compact-finder .finder-search{flex:1}.room-panel{margin-top:32px;padding:27px;border:1px solid #e9e7f5;background:#fff;border-radius:18px}.room-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededf5;padding-bottom:16px}.room-panel-head h2{font-size:20px;margin:4px 0}.room-panel-head p{font-size:11px;margin:0}.post-list{min-height:100px;max-height:340px;overflow-y:auto;padding:12px 0}.post-card{margin:11px 0;padding:12px 15px;border-radius:11px;background:#f7f7fd}.post-card strong{font-size:11px;color:#5a50bb}.post-card small{color:#9a9db0;font-size:10px;margin-left:8px}.post-card p{font-size:12px;white-space:pre-wrap;color:#454c65;line-height:1.6;margin:5px 0 0}.messaging-layout{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #e7e7f1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 13px 35px #22264a08;min-height:580px}.inbox-sidebar{border-right:1px solid #eeeeF5;background:#fdfdff}.inbox-head{padding:22px 20px 19px;border-bottom:1px solid #e9e9f4;display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-head h2{font-size:21px;margin:0}.conversation-list{max-height:580px;overflow-y:auto}.conversation-item{width:100%;border:0;background:none;text-align:left;padding:17px 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0f0f5}.conversation-item:hover,.conversation-item.selected{background:#f2f0ff}.conversation-avatar{width:42px;height:42px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#dcd5ff;color:#6256b8;font-weight:800;font-size:12px}.conversation-item strong,.conversation-item small{display:block}.conversation-item strong{font-size:12px}.conversation-item small{font-size:10px;color:#858ba0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;margin-top:4px}.chat-window{display:flex;flex-direction:column;min-height:580px;min-width:0}.chat-header{height:79px;border-bottom:1px solid #eeeeF5;display:flex;align-items:center;gap:13px;padding:14px 21px}.chat-header strong{display:block;font-size:13px;color:#303250}.chat-header small{display:block;font-size:10px;color:#868da4;margin-top:4px}.chat-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;width:43px;height:43px;background:#eeecff;color:#7365e8;font-size:23px}.chat-header>.text-button{margin-left:auto}.chat-messages{flex:1;max-height:440px;min-height:340px;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:#fefeff}.chat-placeholder{text-align:center;margin:auto;max-width:320px}.chat-placeholder h3{font-size:20px}.chat-placeholder p{font-size:12px;line-height:1.75}.placeholder-art{height:73px;width:73px;border-radius:20px;background:#eceaff;color:#6c5ee6;display:flex;align-items:center;justify-content:center;font-size:35px;margin:0 auto 18px}.chat-bubble{border-radius:13px 13px 13px 3px;background:#f0f0fa;color:#303752;padding:11px 14px;max-width:min(75%,420px);align-self:flex-start}.chat-bubble.mine{background:#6052e8;color:white;border-radius:13px 13px 3px 13px;align-self:flex-end}.chat-bubble p{font-size:12px;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-bubble small{font-size:9px;display:block;opacity:.72;text-align:right;margin-top:7px}.message-composer{display:flex;gap:10px;padding:14px;border-top:1px solid #eeeff7;background:white}.message-composer input{flex:1;min-width:0;border:1px solid #e8e8f4;padding:10px 14px;border-radius:10px;outline:none;font-size:12px}.message-composer button{min-height:43px!important;padding:11px 15px}.message-composer input:focus{border-color:#8176ef}.message-composer input:disabled{opacity:.6;background:#f7f7fc}.small-notice{text-align:center;font-size:10px;color:#9094ae;margin:5px 0}.loading-state{padding:25px;color:#8b8d9f;font-size:12px}.narrow-container{max-width:830px}.notifications-list{display:grid;gap:12px}.notification-item{background:#fff;border:1px solid #e7e8f3;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px}.notification-item.unread{background:#f8f7ff;border-color:#dcd9f9}.notification-symbol{height:45px;width:45px;display:flex;align-items:center;justify-content:center;background:#eeedff;color:#6458d5;font-size:20px;border-radius:12px;flex:none}.notification-item h3{font-size:13px;margin:0 0 5px}.notification-item p{font-size:11px;margin:0 0 6px}.notification-item small{font-size:10px;color:#9598aa}.notification-item>div:nth-child(2){flex:1}.info-stack{display:grid;gap:15px}.info-panel{padding:26px 29px;border:1px solid #e7e7f2;background:white;border-radius:16px}.info-panel h2{font-size:23px}.info-panel h3{font-size:16px;margin:12px 0}.info-panel p{font-size:12px;line-height:1.8;margin:0}.info-panel code{background:#f0effb;padding:3px 6px;border-radius:5px;color:#5042ce}.step-pill{border-radius:7px;background:#efedff;padding:5px 9px;font-size:11px;font-weight:800;color:#6d61dd}.platform-features{background:#fafaff}.platform-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.platform-feature-card{display:block;background:white;border:1px solid #e8e8f5;border-radius:15px;padding:27px 23px;transition:transform .2s,box-shadow .2s}.platform-feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.pfeat-icon{display:flex;align-items:center;justify-content:center;font-size:25px;color:#695de0;background:#f0eeff;border-radius:12px;width:48px;height:48px;margin-bottom:19px}.platform-feature-card h3{font-size:16px}.platform-feature-card p{font-size:11px;line-height:1.75;min-height:65px}.platform-feature-card>span{font-size:11px;color:#6355d9;font-weight:800}
@media(max-width:1200px){.container{width:min(1168px,calc(100% - 50px))}.main-nav{gap:10px}.nav-link{font-size:11px}.brand{font-size:22px}.brand-symbol{width:31px;height:31px}}
@media(max-width:1020px){.site-header{height:75px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:14px 26px 22px;background:#fff;box-shadow:0 22px 30px #0001;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 74px);overflow-y:auto}.main-nav.open{display:flex}.nav-link{font-size:13px;padding:10px 6px}.nav-icon-link,.nav-account{padding:11px 6px}.nav-cta{justify-content:center}.upgraded-grid,.app-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.profile-aside .aside-highlight{padding:25px}}
@media(max-width:820px){.profile-layout,.auth-layout{grid-template-columns:1fr}.profile-aside{display:grid!important;grid-template-columns:1fr 1fr;gap:14px}.profile-aside .aside-help{margin-top:0}.auth-aside{padding:35px}.messaging-layout{grid-template-columns:240px minmax(0,1fr)}.mode-bar{flex-wrap:wrap;gap:6px 12px}.mode-bar #modeDescription{flex-basis:60%}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.mode-bar{gap:5px 10px}.mode-bar #modeDescription{font-size:9px}.mode-link{font-size:9px}.app-section{padding:34px 0 65px}.app-intro,.section-row{align-items:flex-start;flex-direction:column;gap:13px}.app-intro h2,.section-row h2{font-size:22px}.profile-mini{border-radius:12px}.finder-controls{grid-template-columns:1fr}.finder-bottom{gap:10px}.upgraded-grid,.app-card-grid,.platform-feature-grid{grid-template-columns:1fr}.platform-feature-card p{min-height:0}.profile-aside{grid-template-columns:1fr}.messaging-layout{display:flex;flex-direction:column}.inbox-sidebar{border-right:0;border-bottom:1px solid #ededf5}.conversation-list{display:flex;overflow-x:auto;max-height:110px}.conversation-item{min-width:175px;border-right:1px solid #eeeef7}.conversation-item small{max-width:135px}.chat-window{min-height:460px}.chat-messages{min-height:265px;max-height:340px}.auth-card{padding:24px 19px!important}.auth-aside{padding:36px 28px}.panel-form{padding:19px}.compact-finder{flex-direction:column;align-items:stretch}.notification-item{padding:15px}.notification-symbol{width:39px;height:39px}.page-hero.compact{padding:39px 0}.page-hero.compact h1{font-size:36px}.page-hero.compact p{font-size:12px}.platform-card{min-height:0}}