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

:root{--bg:#071018;--surface:#0e1923;--surface2:#13212d;--line:rgba(255,255,255,.1);--ink:#f5f7f9;--muted:#91a0ad;--orange:#ff895d;--violet:#9b8cff;--mint:#60d6aa;--shadow:0 30px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 4%,rgba(74,107,142,.2),transparent 30%),linear-gradient(145deg,#071018,#09131c 55%,#071018)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
a{color:inherit}.brandbar,.workspace-head{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;font-family:Unbounded,Manrope,sans-serif;font-size:15px;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.04));font-size:14px}.brand-dot{color:var(--orange)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:#a8b6c2;margin:0 0 18px}.private-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:#a9b5c0;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.private-pill i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}
.welcome-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:32px 30px}.welcome-grid{min-height:calc(100vh - 100px);display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center;padding:44px 0 80px}.welcome-copy h1{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(44px,6vw,78px);line-height:1.03;letter-spacing:-.055em;margin:0;max-width:800px}.welcome-copy h1 span{color:#8797a5}.lead{color:#a9b5bf;font-size:17px;line-height:1.75;max-width:590px;margin:28px 0 35px}.google-button{display:inline-flex;align-items:center;gap:13px;background:#fff;color:#101820;text-decoration:none;font-weight:700;font-size:14px;padding:13px 15px;border-radius:13px;box-shadow:0 10px 35px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s}.google-button:hover{transform:translateY(-2px);box-shadow:0 15px 42px rgba(0,0,0,.38)}.google-button svg,.open-service svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.google-g{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:800;border:3px solid #fff;outline:1px solid #e4e7ea}.access-note{font-size:11px;color:#667684;margin:13px 0 0 4px}.service-stack{display:grid;gap:13px;perspective:800px}.mini-card{display:flex;align-items:center;gap:18px;min-height:108px;padding:22px 24px;background:linear-gradient(135deg,rgba(18,32,44,.92),rgba(11,23,33,.78));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transition:transform .25s,border-color .25s}.mini-card:nth-child(1){transform:translateX(-26px)}.mini-card:nth-child(3){transform:translateX(26px)}.mini-card:hover{transform:translateX(0) scale(1.015);border-color:rgba(255,255,255,.24)}.mini-icon,.service-icon{display:grid;place-items:center;flex:none;border-radius:15px}.mini-icon{width:52px;height:52px}.mini-icon svg,.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.accent-orange .mini-icon,.accent-orange .service-icon{color:var(--orange);background:rgba(255,137,93,.12)}.accent-violet .mini-icon,.accent-violet .service-icon{color:var(--violet);background:rgba(155,140,255,.12)}.accent-mint .mini-icon,.accent-mint .service-icon{color:var(--mint);background:rgba(96,214,170,.12)}.mini-card strong{display:block;font-size:17px;margin-bottom:5px}.mini-card span{display:block;color:#8798a6;font-size:12px;line-height:1.45}
.workspace-shell{position:relative;z-index:1;max-width:1220px;margin:0 auto;padding:30px 30px 50px}.workspace-head{padding-bottom:28px;border-bottom:1px solid var(--line)}.account{display:flex;align-items:center;gap:15px}.account>span{text-align:right}.account b,.account small{display:block}.account b{font-size:11px}.account small{color:#6f808d;font-size:9px;margin-top:3px}.logout{text-decoration:none;color:#aab6c0;font-size:12px;padding:8px 12px;border-radius:9px;border:1px solid var(--line)}.logout:hover{border-color:rgba(255,255,255,.24);color:#fff}.workspace-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:54px 0 30px}.workspace-intro h1{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;margin:0 0 12px}.workspace-intro>div>p:last-child{margin:0;color:#8f9da8;max-width:630px;line-height:1.65}.system-state{min-width:220px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(14,25,35,.68)}.system-state .pulse{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}.system-state b{font-size:12px}.system-state small{color:#70808d;font-size:9px;margin-top:2px}.service-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;min-height:420px;display:flex;flex-direction:column;padding:24px;background:linear-gradient(155deg,rgba(21,36,49,.96),rgba(10,22,31,.92));border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.22);transition:transform .22s,border-color .22s}.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;opacity:.08;filter:blur(4px)}.service-card.accent-orange:after{background:var(--orange)}.service-card.accent-violet:after{background:var(--violet)}.service-card.accent-mint:after{background:var(--mint)}.service-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.service-icon{width:54px;height:54px}.status{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#8999a6;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.status i{width:6px;height:6px;border-radius:50%;background:#75828c}.status.online{color:#9de7c9;border-color:rgba(96,214,170,.24);background:rgba(96,214,170,.06)}.status.online i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.status.offline{color:#ffae95;border-color:rgba(255,137,93,.24)}.status.offline i{background:var(--orange)}.card-copy{margin-top:64px;position:relative;z-index:1}.number{font:600 10px Unbounded,Manrope,sans-serif;letter-spacing:.16em;color:#5f707e;margin:0 0 10px}.card-copy h2{font-family:Unbounded,Manrope,sans-serif;font-size:25px;letter-spacing:-.03em;margin:0 0 15px}.card-copy>p:last-child{color:#93a1ac;line-height:1.65;font-size:13px;margin:0}.open-service{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;font-weight:700;font-size:12px;padding-top:21px;border-top:1px solid var(--line)}a.open-service:hover{color:var(--orange)}.open-service.passive{color:#788997}.mcp-badge{font-size:8px;letter-spacing:.12em;border:1px solid var(--line);border-radius:6px;padding:5px 7px;color:#a8b4be}.access-panel{margin-top:20px;padding:28px;background:rgba(14,25,35,.82);border:1px solid var(--line);border-radius:22px}.access-panel[hidden]{display:none}.access-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.access-head .eyebrow{margin-bottom:8px}.access-head h2{font:600 22px Unbounded,Manrope,sans-serif;margin:0 0 8px}.access-head p:last-child{color:#83929e;font-size:12px;margin:0}.owner-only{white-space:nowrap;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9de7c9;border:1px solid rgba(96,214,170,.24);border-radius:999px;padding:7px 9px}.access-form{display:grid;grid-template-columns:1fr 1.35fr 1.25fr auto;gap:12px;align-items:end;margin-top:24px}.access-form label>span,.access-form legend{display:block;color:#778895;font-size:10px;margin:0 0 7px}.access-form input[type=text],.access-form input[type=email]{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:#09141d;color:#fff;padding:0 11px;font:12px Manrope}.access-form fieldset{height:42px;display:flex;align-items:center;gap:12px;margin:0;padding:0 11px;border:1px solid var(--line);border-radius:10px}.access-form fieldset legend{position:absolute;transform:translateY(-22px)}.access-form fieldset label{font-size:11px;color:#aab7c1}.access-form button{height:42px;border:0;border-radius:10px;background:#fff;color:#111b23;padding:0 15px;font-weight:700;cursor:pointer}.access-form button:hover{background:#e9eef2}.access-form #form-status{grid-column:1/-1;min-height:18px;margin:0;color:#9de7c9;font-size:11px}.user-list{margin-top:4px}.user-row{display:grid;grid-template-columns:minmax(180px,1.3fr) 1fr auto;gap:18px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.user-row b,.user-row small{display:block}.user-row b{font-size:12px}.user-row small{color:#687b89;font-size:10px;margin-top:3px}.user-services{display:flex;gap:6px;flex-wrap:wrap}.user-services span{font-size:9px;color:#a6b5c0;border:1px solid var(--line);border-radius:6px;padding:5px 7px}.user-row button{border:0;background:none;color:#ff9b7c;font:11px Manrope;cursor:pointer}footer{display:flex;align-items:center;justify-content:center;gap:9px;color:#4e606f;text-transform:uppercase;letter-spacing:.15em;font-size:9px;margin-top:32px}footer span{color:var(--mint);font-size:7px}
@media(max-width:900px){.welcome-grid{grid-template-columns:1fr;gap:52px;padding-top:85px}.welcome-copy h1{font-size:clamp(44px,10vw,72px)}.service-stack{max-width:650px;margin:0 auto;width:100%}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.card-copy{margin-top:42px}.workspace-intro{align-items:start;flex-direction:column}.system-state{width:100%}.access-form{grid-template-columns:1fr 1fr}.access-form button{width:max-content}.user-row{grid-template-columns:1fr auto}.user-services{grid-column:1/2}}
@media(max-width:560px){.welcome-shell,.workspace-shell{padding:22px 18px 40px}.private-pill{font-size:0;padding:10px}.private-pill i{width:7px;height:7px}.welcome-grid{padding-top:58px}.welcome-copy h1{font-size:39px;line-height:1.1}.lead{font-size:15px}.mini-card,.mini-card:nth-child(1),.mini-card:nth-child(3){transform:none}.mini-card{padding:17px;min-height:92px}.workspace-intro{padding-top:38px}.workspace-intro h1{font-size:38px}.service-card{padding:21px}}

/* Owner control surface */
.welcome-gate{min-height:calc(100vh - 100px);display:grid;place-items:center;text-align:center;padding:60px 0 100px}.welcome-copy-private{display:flex;flex-direction:column;align-items:center}.welcome-copy-private h1{font-family:Unbounded,Manrope,sans-serif;font-size:clamp(58px,10vw,112px);line-height:1;letter-spacing:-.07em;margin:0}.welcome-copy-private h1 span{color:var(--orange)}.welcome-copy-private .lead{margin:26px 0 32px}.welcome-copy-private .access-note{margin-top:16px}.welcome-copy-private .legal-links{margin-top:44px}.dashboard-group{margin-top:20px}.group-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.group-heading .eyebrow{margin:0}.group-heading>span{font:600 9px Unbounded,Manrope,sans-serif;letter-spacing:.12em;color:#536675}.core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.infra-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{min-height:330px}.service-card.infrastructure{min-height:285px}.service-card.infrastructure .card-copy{margin-top:40px}.service-card.infrastructure .card-copy h2{font-size:20px}.card-copy small{display:block;margin-top:14px;color:#617382;font-size:10px;line-height:1.45}.status.degraded,.status.unknown{color:#f4c97b;border-color:rgba(244,201,123,.24);background:rgba(244,201,123,.06)}.status.degraded i,.status.unknown i{background:#f4c97b}.accent-blue .service-icon{color:#7eb7ff;background:rgba(126,183,255,.12)}.accent-teal .service-icon{color:#5bd5c1;background:rgba(91,213,193,.12)}.accent-gold .service-icon{color:#f4c97b;background:rgba(244,201,123,.12)}.accent-rose .service-icon{color:#ef8ea8;background:rgba(239,142,168,.12)}.system-state.has-error .pulse{background:var(--orange);box-shadow:0 0 16px var(--orange)}.system-state.has-warning .pulse{background:#f4c97b;box-shadow:0 0 16px #f4c97b}.system-state.is-online .pulse{background:var(--mint)}
@media(max-width:1050px){.infra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.core-grid{grid-template-columns:1fr}.service-card{min-height:300px}}
@media(max-width:620px){.infra-grid{grid-template-columns:1fr}.service-card.infrastructure{min-height:260px}.group-heading>span{display:none}.welcome-gate{padding-top:20px}.welcome-copy-private h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.legal-links{display:flex;gap:14px;margin:26px 0 0}.legal-links a{color:#647684;font-size:10px;text-decoration:none}.legal-links a:hover{color:#c5d0d8}.policy{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:34px 24px 80px}.policy article{margin-top:70px;background:rgba(14,25,35,.86);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,6vw,54px)}.policy h1{font:600 clamp(30px,5vw,46px)/1.15 Unbounded,Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 28px}.policy h2{font-size:15px;margin:30px 0 8px}.policy p{color:#9cabb7;line-height:1.75}.policy-date{margin-top:38px;font-size:10px;color:#5f7280!important}
