/* Tech Life Hybrid shared web / installed-browser design tokens. */
:root{--bg:#f4f7f8;--surface:#ffffff;--surface-soft:#eaf0f2;--text:#13252c;--muted:#516770;--line:#cbd8dd;--brand:#087c83;--brand-strong:#075a61;--accent:#6554a6;--link:#155ca8;--success:#17694f;--shadow:0 16px 48px #102e3a12;--action:#086b73;--action-text:#fff;--ink:#101e2b;--suite-font:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--suite-radius:18px;color-scheme:light}
html[data-theme="dark"]{--bg:#07090d;--surface:#111720;--surface-soft:#1a2230;--text:#f7f9fb;--muted:#b4becb;--line:#35404e;--brand:#78e9ff;--brand-strong:#9df0ff;--accent:#a784ff;--link:#78e9ff;--success:#c9ff72;--shadow:0 20px 48px #0005;--action:#78e9ff;--action-text:#041016;color-scheme:dark}
.suite-home{font-family:var(--suite-font);color:var(--text);background:var(--bg);position:relative;isolation:isolate}
.suite-home::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 16% 22%,#57c9bb16,transparent 44%),radial-gradient(ellipse at 92% 62%,#9580dd15,transparent 42%)}
.suite-switch{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;width:fit-content;margin:0 auto;color:var(--muted)}
.suite-switch a,.suite-switch>span{padding:10px 17px;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;min-height:40px;display:flex;align-items:center;gap:7px}
.suite-switch [aria-current="page"]{background:var(--ink);color:#eef6f8}
.suite-switch a:hover{background:var(--surface-soft);color:var(--text)}
.suite-kicker{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:.875rem;font-weight:600;letter-spacing:.06em;margin:30px 0 18px}
.suite-kicker::before{content:"";width:24px;height:2px;background:var(--brand)}
.suite-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-top:32px;text-align:left}
.suite-shortcuts a,.suite-shortcuts button{display:flex;align-items:center;gap:12px;padding:17px 14px;text-decoration:none;min-height:78px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}
.suite-shortcuts a:hover,.suite-shortcuts button:hover{background:var(--surface-soft);border-color:var(--brand)}
.suite-shortcuts svg{width:22px;height:22px;flex-shrink:0;stroke:var(--brand-strong);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.suite-shortcuts strong{display:block;font-size:.9375rem;font-weight:650}.suite-shortcuts small{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}
.suite-footnote{font-size:.875rem;line-height:1.6;color:var(--muted);margin:28px 0 0}.suite-footnote a{color:var(--brand-strong);text-underline-offset:4px}
@media(max-width:620px){.suite-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suite-shortcuts a,.suite-shortcuts button{padding:14px 12px}.suite-switch a,.suite-switch>span{padding:9px 12px}.suite-kicker{margin-top:24px}}
@media(forced-colors:active){.suite-home::before{display:none}.suite-switch [aria-current="page"]{background:Highlight;color:HighlightText}.suite-shortcuts svg{stroke:ButtonText}}
@media(prefers-reduced-motion:reduce){.suite-shortcuts a,.suite-shortcuts button{transition:none}}