/* minSatu — team sheet. One accent, purposeful motion, no ambient loops. */
.minsatu-logo{display:block;width:168px;height:auto;flex-shrink:0}.brand-link{gap:0}.login-brand .minsatu-logo,.shell .brand .minsatu-logo{filter:brightness(0) invert(1)}.login-brand .minsatu-logo{width:188px}.shell .brand{flex-direction:column;align-items:flex-start;gap:12px}.shell .brand .minsatu-logo{width:160px}.minsatu-symbol{width:28px;height:28px;filter:brightness(0) invert(1)}.board-heading{justify-content:flex-end!important}@media(max-width:700px){.nav .minsatu-logo{width:140px}.login-brand .minsatu-logo{width:156px}}
body[data-page=login] #auth input{background:#fff;border:1px solid #cbd0d8}
.shell>aside #nav button{color:#dbe5ff;background:transparent}.shell>aside #nav button.active{color:#fff;background:#2454d6}
:root{--bg:#f3f2ee;--ink:#192536;--accent:#2454d6;--tint:#e9efff}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:44px 0 36px}
.hero-copy{padding:12px 0}.hero-title{font-size:clamp(42px,4.7vw,66px);line-height:1.02;letter-spacing:-.055em;margin-top:24px}.hero-title em{font-size:1.06em;line-height:1.12}.hero-desc{font-size:18px;max-width:33ch;margin-top:22px}.hero-link{display:inline-flex;align-items:center;gap:28px;color:var(--ink);font-weight:600;margin-top:24px;text-decoration:none}.hero-link span{font-size:26px;color:var(--accent)}
.formation-board{background:var(--accent);color:white;border-radius:var(--radius);padding:26px 28px;overflow:hidden}.board-heading{display:flex;justify-content:space-between;align-items:center;font:500 11px var(--font-display);letter-spacing:.14em}.board-heading>span:last-child{font-size:28px;letter-spacing:-.08em}.formation-players{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.formation-player{text-align:center}.formation-player>span{display:grid;place-items:center;height:70px;background:#ffffff18;border-radius:var(--radius)}.formation-player .icon{width:42px;height:42px}.formation-player small{display:block;color:#e3eaff;font-size:12px;margin-top:8px}.player-open>span{background:#fff;color:var(--accent);transform:rotate(-5deg)}.player-open small{color:white;font-weight:700}.board-note{font:400 26px/1.15 var(--font-display);letter-spacing:-.04em}.board-note strong{font-weight:600}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin-top:24px}.hero-stats dt{color:#dbe5ff;font-size:11px;margin-bottom:4px}.hero-stats dd{color:white;font-size:16px;white-space:normal}
.filter-wrapper{padding:14px;background:#fff}.flow-meta-bar{margin-top:32px}.flow-meta-title{font-size:22px}.flow-card{position:relative;padding:28px;background:white;outline:1px solid transparent}.card-top{margin-bottom:30px}.category-stamp{font-size:11px;font-weight:700;letter-spacing:.08em}.dossier-title{font-size:29px}.dossier-composition{margin-top:24px}.seat-icons-row{gap:6px}.seat-icon{background:var(--tint);border-radius:var(--radius);padding:5px}.seat-empty{color:var(--accent);background:transparent;outline:1px dashed #9eafe0;outline-offset:-1px}.seat-icon .icon{width:19px;height:22px}.card-bottom>.btn-flow{background:var(--ink);color:white}.card-bottom>.btn-flow:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.leader-identity .mini-avatar{background:#eeeae2;color:var(--ink)}
.workspace-header{padding:48px 0 36px}.workspace-header h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.055em}.workspace-header .eyebrow{font-size:11px;color:var(--accent)}.application-entry{border-left:4px solid #bfc8dc}.application-entry[data-status=accepted]{border-left-color:var(--accent)}.application-date time{font-family:var(--font-display)}.managed-team{border-top:4px solid var(--accent)}.managed-header h3{font-size:32px}.applicant-queue{background:#f3f5fa}.empty-state{background:#e9edf5;border-radius:var(--radius);position:relative;overflow:hidden}.empty-state>.icon{width:40px;height:40px}.empty-state h3{max-width:22ch}.profile-drawer .modal-body>div:first-child{background:var(--tint);padding:24px;border-radius:var(--radius)}.profile-drawer #drawerInitials{background:var(--accent);color:white}
body[data-page=login] .story{background:#192536;color:#fff;overflow:hidden}.story .login-brand>span,.story .eyebrow,.story>.caption{color:#dbe5ff}.story .logo{background:var(--accent);color:#fff}.story h1{font-size:clamp(52px,6.3vw,88px);line-height:1.02;letter-spacing:-.055em}.story h1 em{color:#bacaff}.story-body>p{color:#cbd2de;max-width:37ch}.product-preview{transform:rotate(-3deg);margin:36px 0 16px;padding:8px;background:white;border-radius:var(--radius)}.product-preview img{border-radius:var(--radius);display:block}.product-preview figcaption{color:var(--ink);padding:8px 4px 2px;font-size:12px}.form-wrap h2{font-size:36px}.form-side{background:var(--bg)}.form-wrap .submit{min-height:50px}.shell>aside{background:#192536;color:#fff}.shell>aside small{color:#bcc8da}.shell>aside .nav-btn{color:#dbe5ff}.shell>aside .nav-btn.active{background:var(--accent);color:white}.stat{border-top:3px solid var(--accent)}
@keyframes reveal-panel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes reveal-drawer{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@keyframes take-position{from{opacity:0;transform:translateY(14px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}
@media(prefers-reduced-motion:no-preference){#browseView:not(.hidden),#applicationsView:not(.hidden),#teamsView:not(.hidden){animation:reveal-panel .32s ease-out}.profile-drawer.open{animation:reveal-drawer .24s ease-out}#liveModal[open]{animation:reveal-panel .2s ease-out}.player-open>span{animation:take-position .55s .12s both ease-out}.flow-card{transition:transform .18s ease,outline-color .18s ease}.btn-flow,.submit,.nav-tab{transition:background-color .16s ease,transform .16s ease}.btn-flow:active,.submit:active{transform:translateY(1px)}.product-preview{animation:reveal-panel .4s ease-out}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.flow-card:hover{transform:translateY(-3px);outline-color:#c4cde0}.hero-link:hover span{transform:translate(3px,-3px);transition:transform .18s}.card-bottom>.btn-flow:hover{background:var(--accent)}}
@media(max-width:1050px){.hero{gap:28px}.formation-board{padding:24px}.formation-players{gap:8px}.hero-title{font-size:44px}.hero-stats dd{font-size:14px}.story h1{font-size:56px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:24px;padding:28px 0}.hero-title{font-size:44px;margin-top:16px}.hero-copy{padding:0}.hero-desc{font-size:16px;margin-top:14px;max-width:34ch}.hero-link{margin-top:14px}.formation-board{padding:20px}.formation-players{margin:16px 0}.formation-player>span{height:50px}.formation-player .icon{width:32px;height:32px}.board-note{display:none}.hero-stats{margin-top:18px;gap:16px}.hero-stats dd{font-size:15px}.dossier-title{font-size:25px}.flow-card{padding:22px}.card-top{margin-bottom:24px}.seat-icons-row{gap:4px}.seat-icon{padding:4px}.workspace-header{padding:32px 0 24px}.workspace-header h1{font-size:38px}.managed-header h3{font-size:28px}.story h1{font-size:46px}.form-wrap h2{font-size:30px}.story h1 br{display:block}.story-body{padding-top:24px}.product-preview{display:none}.form-side{padding-top:28px}.profile-drawer .modal-body>div:first-child{padding:20px}}
