@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#080d1d;--ink-2:#10172c;--paper:#fff9f7;--muted:#697189;--coral:#ff5d68;--pink:#ff4e9c;--amber:#ffab58;--violet:#7f6cff;--mint:#48d893;--line:rgba(15,24,48,.11);--shadow:0 28px 80px rgba(9,13,29,.16);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,93,104,.12),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.site-nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font:800 18px/1 "Manrope",sans-serif}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#151a31,#2b1832);box-shadow:0 10px 30px rgba(255,93,104,.25)}.brand-mark img{width:34px;height:34px;object-fit:contain}.nav-links{display:flex;gap:34px;font-weight:600;color:#3f465b}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:.25s}.nav-links a:hover:after{right:0}.button{border:0;border-radius:999px;padding:15px 22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--coral),#ff6d50);color:white;box-shadow:0 15px 34px rgba(255,93,104,.3)}.button-ghost{background:white;border:1px solid var(--line);color:var(--ink)}.button-light{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.16)}.button-text{padding-inline:8px}.play{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:11px}.hero{min-height:750px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;padding:58px 0 94px;position:relative}.hero h1,.section-heading h2,.sprint-copy h2,.campus-copy h2,.final-cta h2{font:800 clamp(52px,6vw,84px)/.98 "Manrope",sans-serif;letter-spacing:-.055em;margin:20px 0}.hero h1 em,.section-heading em,.sprint-copy em,.campus-copy em,.final-cta em{font-style:normal;background:linear-gradient(100deg,var(--coral),var(--pink),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow,.kicker{font:700 12px/1 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;background:white;border:1px solid var(--line);border-radius:999px}.live-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(72,216,147,.15)}.hero-lede{font-size:19px;line-height:1.7;color:var(--muted);max-width:610px}.hero-actions{display:flex;align-items:center;gap:12px;margin:32px 0}.trust-row{display:flex;align-items:center;gap:18px;margin-top:42px}.trust-row p{font-size:13px;line-height:1.5;color:var(--muted)}.trust-row strong{color:var(--ink)}.avatar-stack{display:flex}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;font-size:12px;border:3px solid var(--paper);margin-left:-9px}.avatar:first-child{margin-left:0}.a1{background:linear-gradient(135deg,#ff8b65,#c93b77)}.a2{background:linear-gradient(135deg,#635bff,#8c7bff)}.a3{background:linear-gradient(135deg,#00a882,#68df9c)}.a4{background:var(--ink)}.hero-stage{height:640px;position:relative;display:grid;place-items:center}.product-window{width:min(520px,90%);background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.7);border-radius:30px;box-shadow:0 48px 100px rgba(12,14,34,.2);backdrop-filter:blur(18px);overflow:hidden;position:relative;z-index:4;transform:rotate(1.4deg)}.window-bar{height:42px;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:7px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ff7d86}.window-bar i:nth-child(2){background:#ffc360}.window-bar i:nth-child(3){background:#62d69c}.window-bar span{margin:auto;font-size:11px;color:var(--muted)}.mini-app{padding:22px}.mini-top{display:flex;justify-content:space-between;align-items:center}.mini-top small{font-weight:800;letter-spacing:.16em;color:var(--coral)}.mini-top h3{margin:4px 0 0;font:800 27px "Manrope"}.mini-top button{width:42px;height:42px;border-radius:14px;border:0;background:white}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f0edf2;border-radius:15px;padding:5px;margin:18px 0}.segmented>*{text-align:center;padding:10px;border-radius:11px}.segmented b{background:var(--coral);color:white}.student-card{height:350px;border-radius:24px;position:relative;overflow:hidden;color:white;background:#1b2136}.portrait{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#db9b62,#6a3858 55%,#11182a)}.portrait span{font:800 110px "Manrope";opacity:.48}.portrait:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:linear-gradient(145deg,#ffcf9b,#d46c72);top:42px}.portrait:after{content:"";position:absolute;width:310px;height:190px;border-radius:50% 50% 0 0;background:#192238;bottom:-40px}.portrait span{z-index:2;color:white;font-size:36px}.portrait-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,110,90,.25);filter:blur(50px);right:-80px;top:-80px}.card-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,7,17,.95))}.card-copy{position:absolute;left:24px;right:24px;bottom:23px}.card-copy h3{font:800 32px "Manrope";margin:10px 0 2px}.card-copy p{margin:0 0 13px;color:#d9deea}.match-pill{display:inline-block;padding:7px 10px;border-radius:999px;background:rgba(74,223,150,.2);border:1px solid rgba(74,223,150,.4);font-size:12px;color:#8ef0bd}.tags{display:flex;gap:7px}.tags span{padding:7px 10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:11px}.swipe-actions{display:flex;justify-content:center;gap:22px;padding-top:18px}.swipe-actions button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:white;font-size:26px}.swipe-actions .reject{color:var(--coral)}.swipe-actions .like{color:var(--mint)}.floating-chip{position:absolute;padding:13px 16px;border-radius:16px;background:white;box-shadow:var(--shadow);font-weight:700;font-size:12px;z-index:6;animation:float 4s ease-in-out infinite}.chip-one{left:-20px;top:130px;transform:rotate(-6deg)}.chip-two{right:-5px;bottom:120px;transform:rotate(5deg);animation-delay:-2s}.orbit{position:absolute;border:1px solid rgba(255,93,104,.2);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:570px;height:570px}.orbit-two{width:690px;height:400px;transform:rotate(-18deg);animation-duration:23s}.orbit span{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(255,93,104,.13)}.orbit-one span:nth-child(1){top:5%;left:28%}.orbit-one span:nth-child(2){right:3%;top:50%}.orbit-one span:nth-child(3){bottom:7%;left:24%}.orbit-two span:first-child{top:20%;right:10%;background:var(--violet)}.orbit-two span:last-child{bottom:15%;left:8%;background:var(--amber)}.marquee{background:var(--ink);color:white;padding:20px 0;overflow:hidden;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee-track{display:flex;gap:30px;width:max-content;animation:marquee 22s linear infinite;font:800 13px "Manrope";letter-spacing:.14em}.marquee i{color:var(--coral)}.story{padding:150px 0}.section-heading{max-width:780px}.section-heading h2,.sprint-copy h2,.campus-copy h2,.final-cta h2{font-size:clamp(44px,5vw,68px)}.section-heading>p,.sprint-copy>p,.campus-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.story-card{min-height:390px;padding:30px;border-radius:30px;position:relative;overflow:hidden;transition:.35s}.story-card:hover{transform:translateY(-8px)}.story-card.coral{background:#ffe6e6}.story-card.violet{background:#e9e5ff}.story-card.amber{background:#fff0d9}.story-number{position:absolute;right:24px;top:22px;font:800 11px "Manrope";opacity:.5}.story-icon{width:58px;height:58px;border-radius:18px;background:white;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 30px rgba(10,15,32,.08)}.story-card h3{font:800 25px "Manrope";margin:85px 0 12px}.story-card p{line-height:1.65;color:#555e70}.micro-ui,.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.micro-ui span,.badge-row span{background:rgba(255,255,255,.7);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700}.progress-line{height:8px;border-radius:99px;background:rgba(255,255,255,.6);margin:31px 0 10px;overflow:hidden}.progress-line i,.sidebar-project div i{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--pink));border-radius:inherit}.story-card small{color:var(--muted)}.sprint-section{background:var(--ink);color:white;padding:140px 0;position:relative;overflow:hidden}.sprint-section:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(255,77,130,.13);filter:blur(100px);left:-300px;top:-200px}.sprint-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.sprint-visual{position:relative;min-height:620px}.visual-halo{position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:0;top:30px}.sprint-card-large{position:absolute;left:40px;top:0;width:min(480px,90%);background:#fff9f7;color:var(--ink);border-radius:30px;padding:27px;box-shadow:0 45px 110px rgba(0,0,0,.38);transform:rotate(-2deg)}.sprint-card-large header,.sprint-card-large footer{display:flex;justify-content:space-between;align-items:center}.category,.status{padding:8px 10px;border-radius:999px;font-size:11px;font-weight:800}.category{background:#ffe3e5;color:#d94251}.status{background:#dff8eb;color:#138b58}.sprint-card-large h3{font:800 34px/1.1 "Manrope";letter-spacing:-.04em;margin:36px 0 12px}.sprint-card-large>p{color:var(--muted);line-height:1.6}.role-list{display:grid;gap:9px;margin:25px 0}.role-list>div{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:17px;padding:12px}.role-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:800;background:#eee}.role-icon.design{background:#ffe1df;color:#e24956}.role-icon.code{background:#e5e0ff;color:#5c52d7}.role-icon.story{background:#e2f9ee;color:#138b58}.role-list span{display:flex;flex-direction:column}.role-list small{color:var(--muted);margin-top:3px}.team-faces{display:flex}.team-faces span{width:33px;height:33px;margin-left:-8px;border:2px solid white;border-radius:50%;background:var(--ink-2);color:white;display:grid;place-items:center;font-size:9px;font-weight:800}.team-faces span:first-child{margin-left:0}.sprint-card-large .button{padding:11px 15px;font-size:12px}.outcome-card{position:absolute;right:0;bottom:58px;background:linear-gradient(135deg,#7e6bff,#5746da);border-radius:22px;padding:20px;width:230px;box-shadow:0 30px 70px rgba(0,0,0,.36);transform:rotate(5deg)}.outcome-card span,.outcome-card strong{display:block}.outcome-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dedaff}.outcome-card strong{font:800 26px "Manrope";margin:8px 0 15px}.outcome-card div{height:7px;background:rgba(255,255,255,.18);border-radius:99px}.outcome-card i{display:block;width:80%;height:100%;background:white;border-radius:99px}.sprint-copy .kicker{color:#ff9098}.check-list{list-style:none;padding:0;margin:36px 0}.check-list li{display:flex;gap:16px;margin:22px 0}.check-list li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(72,216,147,.15);color:#6ce6a9}.check-list b,.check-list small{display:block}.check-list small{color:#9ba4ba;margin-top:5px;line-height:1.45}.campus-section{padding:145px 0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.nz-map{height:640px;position:relative;background:linear-gradient(145deg,#d9f0f1,#dcd7ff);border-radius:40px;overflow:hidden;box-shadow:var(--shadow)}.nz-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,24,48,.08) 1px,transparent 1px);background-size:22px 22px}.nz-map svg{height:100%;width:100%;filter:drop-shadow(0 25px 25px rgba(18,35,55,.2))}.island{fill:#fff;stroke:#8d96ad;stroke-width:3}.connection{fill:none;stroke:var(--coral);stroke-width:4;stroke-dasharray:8 10;opacity:.8}.pins circle{fill:var(--coral);stroke:white;stroke-width:7}.map-label{position:absolute;background:white;padding:11px 14px;border-radius:14px;box-shadow:0 12px 30px rgba(12,18,38,.13);display:flex;flex-direction:column;font-size:12px}.map-label small{color:var(--muted);margin-top:3px}.map-label.auckland{top:17%;right:8%}.map-label.wellington{top:51%;left:7%}.map-label.christchurch{bottom:14%;right:12%}.final-cta{min-height:470px;border-radius:44px;background:linear-gradient(135deg,#ff5d68,#ff596f 50%,#ff8c58);color:white;padding:70px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.final-cta h2{margin-bottom:0}.final-cta h2 em{color:white;-webkit-text-fill-color:white}.final-cta .button{background:white;color:var(--ink);position:relative;z-index:2}.cta-orb{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.cta-orb.one{width:420px;height:420px;right:-100px;top:-160px}.cta-orb.two{width:260px;height:260px;right:180px;bottom:-200px}.site-footer{padding:70px 0 35px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.site-footer p{color:var(--muted)}.site-footer>div{display:flex;gap:22px;font-weight:600}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes float{50%{translate:0 -12px}}@keyframes spin{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}

/* Web app */
.web-app{min-height:100vh;background:#f6f3f7;display:grid;grid-template-columns:250px 1fr;color:var(--ink)}.web-app[hidden]{display:none}.app-sidebar{height:100vh;position:sticky;top:0;background:var(--ink);color:white;padding:24px 18px;display:flex;flex-direction:column}.app-brand{border:0;background:transparent;color:white;display:flex;align-items:center;gap:12px;text-align:left;font:800 16px/1.05 "Manrope";padding:0 8px 26px}.app-nav{display:grid;gap:5px}.app-nav button{border:0;background:transparent;color:#9da5bb;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:13px;text-align:left;position:relative}.app-nav button span{font-size:22px;width:24px;text-align:center}.app-nav button b{font-weight:600}.app-nav button i{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--coral);color:white;display:grid;place-items:center;font-style:normal;font-size:10px}.app-nav button:hover,.app-nav button.active{background:rgba(255,255,255,.09);color:white}.app-nav button.active:before{content:"";position:absolute;left:-18px;width:3px;height:26px;background:var(--coral);border-radius:0 5px 5px 0}.sidebar-project{margin-top:auto;background:linear-gradient(145deg,rgba(255,93,104,.18),rgba(127,108,255,.16));border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:15px}.sidebar-project span{font-size:9px;letter-spacing:.12em;color:#ff9da4}.sidebar-project b{display:block;margin:7px 0 14px;font-size:13px}.sidebar-project div{height:5px;background:rgba(255,255,255,.12);border-radius:99px}.sidebar-project small{display:block;color:#9da5bb;margin-top:8px}.user-block{border:0;border-top:1px solid rgba(255,255,255,.08);margin-top:16px;padding:16px 4px 0;background:transparent;color:white;display:flex;align-items:center;gap:9px;text-align:left}.user-block .avatar{width:38px;height:38px;border-color:transparent;margin:0}.user-block span:nth-child(2){display:flex;flex-direction:column}.user-block small{font-size:10px;color:#82e6b2;margin-top:3px}.user-block>i{margin-left:auto;color:#7c849a}.app-main{min-width:0}.app-header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:22px 36px;background:rgba(246,243,247,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(15,24,48,.06)}.app-header p{font-size:10px;letter-spacing:.14em;color:#8b92a5;margin:0 0 5px}.app-header h1{font:800 27px "Manrope";margin:0}.header-actions{display:flex;align-items:center;gap:11px}.global-search{width:290px;background:white;border:1px solid var(--line);border-radius:15px;padding:11px 14px;display:flex;gap:8px}.global-search input{border:0;outline:0;width:100%;background:transparent}.icon-button{position:relative;width:46px;height:46px;border:1px solid var(--line);background:white;border-radius:15px;font-size:20px}.icon-button i{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.header-actions>.avatar{border:0;margin:0;width:46px;height:46px}.mobile-menu{display:none}.route-content{padding:30px 36px 60px}.route-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.welcome-card{min-height:250px;border-radius:28px;padding:34px;background:linear-gradient(125deg,#11182e,#282044);color:white;position:relative;overflow:hidden}.welcome-card:after{content:"S";position:absolute;right:40px;bottom:-90px;font:800 300px "Manrope";color:rgba(255,255,255,.04)}.welcome-card h2{font:800 36px/1.1 "Manrope";margin:14px 0 10px;max-width:500px}.welcome-card p{color:#adb5c8;max-width:520px;line-height:1.55}.welcome-card .button{margin-top:16px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.stat{background:white;border:1px solid var(--line);border-radius:21px;padding:19px}.stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.stat b{display:block;font:800 29px "Manrope";margin-top:9px}.activity-card,.panel-card{background:white;border:1px solid var(--line);border-radius:27px;padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h3{font:800 19px "Manrope";margin:0}.panel-title button{border:0;background:transparent;color:var(--coral);font-weight:700}.activity-list{display:grid;gap:17px}.activity-item{display:flex;gap:12px}.activity-item>i{width:38px;height:38px;border-radius:12px;background:#ffe6e8;color:var(--coral);display:grid;place-items:center;font-style:normal}.activity-item b,.activity-item small{display:block}.activity-item small{color:var(--muted);margin-top:3px}.section-row{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 16px}.section-row h2{font:800 23px "Manrope";margin:0}.section-row p{margin:5px 0 0;color:var(--muted)}.section-row button{border:0;background:transparent;color:var(--coral);font-weight:700}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person-mini{background:white;border:1px solid var(--line);border-radius:22px;padding:18px;transition:.25s}.person-mini:hover{transform:translateY(-4px);box-shadow:0 17px 40px rgba(11,17,36,.09)}.person-head{display:flex;align-items:center;gap:11px}.person-head .avatar{margin:0;border:0;width:50px;height:50px}.person-head b,.person-head small{display:block}.person-head small{color:var(--muted);margin-top:3px}.person-mini p{font-size:13px;color:var(--muted);line-height:1.45}.skill-tags{display:flex;gap:6px;flex-wrap:wrap}.skill-tags span{padding:6px 8px;border-radius:99px;background:#f2eff6;font-size:10px;font-weight:700}.discover-layout{display:grid;grid-template-columns:minmax(420px,650px) 1fr;gap:24px}.discover-stack{background:white;border:1px solid var(--line);border-radius:28px;padding:20px;min-height:670px}.discover-toggle{display:grid;grid-template-columns:1fr 1fr;background:#f2eff5;border-radius:14px;padding:4px}.discover-toggle button{border:0;padding:11px;border-radius:11px;background:transparent;font-weight:700;color:var(--muted)}.discover-toggle button.active{background:var(--coral);color:white}.web-person-card{height:485px;border-radius:24px;position:relative;overflow:hidden;margin-top:17px;background:#1d2234;color:white;transition:.35s}.web-person-card.swipe-left{transform:translateX(-130%) rotate(-12deg);opacity:0}.web-person-card.swipe-right{transform:translateX(130%) rotate(12deg);opacity:0}.web-person-card .portrait:before{width:260px;height:260px}.web-person-card .portrait:after{width:420px;height:240px}.web-person-card .card-copy h3{font-size:37px}.web-person-card .decision-label{position:absolute;top:28px;padding:9px 14px;border:3px solid;border-radius:11px;font:800 22px "Manrope";z-index:5;opacity:0}.web-person-card.swipe-left .decision-label.pass{opacity:1;right:28px;color:#ff7c84}.web-person-card.swipe-right .decision-label.connect{opacity:1;left:28px;color:#59e6a3}.web-actions{display:flex;justify-content:center;gap:18px;margin-top:18px}.web-actions button{width:58px;height:58px;border-radius:50%;background:white;border:1px solid var(--line);font-size:25px;box-shadow:0 10px 24px rgba(13,19,38,.1)}.web-actions .pass{color:var(--coral)}.web-actions .connect{color:var(--mint)}.web-actions .undo{color:var(--violet)}.discover-side{display:grid;gap:18px;align-content:start}.filter-group{display:grid;gap:10px}.filter-group label{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em}.filter-group select{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:white}.sprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.web-sprint{background:white;border:1px solid var(--line);border-radius:23px;overflow:hidden;transition:.25s}.web-sprint:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,16,34,.1)}.web-sprint .cover{height:115px;padding:18px;background:linear-gradient(135deg,#ff5966,#ff9854);color:white;position:relative}.web-sprint:nth-child(2) .cover{background:linear-gradient(135deg,#7d68ff,#4c3aa9)}.web-sprint:nth-child(3) .cover{background:linear-gradient(135deg,#00aa7d,#54d993)}.web-sprint .cover small{font-weight:800;letter-spacing:.08em}.web-sprint .cover span{position:absolute;right:15px;top:14px;background:rgba(255,255,255,.16);padding:6px 8px;border-radius:99px;font-size:9px}.web-sprint .body{padding:18px}.web-sprint h3{font:800 18px/1.25 "Manrope";margin:0 0 8px}.web-sprint p{font-size:12px;color:var(--muted);line-height:1.45}.web-sprint footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.web-sprint footer small{color:var(--muted)}.web-sprint footer button{border:0;background:#fff0f1;color:var(--coral);border-radius:10px;padding:8px 11px;font-weight:700}.map-app{height:660px;display:grid;grid-template-columns:1fr 320px;background:#cde8ec;border-radius:28px;overflow:hidden;border:1px solid var(--line)}.map-canvas{position:relative;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5),transparent 30%),linear-gradient(145deg,#cbe6ea,#b7d8df)}.map-canvas .nz-map{height:100%;border-radius:0;background:transparent;box-shadow:none}.map-results{background:white;padding:20px;overflow:auto}.campus-card{padding:15px;border:1px solid var(--line);border-radius:17px;margin-bottom:10px}.campus-card.active{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,93,104,.09)}.campus-card b,.campus-card small{display:block}.campus-card small{color:var(--muted);margin-top:4px}.campus-card button{width:100%;margin-top:12px;padding:9px;border:0;border-radius:10px;background:#fff0f1;color:var(--coral);font-weight:700}.messages-layout{display:grid;grid-template-columns:340px 1fr;height:680px;background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);padding:18px;overflow:auto}.conversation-search{border:1px solid var(--line);border-radius:12px;padding:11px;width:100%;margin:12px 0}.conversation{width:100%;border:0;background:transparent;padding:12px;border-radius:15px;display:flex;align-items:center;gap:10px;text-align:left}.conversation.active{background:#fff0f1}.conversation .avatar{margin:0;border:0}.conversation span:nth-child(2){min-width:0}.conversation b,.conversation small{display:block}.conversation small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin-top:3px}.chat{display:flex;flex-direction:column}.chat-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.chat-header .avatar{margin:0;border:0}.chat-header span b,.chat-header span small{display:block}.chat-header span small{color:var(--mint);margin-top:2px}.chat-body{padding:24px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;background:#fbfafc}.message{max-width:65%;padding:11px 14px;border-radius:16px;background:white;border:1px solid var(--line);line-height:1.45;font-size:13px}.message.me{align-self:flex-end;background:var(--ink);color:white;border-color:var(--ink)}.message time{display:block;font-size:9px;opacity:.55;margin-top:5px}.chat-form{display:flex;gap:9px;padding:15px;border-top:1px solid var(--line)}.chat-form input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px}.chat-form button{width:44px;border:0;border-radius:12px;background:var(--coral);color:white}.profile-layout{display:grid;grid-template-columns:390px 1fr;gap:22px}.profile-preview{background:linear-gradient(145deg,#151b31,#32213b);border-radius:28px;min-height:600px;color:white;padding:28px;position:relative;overflow:hidden}.profile-preview:before{content:"AS";position:absolute;font:800 210px "Manrope";opacity:.05;right:-30px;top:60px}.profile-avatar-large{width:120px;height:120px;border-radius:34px;background:linear-gradient(135deg,#665bff,#ff5f80);display:grid;place-items:center;font:800 42px "Manrope";box-shadow:0 25px 55px rgba(0,0,0,.3)}.profile-preview h2{font:800 32px "Manrope";margin:25px 0 4px}.profile-preview>p{color:#b6bdce}.profile-preview .skill-tags span{background:rgba(255,255,255,.1)}.profile-meta{display:grid;gap:13px;margin:28px 0}.profile-meta div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.profile-meta span{color:#aeb6c8}.profile-settings{display:grid;gap:16px}.settings-card{background:white;border:1px solid var(--line);border-radius:22px;padding:22px}.completion-ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--coral) 0 82%,#eee 82%);position:relative}.completion-ring:after{content:"";position:absolute;inset:9px;background:white;border-radius:50%}.completion-ring b{z-index:1}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row span b,.settings-row span small{display:block}.settings-row small{color:var(--muted);margin-top:3px}.settings-row button{border:0;background:#fff0f1;color:var(--coral);border-radius:10px;padding:8px 11px;font-weight:700}.notification-panel{position:fixed;right:0;top:0;height:100vh;width:390px;background:white;z-index:80;box-shadow:-30px 0 90px rgba(8,13,29,.2);padding:24px;transform:translateX(105%);transition:.35s}.notification-panel.open{transform:none}.notification-panel header{display:flex;justify-content:space-between;align-items:center}.notification-panel header span{font-size:10px;letter-spacing:.13em;color:var(--coral)}.notification-panel h2{margin:4px 0}.notification-panel header button{border:0;background:#f1eef3;border-radius:50%;width:38px;height:38px;font-size:22px}.notification-list{display:grid;gap:7px;margin:25px 0}.notification-list article{display:flex;gap:12px;padding:15px;border-radius:16px}.notification-list article.unread{background:#fff1f2}.notification-list i{width:35px;height:35px;border-radius:11px;background:white;display:grid;place-items:center;color:var(--coral);font-style:normal}.notification-list p{font-size:12px;color:var(--muted);line-height:1.4}.notification-list small{font-size:10px;color:#9ba2b4}.full{width:100%;background:var(--ink)}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(6,9,20,.7);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(620px,calc(100% - 30px));background:white;border-radius:28px;padding:34px;box-shadow:0 40px 120px rgba(0,0,0,.3)}.modal-close{position:absolute;right:20px;top:20px;border:0;background:#f2eff5;width:38px;height:38px;border-radius:50%;font-size:22px}.modal-card h2{font:800 30px "Manrope"}.modal-card form{display:grid;gap:14px}.modal-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.modal-card input,.modal-card textarea,.modal-card select{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:white}.modal-card textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:var(--ink);color:white;padding:13px 18px;border-radius:999px;z-index:200;opacity:0;pointer-events:none;transition:.3s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lede{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-stage{margin-top:-30px}.story-grid{grid-template-columns:1fr}.story-card{min-height:auto}.story-card h3{margin-top:45px}.sprint-layout,.campus-section{grid-template-columns:1fr}.campus-copy{order:0}.nz-map{order:1}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div{justify-content:flex-end}.site-footer p{display:none}.web-app{grid-template-columns:85px 1fr}.app-sidebar{padding-inline:11px}.app-brand span:last-child,.app-nav b,.app-nav i,.sidebar-project,.user-block span:nth-child(2),.user-block>i{display:none}.app-brand{justify-content:center}.app-nav button{justify-content:center}.app-nav button.active:before{left:-11px}.user-block{justify-content:center}.global-search{display:none}.route-grid,.discover-layout,.profile-layout{grid-template-columns:1fr}.sprint-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:min(100% - 26px,1180px)}.site-nav{height:76px}.nav-links{display:none}.site-nav>.button{padding:12px 15px;font-size:12px}.hero{padding-top:35px;min-height:auto}.hero h1{font-size:49px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.hero-stage{height:560px}.product-window{width:94%}.chip-one{left:0}.chip-two{right:0}.story,.sprint-section,.campus-section{padding:90px 0}.section-heading h2,.sprint-copy h2,.campus-copy h2,.final-cta h2{font-size:43px}.sprint-visual{min-height:610px}.sprint-card-large{left:0;width:95%}.outcome-card{right:-4px}.nz-map{height:550px}.final-cta{padding:45px 27px;min-height:480px;display:block}.final-cta .button{margin-top:35px}.site-footer{grid-template-columns:1fr}.site-footer>div{justify-content:flex-start}.web-app{display:block;padding-bottom:72px}.app-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:70px;z-index:60;padding:6px 8px;display:block}.app-brand,.sidebar-project,.user-block{display:none}.app-nav{display:grid;grid-template-columns:repeat(6,1fr)}.app-nav button{padding:8px 2px;display:grid;justify-items:center;gap:1px;font-size:9px}.app-nav button span{font-size:19px}.app-nav b{display:block;font-size:8px}.app-nav button.active:before{left:25%;right:25%;top:-6px;width:auto;height:3px;border-radius:0 0 5px 5px}.app-header{height:90px;padding:15px}.app-header h1{font-size:21px}.app-header p{display:none}.mobile-menu{display:none}.header-actions{gap:7px}.icon-button,.header-actions>.avatar{width:40px;height:40px}.route-content{padding:18px 14px 38px}.route-grid{gap:14px}.welcome-card{padding:24px}.welcome-card h2{font-size:28px}.stats-row{grid-template-columns:1fr}.recommend-grid,.sprint-grid{grid-template-columns:1fr}.discover-stack{padding:12px;min-height:590px}.web-person-card{height:420px}.discover-side{display:none}.map-app{grid-template-columns:1fr;height:auto}.map-canvas{height:530px}.map-results{max-height:300px}.messages-layout{grid-template-columns:1fr;height:680px}.conversation-list{display:none}.profile-preview{min-height:520px}.notification-panel{width:100%}.form-row{grid-template-columns:1fr}.site-footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 2026 visual polish */
:root{--surface:rgba(255,255,255,.76);--surface-strong:#fff;--soft-shadow:0 18px 55px rgba(20,24,48,.10);--coral-glow:rgba(255,93,104,.22)}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 10%,rgba(255,121,103,.13),transparent 28%),radial-gradient(circle at 88% 20%,rgba(127,108,255,.11),transparent 26%),linear-gradient(180deg,#fffaf8 0%,#f8f5fb 55%,#fffaf8 100%)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(127,108,255,.34);outline-offset:3px}
.site-nav{position:sticky;top:12px;height:70px;margin-top:12px;padding:0 18px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.74);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 12px 40px rgba(17,22,44,.08)}
.brand-mark{overflow:hidden}.brand-mark img{width:100%;height:100%;padding:4px;object-fit:contain}
.hero{padding-top:72px}.hero-copy{position:relative;z-index:2}.hero-copy:before{content:"";position:absolute;width:170px;height:170px;border-radius:48px;background:linear-gradient(135deg,rgba(255,93,104,.15),rgba(127,108,255,.08));filter:blur(2px);transform:rotate(18deg);left:-90px;top:-70px;z-index:-1}
.product-window{border:1px solid rgba(255,255,255,.92);box-shadow:0 42px 90px rgba(24,20,50,.24),0 0 0 10px rgba(255,255,255,.25);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.product-window:hover{transform:rotate(0) translateY(-8px);box-shadow:0 54px 110px rgba(24,20,50,.28),0 0 0 10px rgba(255,255,255,.34)}
.portrait .profile-photo,.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.portrait:has(.profile-photo):before,.portrait:has(.profile-photo):after{display:none}.student-card:hover .profile-photo,.web-person-card:hover .profile-photo{transform:scale(1.035)}
.card-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.verified-pill{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;color:#eafff4;background:rgba(12,35,29,.48);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.hero-card .card-shade{background:linear-gradient(transparent 18%,rgba(4,7,18,.9))}.hero-card .card-copy{z-index:3}.hero-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.story-card{border:1px solid rgba(255,255,255,.72);box-shadow:var(--soft-shadow);transition:transform .35s,box-shadow .35s}.story-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 28px 70px rgba(20,24,48,.16)}
.web-app{background:radial-gradient(circle at 80% 0,rgba(127,108,255,.10),transparent 28%),#f7f5f9}
.app-sidebar{background:linear-gradient(180deg,#0b1022 0%,#11172e 70%,#16122b 100%);box-shadow:16px 0 55px rgba(9,13,29,.14)}
.app-header{background:rgba(247,245,249,.82);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(16,23,44,.07)}
.avatar-photo{overflow:hidden;background:#e8e5ef!important;padding:0}.avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}.verified-dot{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--mint);color:#062317;font-size:9px;font-style:normal}
.demo-note{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:18px;border:1px solid rgba(127,108,255,.15);border-radius:16px;background:linear-gradient(90deg,rgba(127,108,255,.08),rgba(255,93,104,.06));color:#4e5570}.demo-note span{color:var(--violet)}.demo-note b{color:var(--ink);font-size:12px}.demo-note p{margin:0;font-size:11px}
.welcome-card{overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#121a35 0%,#191533 64%,#432340 130%)}.welcome-card:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-140px;top:-160px;background:radial-gradient(circle,#ff6c78 0%,rgba(127,108,255,.35) 38%,transparent 68%);z-index:-1;animation:pulseOrb 5s ease-in-out infinite}.welcome-proof{display:flex;align-items:center;gap:10px;margin-top:28px;padding:10px 12px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.07)}.welcome-proof span:last-child{display:grid;gap:2px}.welcome-proof b{font-size:11px}.welcome-proof small{font-size:9px;color:#aeb6cf}.mini-face{width:36px;height:36px;flex:0 0 36px;border-radius:12px;overflow:hidden;display:block}.mini-face img{width:100%;height:100%;object-fit:cover}
.stat{position:relative;overflow:hidden}.stat i{position:absolute;left:18px;right:18px;bottom:14px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--coral) var(--value),#ece9f1 var(--value));opacity:.75}
.activity-card,.panel-card,.settings-card{border:1px solid rgba(255,255,255,.85);background:var(--surface);backdrop-filter:blur(16px);box-shadow:var(--soft-shadow)}
.activity-item{border:1px solid transparent;transition:.25s}.activity-item:hover{border-color:rgba(255,93,104,.12);background:#fff8f7;transform:translateX(4px)}
.recommend-grid{align-items:stretch}.person-mini{padding:0!important;overflow:hidden;background:white;border:1px solid rgba(16,23,44,.07);box-shadow:0 14px 40px rgba(20,24,48,.08);transition:transform .35s,box-shadow .35s}.person-mini:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(20,24,48,.15)}.person-image{height:210px;position:relative;overflow:hidden}.person-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.person-mini:hover .person-image img{transform:scale(1.045)}.person-image>span{position:absolute;left:14px;bottom:12px;padding:7px 10px;border-radius:99px;background:rgba(9,13,29,.72);backdrop-filter:blur(10px);color:white;font-size:10px;font-weight:800}.person-mini-body{padding:18px}.person-head{align-items:flex-start}.person-head>span{display:grid}.person-head small{color:var(--muted);margin-top:3px}.person-head button{border:1px solid var(--line);background:white;width:34px;height:34px;border-radius:50%;font-size:18px}.person-mini p{min-height:48px}
.discover-stack{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,242,248,.92));box-shadow:0 24px 70px rgba(20,24,48,.13);border:1px solid white}.web-person-card{box-shadow:0 20px 55px rgba(13,17,34,.26);transition:transform .35s}.web-person-card .portrait{background:#192238}.web-person-card .card-shade{background:linear-gradient(transparent 20%,rgba(5,8,20,.94))}.web-person-card .card-copy{z-index:4}.card-topline{position:absolute;z-index:5;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center}.card-topline>span{padding:7px 9px;border-radius:8px;background:rgba(7,11,25,.56);backdrop-filter:blur(9px);color:white;font-size:9px;font-weight:800;letter-spacing:.11em}.card-topline button{border:0;width:36px;height:36px;border-radius:50%;background:rgba(7,11,25,.52);color:white}.availability{display:block;margin:7px 0 13px;color:#dce1ed}.web-actions button{box-shadow:0 10px 28px rgba(20,24,48,.12);transition:transform .25s,box-shadow .25s}.web-actions button:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 17px 38px rgba(20,24,48,.18)}
.sprint-filter{display:flex;align-items:center;gap:8px;margin:-5px 0 22px}.sprint-filter button{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:700}.sprint-filter button.active{background:var(--ink);color:white}.sprint-filter span{margin-left:auto;color:var(--muted);font-size:11px}.web-sprint{border:1px solid rgba(255,255,255,.8);box-shadow:var(--soft-shadow);transition:transform .35s,box-shadow .35s}.web-sprint:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(20,24,48,.16)}.web-sprint .cover{overflow:hidden;isolation:isolate}.cover-art{position:absolute;inset:0;z-index:-1}.cover-art i{position:absolute;border-radius:42% 58% 58% 42%;background:rgba(255,255,255,.14);animation:float 7s ease-in-out infinite}.cover-art i:nth-child(1){width:150px;height:150px;right:-20px;top:-50px}.cover-art i:nth-child(2){width:90px;height:90px;right:95px;bottom:-48px;animation-delay:-2s}.cover-art i:nth-child(3){width:45px;height:45px;left:26px;bottom:10px;animation-delay:-4s}.outcome-panel{padding:24px}.workspace-team{display:flex;align-items:center;gap:14px;margin:8px 0 24px;padding:14px;border-radius:18px;background:#f8f4f6}.workspace-team p{display:grid;margin:0}.workspace-team small{color:var(--muted);margin-top:3px}.team-photo-stack{display:flex}.team-photo-stack img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:3px solid white;margin-left:-10px}.team-photo-stack img:first-child{margin-left:0}
.conversation{position:relative}.conversation .avatar{flex:0 0 42px}.unread-dot{position:absolute;right:14px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.chat-header{background:rgba(255,255,255,.86);backdrop-filter:blur(16px)}.chat-header>button{margin-left:auto;border:1px solid var(--line);background:white;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:700}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:4px}.day-divider{display:flex;align-items:center;gap:10px;color:#9aa0b3;font-size:9px}.day-divider:before,.day-divider:after{content:"";height:1px;background:var(--line);flex:1}.message{box-shadow:0 8px 25px rgba(20,24,48,.05)}.typing{display:flex;gap:4px;width:max-content;padding:12px 15px;border-radius:16px 16px 16px 4px;background:white}.typing i{width:5px;height:5px;border-radius:50%;background:#9aa0b3;animation:typing 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.attach-button{background:#f0edf4!important;color:var(--ink)!important}
.profile-preview{padding:0!important;overflow:hidden;background:white;box-shadow:var(--soft-shadow);border:1px solid white}.profile-cover{height:360px;position:relative;overflow:hidden}.profile-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,10,21,.68))}.profile-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.profile-badge,.demo-profile{position:absolute;z-index:2;padding:8px 10px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.08em}.profile-badge{left:18px;bottom:17px;color:#eafff4;background:rgba(9,28,23,.7);backdrop-filter:blur(10px)}.demo-profile{right:18px;top:18px;color:white;background:rgba(7,10,21,.56);backdrop-filter:blur(10px)}.profile-content{padding:24px}.profile-content h2{margin:0}.profile-content blockquote{margin:18px 0;padding-left:14px;border-left:3px solid var(--coral);color:var(--muted);line-height:1.55}.strength-card p{color:var(--muted)}.strength-meter{height:7px;border-radius:99px;background:#ece9f1;overflow:hidden}.strength-meter i{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--violet))}.settings-row>span{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.settings-row>span>i{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f2eef5;color:var(--violet);font-style:normal;font-weight:800}.settings-row>span>small{grid-column:2}.settings-row button{transition:.2s}.settings-row button:hover{background:var(--ink);color:white}
.notification-panel{box-shadow:-24px 0 70px rgba(9,13,29,.20)}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes pulseOrb{50%{transform:scale(1.12);opacity:.78}}@keyframes float{50%{transform:translateY(-12px) rotate(8deg)}}
@media(max-width:700px){.site-nav{top:7px;margin-top:7px;height:64px}.hero{padding-top:58px}.demo-note{align-items:flex-start;flex-wrap:wrap}.demo-note p{width:100%;padding-left:24px}.person-image{height:240px}.sprint-filter{overflow-x:auto;padding-bottom:5px}.sprint-filter span{display:none}.profile-cover{height:330px}.welcome-proof{width:100%}.app-header{background:rgba(247,245,249,.92)}}

/* Production web application */
.auth-view{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);background:#f7f4f7;position:relative}.auth-view[hidden]{display:none}.auth-back{position:absolute;z-index:3;top:28px;left:32px;border:0;background:rgba(255,255,255,.12);color:#fff;padding:11px 16px;border-radius:999px;cursor:pointer}.auth-showcase{padding:82px clamp(42px,7vw,110px);color:#fff;background:radial-gradient(circle at 15% 15%,#ff756f 0,transparent 36%),radial-gradient(circle at 85% 82%,#7857ed 0,transparent 38%),#0b1020;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-showcase .brand{color:#fff}.auth-showcase h1{font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.065em;margin:20px 0}.auth-showcase h1 em{color:#ff8b7f}.auth-showcase p{font-size:18px;color:#c9cde0;max-width:590px;line-height:1.65}.auth-proof{display:flex;flex-wrap:wrap;gap:10px}.auth-proof span{border:1px solid #ffffff24;background:#ffffff0c;border-radius:999px;padding:10px 14px;font-size:13px}.auth-panel{display:grid;place-items:center;padding:60px 28px}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #ebe5ec;box-shadow:0 28px 80px #311f4617;border-radius:30px;padding:38px}.auth-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff4f3;margin-bottom:24px}.auth-logo img{width:45px}.auth-card h2{font-size:30px;margin:8px 0}.auth-card>p:not(.kicker):not(.form-status){color:var(--muted);margin-bottom:25px}.auth-card form{display:grid;gap:16px}.auth-card label,.production-form label{display:grid;gap:8px;font-size:12px;font-weight:800;letter-spacing:.04em;color:#45415a}.auth-card input,.production-form input,.production-form textarea,.production-form select{width:100%;border:1px solid #ded9e2;background:#faf8fb;border-radius:14px;padding:14px 15px;font:inherit;outline:none}.auth-card input:focus,.production-form input:focus,.production-form textarea:focus,.production-form select:focus{border-color:#ff5e68;box-shadow:0 0 0 4px #ff5e6815}.google-button{width:100%;border:1px solid #ded9e2;background:#fff;border-radius:14px;padding:13px;font:inherit;font-weight:750;cursor:pointer}.google-button b{font-size:18px;color:#4285f4;margin-right:8px}.auth-divider{display:flex;align-items:center;gap:12px;color:#9992a1;font-size:11px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#ebe7ed;flex:1}.auth-links{display:flex;justify-content:space-between;margin-top:18px}.auth-links button{border:0;background:none;color:#ef5964;font-weight:750;cursor:pointer}.form-status{min-height:20px;color:#d8434e!important;font-size:13px;margin:14px 0 0!important}.form-status.success{color:#168d68!important}.loading-state,.empty-state{display:grid;place-items:center;text-align:center;min-height:280px;padding:40px;color:var(--muted)}.loading-state:before{content:"";width:34px;height:34px;border:3px solid #efe9f0;border-top-color:#ff5e68;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}.real-avatar{background:linear-gradient(135deg,#ff756f,#7b5cef);color:#fff;display:grid;place-items:center;font-weight:850;overflow:hidden}.real-avatar img{width:100%;height:100%;object-fit:cover}.verified-chip{background:#eaf9f3;color:#138365;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.match-banner{background:linear-gradient(135deg,#ff5e68,#f58a68);color:#fff;border-radius:20px;padding:20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.production-form{display:grid;gap:16px}.production-form textarea{min-height:108px;resize:vertical}.production-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.production-form .check-row{display:flex;align-items:center;gap:10px}.production-form .check-row input{width:auto}.modal-card{max-height:90vh;overflow:auto}.modal-card.wide{width:min(820px,calc(100vw - 36px))}.profile-photo-upload{display:flex;align-items:center;gap:18px}.profile-photo-upload .real-avatar{width:76px;height:76px;border-radius:24px}.profile-photo-upload input{flex:1}.member-line,.request-line,.invitation-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eee9ef}.member-line:last-child,.request-line:last-child,.invitation-line:last-child{border-bottom:0}.member-line small,.request-line small,.invitation-line small{display:block;color:var(--muted);margin-top:3px}.inline-actions{display:flex;gap:8px}.inline-actions button{border:0;border-radius:10px;padding:8px 11px;font-weight:750;cursor:pointer}.inline-actions .accept{background:#ddf8ee;color:#087454}.inline-actions .decline{background:#fff0f1;color:#c8404c}.owner-label{font-size:10px;background:#f0ecff;color:#6f50d5;border-radius:99px;padding:5px 8px}.workspace-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.workspace-card{background:#fff;border:1px solid #ece7ed;border-radius:20px;padding:18px}.workspace-card h3{margin:0 0 14px}.task-line{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eee}.task-line input{margin-top:3px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-button{border:1px solid #f3c8cc;background:#fff5f5;color:#ba3340;border-radius:12px;padding:10px 14px;font-weight:750;cursor:pointer}.signout-button{border:1px solid #ded8e0;background:#fff;border-radius:12px;padding:10px 14px;font-weight:750;cursor:pointer}.chat-empty{display:grid;place-items:center;min-height:420px;color:var(--muted);text-align:center}.app-error{margin:20px;padding:16px;border-radius:14px;background:#fff0f1;color:#a9333d}.search-code{display:flex;gap:9px}.search-code input{flex:1}.notification-list .empty-state{min-height:160px}.unread-count{display:inline-grid!important;place-items:center;background:#ff5e68;color:white;border-radius:50%;min-width:18px;height:18px;font-size:10px}.back-to-site{cursor:pointer}@media(max-width:900px){.auth-view{grid-template-columns:1fr}.auth-showcase{display:none}.auth-back{color:#262134;background:#fff;box-shadow:0 5px 20px #0001}.workspace-grid{grid-template-columns:1fr}}@media(max-width:620px){.auth-card{padding:26px 20px;border-radius:22px}.production-form .form-row{grid-template-columns:1fr}.auth-panel{padding:78px 14px 24px}}