/* HubInovasi KVKS — CP08 public pages, locked mockup implementation */
.public-mockup-page {
    --pm-pink:#f50078;--pm-pink-dark:#d90069;--pm-orange:#ff6500;--pm-ink:#101010;
    --pm-muted:#66615e;--pm-paper:#fffdf9;--pm-line:#e9e1da;--pm-soft:#fff4f7;
    background:var(--pm-paper);color:var(--pm-ink);font-family:Inter,Arial,sans-serif;
}
.public-mockup-page .container{width:min(calc(100% - 64px),1420px)}
.public-mockup-page .site-header--public-mockup{position:sticky;top:0;z-index:100;background:rgba(255,253,249,.96);border-bottom:1px solid var(--pm-line);backdrop-filter:blur(14px)}
.public-mockup-page .site-header__inner{min-height:80px;gap:22px}
.public-mockup-page .brand{gap:12px;min-width:max-content}
.public-mockup-page .brand__mark{width:42px;height:42px;border:0;border-radius:8px;background:linear-gradient(145deg,var(--pm-pink),#ff337c);box-shadow:none;color:#fff;transform:none;font-size:1rem}
.public-mockup-page .brand__mark span{color:#fff}
.public-mockup-page .brand__name{display:inline;font:800 1.42rem/1 Inter,Arial,sans-serif;letter-spacing:-.055em}
.public-mockup-page .brand__name>span{color:var(--pm-ink)}
.public-mockup-page .brand__name small{margin-left:5px;padding:0;border:0;color:var(--pm-pink);font-size:1em;letter-spacing:-.05em}
.public-mockup-page .brand::after{content:'Student Innovation Launchpad';position:absolute;margin:31px 0 0 54px;color:#6b6662;font-size:.62rem;font-weight:500;letter-spacing:0}
.public-mockup-page .primary-nav ul{gap:clamp(13px,1.55vw,26px)}
.public-mockup-page .primary-nav a{font-size:.76rem;font-weight:700;color:var(--pm-ink);white-space:nowrap}
.public-mockup-page .primary-nav a:not(.nav-cta)::after{bottom:-15px;height:2px;background:var(--pm-pink)}
.public-mockup-page .primary-nav .nav-cta{min-width:148px;padding:13px 16px;border:0;border-radius:8px;background:var(--pm-pink);box-shadow:none;color:#fff;text-align:center}
.public-mockup-page .primary-nav .nav-cta::after{content:'↗';position:static;margin-left:11px;background:none;transform:none}
.public-mockup-page .language-switcher-item{order:8}.public-mockup-page .language-switcher{font-size:.6rem}
.public-mockup-page .nav-search-item a{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--pm-line);border-radius:50%;font-size:1.35rem}
.public-mockup-page main{overflow:hidden}
.pm-shell{padding:28px 0 42px}
.pm-breadcrumbs{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:#57514e;font-size:.78rem}.pm-breadcrumbs a{color:inherit;text-decoration:none}.pm-breadcrumbs strong{color:var(--pm-pink)}
.pm-display{margin:0;font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.065em}.pm-display em{color:var(--pm-pink);font-style:normal}
.pm-lead{max-width:600px;margin:18px 0 0;color:#48423f;font-size:1.05rem;line-height:1.65}
.pm-kicker{display:inline-flex;margin:0 0 12px;padding:5px 10px;border:1px solid var(--pm-pink);border-radius:5px;color:var(--pm-pink);font-size:.69rem;font-weight:800;text-transform:uppercase}
.pm-card{border:1px solid var(--pm-line);border-radius:13px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(20,12,8,.035)}
.pm-icon{display:grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#ffecf3;color:var(--pm-pink)}
.pm-icon.orange{background:#fff0e6;color:var(--pm-orange)}.pm-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pm-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 21px;border:1px solid var(--pm-pink);border-radius:6px;background:#fff;color:var(--pm-pink);font-size:.78rem;font-weight:800;text-decoration:none;box-shadow:none}
.pm-btn.primary{background:var(--pm-pink);color:#fff}.pm-btn.orange{border-color:var(--pm-orange);background:var(--pm-orange);color:#fff}
.pm-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}.pm-section-title h2{margin:0;font-size:1.45rem;letter-spacing:-.04em}.pm-section-title a{color:var(--pm-pink);font-size:.78rem;font-weight:800;text-decoration:none}
.pm-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;padding:0;list-style:none}.pm-tags li{padding:6px 12px;border-radius:999px;background:#f2efed;color:#4d4744;font-size:.68rem}.pm-tags li:first-child{background:#ffedf5;color:var(--pm-pink)}
.pm-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;padding:17px 0}.pm-metric{display:flex;align-items:center;gap:15px;padding:8px 25px}.pm-metric+.pm-metric{border-left:1px solid var(--pm-line)}.pm-metric strong{display:block;font-size:1.65rem;line-height:1}.pm-metric span{font-size:.72rem;font-weight:700}.pm-metric small{display:block;margin-top:4px;color:var(--pm-muted);font-size:.64rem}
.pm-ribbon{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;gap:0;margin-top:28px;padding:21px 26px;background:linear-gradient(90deg,#fff8f2,#fff6f9)}.pm-ribbon>div{padding:0 24px}.pm-ribbon>div+div{border-left:1px solid var(--pm-line)}.pm-ribbon h2{margin:0 0 5px;font-size:1.45rem}.pm-ribbon p{margin:0;color:#554f4b;font-size:.78rem}.pm-ribbon strong{display:block;margin-bottom:4px;font-size:.83rem}

/* Page 2 — Discover */
.discover-hero{position:relative;padding:30px 0 12px}.discover-hero::after{content:'✈';position:absolute;right:15%;top:16px;color:var(--pm-pink);font-size:5rem;transform:rotate(-12deg);opacity:.85}.discover-hero::before{content:'';position:absolute;right:7%;top:-25px;width:430px;height:220px;background:radial-gradient(circle at 50% 100%,#ffcdb7 0,#ffdfe9 30%,transparent 68%);opacity:.72}
.discover-toolbar{position:relative;display:grid;grid-template-columns:2fr repeat(4,1fr) .8fr;gap:16px;margin:22px 0 18px;padding:18px 22px}.discover-toolbar input,.discover-toolbar select{width:100%;min-height:44px;padding:0 15px;border:1px solid var(--pm-line);border-radius:7px;background:#fff;color:#59524e;font:inherit;font-size:.76rem}.discover-toolbar input{padding-left:42px}.discover-search{position:relative}.discover-search::before{content:'⌕';position:absolute;left:15px;top:6px;font-size:1.35rem}.discover-categories{display:flex;gap:12px;margin:0 0 20px;padding:0;overflow:auto;list-style:none}.discover-categories button{display:flex;align-items:center;gap:10px;min-width:max-content;padding:12px 20px;border:1px solid var(--pm-line);border-radius:7px;background:#fff;font-weight:700}.discover-categories button.is-active{border-color:var(--pm-pink);background:var(--pm-pink);color:#fff}.discover-categories span{min-width:24px;padding:3px 6px;border-radius:99px;background:#f2efed;color:#4f4946;font-size:.66rem}
.discover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.discover-card{overflow:hidden}.discover-card__image{position:relative;display:block;aspect-ratio:1.9/1;overflow:hidden;background:#1b1e20}.discover-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.discover-card:hover img{transform:scale(1.04)}.discover-card__save{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;font-size:1rem}.discover-card__body{padding:17px 19px}.discover-card h3{margin:0;font-size:1.15rem}.discover-card p{min-height:45px;margin:8px 0;color:#4f4946;font-size:.76rem}.discover-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#5d5754;font-size:.69rem}.discover-card__meta a{color:var(--pm-pink);font-size:1.5rem;text-decoration:none}.discover-footer{display:flex;align-items:center;justify-content:space-between;margin:26px 0}.discover-pagination{display:flex;gap:7px}.discover-pagination span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:.72rem}.discover-pagination .active{background:var(--pm-pink);color:#fff}

/* Page 3 — project detail */
.detail-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:8px 0 28px}.detail-hero__visual{position:relative;min-height:410px}.detail-device{position:absolute;inset:10px 0 0 3%;overflow:hidden;border:9px solid #202020;border-radius:16px;background:#fff;box-shadow:0 28px 35px rgba(0,0,0,.2);transform:perspective(1000px) rotateY(-4deg)}.detail-device img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.detail-device::after{content:'';position:absolute;inset:18%;border-radius:12px;background:linear-gradient(135deg,rgba(245,0,120,.95),rgba(255,101,0,.9));opacity:.18}.detail-copy h1{font-size:clamp(3rem,5vw,5.4rem)}.detail-meta{display:flex;flex-wrap:wrap;gap:22px;margin:25px 0;color:#554f4c;font-size:.76rem}.detail-actions{display:flex;flex-wrap:wrap;gap:13px}
.story-stack{display:grid;gap:12px}.story-row{display:grid;grid-template-columns:88px 270px 1fr;min-height:132px}.story-index{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px;border-right:1px solid var(--pm-line);background:linear-gradient(135deg,#fff8fa,#fff)}.story-index strong{padding:6px 10px;border-radius:5px;background:var(--pm-pink);color:#fff}.story-index .pm-icon{width:50px;height:50px}.story-title{padding:20px 24px}.story-title h2{margin:0 0 13px;font-size:1.3rem}.story-title h2::after{content:'';display:block;width:28px;height:3px;margin-top:10px;background:var(--pm-pink)}.story-title p{margin:0;color:#49433f;font-size:.76rem}.story-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:stretch;margin:22px;background:linear-gradient(90deg,#fff7fa,#fff3ef);border-radius:12px}.story-content>div{display:grid;place-items:center;align-content:center;min-height:88px;padding:14px;text-align:center}.story-content>div+div{border-left:1px solid #eadfd9}.story-content strong{color:var(--pm-pink);font-size:1.15rem}.story-content span{margin-top:6px;font-size:.69rem}.story-list{margin:0;padding:18px 22px 18px 41px}.story-list li{margin:7px 0;font-size:.75rem}.journey-line{display:flex;align-items:center;justify-content:space-around;gap:10px;width:100%;padding:20px}.journey-line span{position:relative;flex:1;text-align:center;font-size:.68rem}.journey-line span::before{content:'';display:block;width:12px;height:12px;margin:0 auto 9px;border-radius:50%;background:var(--pm-pink)}.journey-line span+span::after{content:'';position:absolute;right:50%;top:5px;width:100%;height:2px;background:#efb4cd;z-index:-1}
.story-row--text-only{grid-template-columns:88px minmax(0,1fr)}.story-row--text-only .story-title{max-width:920px}.story-media{display:grid;gap:8px;margin:16px 20px 16px 0;align-self:stretch}.story-media--single{grid-template-columns:1fr}.story-media--collage{grid-template-columns:repeat(2,minmax(0,1fr))}.story-media figure{overflow:hidden;position:relative;margin:0;min-height:150px;border-radius:12px;background:#eee7e1}.story-media--collage figure:first-child{grid-row:span 2}.story-media img{width:100%;height:100%;min-height:150px;object-fit:cover}.story-media figcaption,.published-gallery figcaption{position:absolute;right:7px;bottom:7px;left:7px;padding:6px 8px;border-radius:6px;background:rgba(20,18,17,.76);color:#fff;font-size:.62rem}.published-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px}.published-kpis article{padding:10px;border-radius:8px;background:#fff4f8}.published-kpis strong,.published-kpis span{display:block}.published-kpis strong{color:var(--pm-pink);font-size:1rem}.published-kpis span{margin-top:3px;font-size:.62rem}.published-timeline{display:grid;gap:0;margin-top:14px}.published-timeline article{display:grid;grid-template-columns:16px 1fr;gap:9px;position:relative}.published-timeline article>span{width:10px;height:10px;margin-top:4px;border:2px solid #fff;border-radius:50%;background:var(--pm-pink);box-shadow:0 0 0 2px #efb4cd}.published-timeline article:not(:last-child)>span::after{content:'';position:absolute;top:16px;left:4px;width:2px;height:calc(100% - 5px);background:#efb4cd}.published-timeline p{margin:2px 0 13px}.project-gallery-section{padding:24px}.published-gallery figure{position:relative}.published-video-embed{overflow:hidden;position:relative;margin-top:20px;padding-top:56.25%;border-radius:12px;background:#111}.published-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.project-poster-card{display:grid;grid-template-columns:minmax(0,.45fr) minmax(280px,1fr);gap:24px;align-items:start;padding:24px}.project-poster-card img{width:100%;max-height:720px;object-fit:contain;border-radius:10px;background:#eee7e1}
.detail-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:12px;padding:28px 35px;background:linear-gradient(90deg,#fff3f7,#fff8f2)}.detail-cta h2{margin:0 0 5px;font-size:1.5rem}.detail-cta p{margin:0;color:#514b48;font-size:.78rem}

/* Page 4 — areas */
.areas-hero{display:grid;grid-template-columns:1fr .75fr .25fr;align-items:center;gap:34px;padding:20px 0 26px}.areas-art{position:relative;height:230px;background:radial-gradient(circle at 50% 60%,#ffd9e9 0 34%,transparent 35%),linear-gradient(0deg,#ffd3e4 0 45%,transparent 45%);clip-path:polygon(0 100%,0 45%,14% 45%,14% 73%,26% 73%,26% 27%,39% 27%,39% 70%,53% 70%,53% 50%,66% 50%,66% 80%,80% 80%,80% 35%,94% 35%,94% 100%)}.areas-art::after{content:'➤';position:absolute;right:15%;top:0;color:var(--pm-orange);font-size:4rem;transform:rotate(-23deg)}.areas-summary{display:grid;gap:20px;padding-left:28px;border-left:1px solid var(--pm-line)}.areas-summary div{display:flex;align-items:center;gap:13px}.areas-summary .pm-icon{width:48px;height:48px;border-radius:9px}.areas-summary strong{display:block;color:var(--pm-pink);font-size:1.55rem}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.area-tile{position:relative;min-height:205px;padding:28px 25px 20px;overflow:hidden}.area-tile::before{content:'';position:absolute;left:0;top:0;border-style:solid;border-width:32px 32px 0 0;border-color:var(--pm-pink) transparent transparent transparent}.area-tile.orange::before{border-top-color:var(--pm-orange)}.area-tile__head{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:15px}.area-tile .pm-icon{width:74px;height:74px}.area-tile b{display:block;color:var(--pm-pink);font-size:1.15rem}.area-tile h2{margin:6px 0;font-size:1.05rem}.area-tile p{margin:0;color:#4f4945;font-size:.72rem}.area-tile a{position:absolute;right:22px;bottom:18px;left:137px;display:flex;justify-content:space-between;color:var(--pm-pink);font-size:.76rem;font-weight:800;text-decoration:none}

/* Page 5 — competitions */
.impact-hero{display:grid;grid-template-columns:1fr .65fr .22fr;align-items:center;gap:35px;padding:20px 0 28px}.trophy-art{position:relative;height:265px}.trophy-art::before{content:'★';position:absolute;left:30%;top:12px;display:grid;place-items:center;width:170px;height:155px;border-radius:25% 25% 45% 45%;background:linear-gradient(145deg,#ff8d3c,var(--pm-pink));color:#fff;font-size:4.6rem;box-shadow:0 28px 0 -10px #ff5f38,0 53px 0 -18px var(--pm-pink)}.impact-stats{display:grid;gap:19px;padding-left:28px;border-left:1px solid var(--pm-line)}.impact-stats strong{display:block;color:var(--pm-pink);font-size:1.7rem}.impact-stats span{font-size:.78rem;font-weight:700}.impact-main{display:grid;grid-template-columns:2fr .95fr;gap:35px;padding-top:24px;border-top:1px solid var(--pm-line)}.competition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.competition-card{overflow:hidden}.competition-art{position:relative;display:grid;place-items:center;height:155px;padding:20px;background:radial-gradient(circle at 25% 30%,#ff376f,transparent 30%),linear-gradient(135deg,#45126e,#ee006f);color:#fff;text-align:center}.competition-art.alt{background:linear-gradient(135deg,#052d55,#0b1829)}.competition-art time{position:absolute;left:0;top:0;padding:12px 15px;background:var(--pm-pink);font-weight:800}.competition-card__body{padding:17px}.competition-card h3{margin:0 0 8px;font-size:1.02rem}.competition-card p{margin:0 0 12px;color:#514b48;font-size:.72rem}.impact-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.impact-highlight{padding:18px}.impact-highlight strong{display:block;margin:8px 0;color:var(--pm-pink);font-size:1.4rem}.impact-highlight p{font-size:.7rem;color:#554e4a}

/* Pages 6–7 — profiles */
.profile-top{display:grid;grid-template-columns:330px 1fr 430px;gap:36px;align-items:center}.profile-portrait{position:relative;overflow:hidden;height:330px;border-radius:13px;background:linear-gradient(135deg,#ffe4eb,#fff7f1)}.profile-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.profile-portrait::before{content:'';position:absolute;inset:auto auto 18px 18px;width:105px;height:105px;border-radius:50%;background:linear-gradient(135deg,var(--pm-orange),var(--pm-pink));opacity:.65}.profile-portrait.initials{display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:800;background:linear-gradient(135deg,#e5b5c5,#17263d)}.profile-copy h1{margin:8px 0;font-size:clamp(2.6rem,4.2vw,4.8rem);line-height:.98;letter-spacing:-.06em}.profile-role{color:var(--pm-pink);font-weight:800}.profile-quote{margin:22px 0;padding-left:28px;border-left:4px solid var(--pm-pink);font-size:1rem}.profile-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-facts .pm-card{padding:18px 9px;text-align:center}.profile-facts strong{display:block;font-size:1.35rem}.connect-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:14px;padding:22px}.connect-card h2{margin:0 0 4px;font-size:1.1rem}.connect-card p{margin:0;color:#514b48;font-size:.75rem}.skill-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}.skill-box{padding:0 3px}.skill-box h2{font-size:.92rem;text-transform:uppercase}.skill-chips{display:flex;flex-wrap:wrap;gap:9px}.skill-chips span{padding:9px 16px;border-radius:99px;background:#f2eff3;font-size:.7rem}.profile-content{display:grid;grid-template-columns:2fr .9fr;gap:18px}.project-showcase{padding:18px}.mini-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-project{overflow:hidden}.mini-project img{width:100%;height:125px;object-fit:cover}.mini-project div{padding:13px}.mini-project h3{margin:0 0 5px}.mini-project p{min-height:37px;margin:0;color:#514b48;font-size:.69rem}.achievement-list{padding:18px}.achievement-list ul{margin:0;padding:0;list-style:none}.achievement-list li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--pm-line);font-size:.7rem}.achievement-list li strong{font-size:.75rem}.profile-mantra{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;margin-top:20px;padding:22px 28px;background:linear-gradient(90deg,#fff2f7,#fff9f4)}.profile-mantra>div{padding:0 22px}.profile-mantra>div+div{border-left:1px solid var(--pm-line)}.profile-mantra h2{margin:0;font-size:1.2rem}.profile-mantra strong{font-size:.75rem}.profile-mantra p{margin:3px 0 0;color:#544e4a;font-size:.66rem}
.mentor-top{display:grid;grid-template-columns:310px 1fr 520px;gap:36px;align-items:center}.mentor-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px}.mentor-dashboard>div{text-align:center;padding:8px 12px}.mentor-dashboard>div+div{border-left:1px solid var(--pm-line)}.mentor-dashboard strong{display:block;font-size:1.35rem}.mentor-dashboard span{font-size:.68rem}.mentor-areas{grid-column:1/-1;margin-top:18px;padding-top:18px;border-top:1px solid var(--pm-line)}.mentor-areas h3{font-size:.75rem}.mentor-areas div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mentor-areas span{padding:9px 11px;border:1px solid var(--pm-line);border-radius:7px;background:#fff}.mentor-body{display:grid;grid-template-columns:2fr .7fr .9fr;gap:16px;margin-top:18px}.mentor-projects{padding:15px}.mentor-projects .mini-projects{grid-template-columns:repeat(4,1fr)}.expertise{padding:17px}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expertise-grid span{font-size:.72rem}.mentor-journey{margin-top:16px;padding:18px}.mentor-journey .journey-line span{font-size:.63rem}

/* Page 8 — about */
.about-launch{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:16px 35px 30px}.about-collage{position:relative;min-height:360px}.about-collage__team{position:absolute;right:0;top:15px;width:58%;height:250px;overflow:hidden;border-radius:12px;background:#f3ded8}.about-collage__team img{width:100%;height:100%;object-fit:cover}.about-collage__journey{position:absolute;left:9%;top:0;width:62%;padding:20px;background:#fff}.about-collage__journey strong{font-size:.75rem}.about-collage__journey div{display:flex;justify-content:space-between;margin-top:18px;color:var(--pm-pink);font-size:.64rem}.about-collage__impact{position:absolute;left:5%;bottom:8px;width:48%;padding:18px;background:#fff}.about-collage__impact strong{display:block;font-size:2rem}.about-collage__impact::after{content:'╱╲╱╲';display:block;color:#55b74e;font-size:2.2rem;letter-spacing:-.6rem}.why-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding:14px 0;border-top:1px solid var(--pm-line)}.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.why-cards article{padding:17px}.why-cards h3{font-size:.76rem}.why-cards p{color:#57504c;font-size:.63rem}.how-row{display:flex;align-items:flex-start;justify-content:space-around;gap:12px}.how-step{flex:1;text-align:center}.how-step .pm-icon{margin:auto}.how-step b{display:block;margin:8px 0 2px;color:var(--pm-pink)}.how-step strong{display:block;font-size:.68rem}.how-step p{font-size:.59rem;color:#5c5551}.about-mid{display:grid;grid-template-columns:1fr .9fr;gap:24px;margin-top:12px}.submission-check{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}.submission-check h2{grid-column:1/-1;margin:0;font-size:1.2rem}.submission-check p{margin:0;font-size:.68rem}.submission-check p::before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;margin-right:8px;border-radius:50%;background:var(--pm-pink);color:#fff}.snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}.snapshot div{padding:18px 10px;text-align:center}.snapshot strong{display:block;font-size:1.5rem}.snapshot span{font-size:.64rem}.about-bottom{display:grid;grid-template-columns:1fr 1.25fr;gap:35px;margin:14px 0}.faq h2,.contact-block h2{font-size:1.1rem}.faq details{padding:9px 14px;border:1px solid var(--pm-line);background:#fff;font-size:.7rem}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact-grid div{padding:17px;font-size:.67rem}.launch-banner{display:grid;grid-template-columns:1.5fr .45fr .45fr;align-items:center;gap:18px;margin-top:10px;padding:24px 34px;border-radius:8px;background:linear-gradient(90deg,var(--pm-orange),#ff4f00);color:#fff}.launch-banner h2{margin:0;font-size:1.65rem}.launch-banner p{margin:2px 0 0}.launch-banner .pm-btn{background:#fff;color:#111;border-color:#fff}.launch-banner .pm-btn.primary{background:var(--pm-pink);color:#fff;border-color:var(--pm-pink)}

/* Shared public footer */
.public-mockup-page .site-footer--launchpad{margin-top:0;border-top:1px solid var(--pm-line);background:var(--pm-paper);color:var(--pm-ink)}
.public-mockup-page .launchpad-footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;padding:28px 0 18px}.public-mockup-page .launchpad-footer__column h2{font-size:.72rem}.public-mockup-page .launchpad-footer__column ul{display:grid;gap:4px}.public-mockup-page .launchpad-footer__column a,.public-mockup-page .launchpad-footer__column p,.public-mockup-page .launchpad-footer__brand p{font-size:.65rem}.public-mockup-page .launchpad-footer__bottom{padding:12px 0;border-top:1px solid var(--pm-line);font-size:.62rem}

@media (max-width:1120px){
 .public-mockup-page .primary-nav ul{gap:10px}.public-mockup-page .primary-nav a{font-size:.68rem}.public-mockup-page .language-switcher-item,.public-mockup-page .nav-search-item{display:none}
 .discover-grid,.areas-grid{grid-template-columns:repeat(2,1fr)}.profile-top,.mentor-top{grid-template-columns:280px 1fr}.profile-top>aside,.mentor-top>.mentor-dashboard{grid-column:1/-1}.mentor-body{grid-template-columns:1fr 1fr}.mentor-projects{grid-column:1/-1}.impact-main{grid-template-columns:1fr}.about-launch{grid-template-columns:1fr}.profile-content{grid-template-columns:1fr}.profile-mantra{grid-template-columns:1fr 1fr 1fr}.profile-mantra>div{padding:12px}.pm-ribbon{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:820px){
 .public-mockup-page .container{width:min(calc(100% - 32px),1420px)}.public-mockup-page .site-header__inner{min-height:70px}.public-mockup-page .brand::after{display:none}.public-mockup-page .nav-toggle{display:block;border:0;border-radius:7px;background:var(--pm-pink);box-shadow:none}.public-mockup-page .nav-toggle>span[aria-hidden]{background:#fff}.public-mockup-page .primary-nav{background:var(--pm-paper)}.public-mockup-page .primary-nav ul{gap:0}.public-mockup-page .primary-nav a{font-size:.9rem}
 .pm-shell{padding-top:20px}.pm-display{font-size:2.75rem}.discover-toolbar{grid-template-columns:1fr 1fr}.discover-search{grid-column:1/-1}.discover-grid{grid-template-columns:1fr 1fr}.pm-metrics{grid-template-columns:1fr 1fr}.pm-metric:nth-child(3){border-left:0}.pm-ribbon{grid-template-columns:1fr}.pm-ribbon>div{padding:12px}.pm-ribbon>div+div{border-left:0;border-top:1px solid var(--pm-line)}
 .detail-hero,.areas-hero,.impact-hero{grid-template-columns:1fr}.detail-hero__visual{min-height:300px}.story-row{grid-template-columns:70px 1fr}.story-content{grid-column:1/-1}.detail-triptych,.detail-duo{grid-template-columns:1fr!important}.areas-summary,.impact-stats{grid-template-columns:repeat(3,1fr);padding:20px 0 0;border-left:0;border-top:1px solid var(--pm-line)}.competition-grid{grid-template-columns:1fr 1fr}.impact-highlights{grid-template-columns:repeat(4,1fr)}
 .profile-top,.mentor-top{grid-template-columns:1fr}.profile-portrait{height:390px}.skill-row,.mentor-body,.why-grid,.about-mid,.about-bottom{grid-template-columns:1fr}.mini-projects,.mentor-projects .mini-projects{grid-template-columns:1fr 1fr}.mentor-dashboard{grid-template-columns:1fr 1fr}.mentor-areas div{grid-template-columns:1fr 1fr}.about-launch{padding-inline:0}.why-cards{grid-template-columns:1fr 1fr}.snapshot{grid-template-columns:1fr 1fr}.launch-banner{grid-template-columns:1fr}.public-mockup-page .launchpad-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .discover-toolbar,.discover-grid,.areas-grid,.competition-grid,.impact-highlights,.mini-projects,.mentor-projects .mini-projects,.contact-grid{grid-template-columns:1fr}.discover-categories{padding-bottom:6px}.pm-metrics{grid-template-columns:1fr}.pm-metric+.pm-metric{border-left:0;border-top:1px solid var(--pm-line)}.story-row{grid-template-columns:58px 1fr}.story-title{padding:17px}.story-content{grid-template-columns:1fr}.story-content>div+div{border-left:0;border-top:1px solid var(--pm-line)}.areas-summary,.impact-stats{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr 1fr}.connect-card,.detail-cta{grid-template-columns:1fr}.skill-row{grid-template-columns:1fr}.profile-mantra{grid-template-columns:1fr}.profile-mantra>div+div{border-left:0;border-top:1px solid var(--pm-line)}.mentor-dashboard{grid-template-columns:1fr 1fr}.mentor-dashboard>div:nth-child(3){border-left:0}.mentor-areas div,.why-cards,.snapshot{grid-template-columns:1fr}.how-row{display:grid;grid-template-columns:1fr 1fr}.about-collage{min-height:300px}.public-mockup-page .launchpad-footer__grid{grid-template-columns:1fr}.public-mockup-page .launchpad-footer__column{display:none}
}

/* CP08.1 visual QA corrections */
.public-mockup-page .launchpad-footer__column h2{color:var(--pm-ink)}
.public-mockup-page .launchpad-footer__column a,
.public-mockup-page .launchpad-footer__column p,
.public-mockup-page .launchpad-footer__brand p{color:#514b47!important;opacity:1!important}
.public-mockup-page .launchpad-footer__legal{display:flex;gap:18px}
.public-mockup-page .launchpad-footer__legal a{color:#514b47!important}
.about-collage__team{display:grid;grid-template-columns:repeat(4,1fr);width:68%}
.about-collage__team img{width:100%;height:100%;object-fit:cover;object-position:center top}
.about-collage__journey{left:2%;width:65%}
.about-collage__impact{left:0}
@media (max-width:1120px){.discover-categories{flex-wrap:wrap;overflow:visible}}
@media (max-width:560px){.about-collage__team{grid-template-columns:1fr 1fr;width:70%}.about-collage__team img:nth-child(n+3){display:none}}

.competition-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.competition-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.34));pointer-events:none}.competition-art time{z-index:1}.about-community-visual{overflow:hidden;border:1px solid var(--pm-line);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(20,20,20,.08)}.about-community-visual img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.about-mid .snapshot{grid-column:1/-1}
.area-programmes{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px!important}.area-programmes span{padding:3px 7px;border-radius:999px;background:#fff0f6;color:var(--pm-pink);font-size:.58rem;font-weight:800}.area-tile.orange .area-programmes span{background:#fff1e7;color:var(--pm-orange)}
.project-collaborator{margin-top:12px;padding:12px;border-radius:10px;background:#fff1f6;border:1px solid #f3d8e4}.project-collaborator>span{display:block;color:var(--pm-pink);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-collaborator>strong{display:block;margin-top:3px}.project-collaborator>p{margin:4px 0 0!important;font-size:.72rem!important}

/* CP image layout fix: keep About hero visual clear */
.about-launch {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 28px;
  padding-top: 28px;
}

.about-launch > div:first-child {
  max-width: 880px;
}

.about-collage {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  min-height: 0;
  align-items: stretch;
}

.about-collage__team {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
  height: auto;
  min-height: 330px;
  border-radius: 8px;
  grid-row: span 2;
}

.about-collage__journey,
.about-collage__impact {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  width: auto;
  z-index: 1;
}

.about-collage__journey {
  align-self: start;
}

.about-collage__impact {
  align-self: end;
}

@media (max-width: 760px) {
  .about-collage {
    grid-template-columns: 1fr;
  }

  .about-collage__team {
    grid-row: auto;
    min-height: 300px;
  }
}

/* CP spacing fix: give About guide button proper breathing room */
.submission-check > div {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--pm-line);
}

.submission-check .pm-btn {
  margin-top: 14px;
}

/* CP mentor page: featured supervised project layout */
.mentor-body {
  grid-template-columns: 1fr;
}

.mentor-projects {
  padding: 24px;
  overflow: hidden;
}

.mentor-projects .mini-projects {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  gap: 18px;
  align-items: stretch;
}

.mentor-projects .mini-project {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  min-width: 0;
  border-radius: 8px;
  background: #fff;
}

.mentor-projects .mini-project img {
  width: 100%;
  height: 100%;
  min-height: 170px;
  object-fit: cover;
}

.mentor-projects .mini-project div {
  padding: 18px;
}

.mentor-projects .mini-project h3 {
  margin-bottom: 8px;
  font-size: 1.15rem;
}

.mentor-projects .mini-project p {
  min-height: 0;
  font-size: .82rem;
  line-height: 1.55;
}

.mentor-projects .mini-project:first-child {
  grid-row: span 3;
  grid-template-columns: 1fr;
}

.mentor-projects .mini-project:first-child img {
  height: 310px;
  min-height: 310px;
}

.mentor-projects .mini-project:first-child div {
  padding: 22px;
}

.mentor-projects .mini-project:first-child h3 {
  font-size: 1.65rem;
}

.mentor-projects .mini-project:first-child p {
  font-size: .95rem;
}

.mentor-projects .mini-project:first-child .pm-tags::before {
  content: 'Projek Seliaan Utama';
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--pm-pink);
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
}

.expertise,
.achievement-list {
  margin-top: 0;
}

.mentor-body > .expertise,
.mentor-body > .achievement-list {
  display: block;
}

@media (min-width: 900px) {
  .mentor-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .mentor-projects {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  .mentor-projects .mini-projects {
    grid-template-columns: 1fr;
  }

  .mentor-projects .mini-project,
  .mentor-projects .mini-project:first-child {
    grid-template-columns: 1fr;
    grid-row: auto;
  }

  .mentor-projects .mini-project img,
  .mentor-projects .mini-project:first-child img {
    height: 230px;
    min-height: 230px;
  }
}

/* CP mentor directory */
.mentor-directory-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: end;
  padding: 24px 0 30px;
}

.mentor-directory-hero .pm-display {
  max-width: 900px;
}

.mentor-directory-stats {
  display: grid;
  gap: 14px;
  padding: 22px;
}

.mentor-directory-stats div {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--pm-line);
}

.mentor-directory-stats div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.mentor-directory-stats strong {
  display: block;
  color: var(--pm-pink);
  font-size: 2rem;
  line-height: 1;
}

.mentor-directory-stats span {
  font-size: .78rem;
  font-weight: 800;
}

.mentor-filter {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px;
}

.mentor-filter input {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--pm-line);
  border-radius: 8px;
  font: inherit;
}

.mentor-filter div,
.mentor-project-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mentor-filter span,
.mentor-project-strip b {
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff1f7;
  color: var(--pm-pink);
  font-size: .72rem;
  font-weight: 800;
}

.mentor-featured-card {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 28px;
  margin-bottom: 26px;
  padding: 22px;
  align-items: center;
}

.mentor-featured-card > img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center top;
  border-radius: 8px;
  background: #fff1f7;
}

.mentor-featured-card h2 {
  margin: 8px 0;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: .98;
  letter-spacing: -.06em;
}

.mentor-featured-card p {
  max-width: 720px;
}

.mentor-featured-card .pm-btn {
  margin-top: 18px;
}

.mentor-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.mentor-card {
  overflow: hidden;
}

.mentor-card > img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  object-position: center top;
  background: #fff1f7;
}

.mentor-card > div {
  padding: 18px;
}

.mentor-card h3 {
  margin: 0 0 8px;
  font-size: 1.25rem;
}

.mentor-card p {
  color: #514b48;
  font-size: .82rem;
}

.mentor-card__bottom {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--pm-line);
  font-size: .78rem;
}

.mentor-card__bottom a {
  color: var(--pm-pink);
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 980px) {
  .mentor-directory-hero,
  .mentor-featured-card,
  .mentor-filter {
    grid-template-columns: 1fr;
  }

  .mentor-directory-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mentor-featured-card > img {
    height: 360px;
  }
}

@media (max-width: 620px) {
  .mentor-directory-grid {
    grid-template-columns: 1fr;
  }

  .mentor-featured-card > img,
  .mentor-card > img {
    height: 300px;
  }
}

/* CP solution areas: prevent programme chips and project count overlap */
.area-card {
  min-height: 255px;
}

.area-card .pm-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 14px 0 12px;
  padding: 0;
  line-height: 1.2;
}

.area-card .pm-tags li {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 5px 9px;
  white-space: nowrap;
  line-height: 1;
}

.area-card p {
  margin-bottom: 10px;
}

.area-card strong,
.area-card .area-count {
  display: block;
  clear: both;
  margin-top: 12px;
  line-height: 1.25;
}

.areas-grid .pm-card {
  overflow: hidden;
}

@media (max-width: 780px) {
  .area-card {
    min-height: auto;
  }
}

/* CP solution areas hero image */
.areas-hero--image {
  grid-template-columns: minmax(0, .78fr) minmax(460px, 1.22fr);
  gap: 34px;
  align-items: stretch;
  padding: 26px 0 34px;
}

.areas-hero--image .areas-hero__copy {
  align-self: center;
  position: relative;
  z-index: 2;
}

.areas-hero__image {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--pm-line);
  background: #fff;
  box-shadow: 0 16px 38px rgba(20,20,20,.08);
}

.areas-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center;
}

.areas-hero--image .areas-summary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--pm-line);
  border-radius: 10px;
  background: #fff;
}

.areas-hero--image .areas-summary div {
  padding: 8px 12px;
}

@media (max-width: 900px) {
  .areas-hero--image {
    grid-template-columns: 1fr;
  }

  .areas-hero__image,
  .areas-hero__image img {
    min-height: 310px;
  }

  .areas-hero--image .areas-summary {
    grid-template-columns: 1fr;
  }
}

/* CP solution areas: fix bottom link overlap in real area-tile cards */
.area-tile {
  min-height: 300px !important;
  padding-bottom: 64px !important;
}

.area-tile__head {
  align-items: start !important;
}

.area-tile .area-programmes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  max-width: 100%;
}

.area-tile .area-programmes span {
  display: inline-flex !important;
  align-items: center;
  min-height: 24px;
  padding: 5px 9px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.area-tile > a {
  left: 137px !important;
  right: 22px !important;
  bottom: 24px !important;
  min-height: 28px;
  align-items: center;
  background: #fff;
  line-height: 1.2 !important;
}

.area-tile.orange > a {
  background: #fff;
}

@media (max-width: 1180px) {
  .area-tile {
    min-height: 330px !important;
  }
}

@media (max-width: 760px) {
  .area-tile {
    min-height: auto !important;
    padding-bottom: 72px !important;
  }

  .area-tile > a {
    left: 25px !important;
  }
}

/* CP innovator Aidil profile: improve skills/technology card spacing */
.skill-row .skill-box.pm-card {
  padding: 28px 32px 30px !important;
}

.skill-row .skill-box h2 {
  margin: 0 0 20px !important;
  font-size: .92rem;
  letter-spacing: .02em;
}

.skill-row .skill-box .skill-chips {
  gap: 12px 14px;
}

.skill-row .skill-box .skill-chips span {
  padding: 11px 18px;
  line-height: 1;
}

@media (max-width: 760px) {
  .skill-row .skill-box.pm-card {
    padding: 22px !important;
  }
}

/* CP innovator profile: fix connect card text/button overlap */
.profile-top .connect-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
}

.profile-top .connect-card > div {
  min-width: 0;
  max-width: 100%;
}

.profile-top .connect-card p {
  max-width: 34rem;
  margin-right: 0;
  overflow-wrap: anywhere;
}

.profile-top .connect-card .pm-btn {
  flex-shrink: 0;
  min-width: 132px;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .profile-top .connect-card {
    grid-template-columns: 1fr !important;
  }

  .profile-top .connect-card .pm-btn {
    justify-self: start;
  }
}

/* CP innovators directory: separate project chips from skill chips */
.innovator-directory .skill-chips + .mentor-project-strip {
  margin-top: 18px !important;
}

.innovator-directory .mentor-project-strip {
  gap: 9px !important;
}

.innovator-directory .mentor-project-strip b {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 8px 14px;
  line-height: 1.15;
}

.innovator-directory .mentor-card .skill-chips {
  margin-bottom: 16px;
}

.innovator-directory .mentor-card__bottom {
  margin-top: 18px;
}

@media (max-width: 900px) {
  .story-row--text-only { grid-template-columns: 70px 1fr; }
  .story-media { grid-column: 2; margin: 0 18px 18px; }
  .project-poster-card { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .story-row--text-only { grid-template-columns: 58px 1fr; }
  .story-media { grid-column: 1 / -1; margin: 0 14px 14px; }
  .story-media--collage { grid-template-columns: 1fr 1fr; }
  .story-media--collage figure:first-child { grid-column: 1 / -1; grid-row: auto; }
  .project-gallery-section, .project-poster-card { padding: 17px; }
  .published-kpis { grid-template-columns: 1fr; }
}