/* Scope all presentation changes to the homepage. */
body.sg-home-active{--sb-body:16px;--sb-subheading:16px;--sb-section:18px;--sb-title:24px;--sb-caption:14px;background:#f4f4f6!important;color:#20212a!important;min-height:100dvh}
body.sg-home-active::before,body.sg-home-active::after{display:none!important}
body.sg-home-active .app{width:min(100%,620px)!important;max-width:620px!important;margin:0 auto!important;padding:22px 18px calc(132px + env(safe-area-inset-bottom))!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
body.sg-home-active .topbar,body.sg-home-active .footer{display:none!important}
.sg-header{display:none}
body.sg-home-active .sg-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 28px;padding:0 4px;font-family:Montserrat,Arial,sans-serif}
.sg-brand>span{font-size:18px;font-weight:600;letter-spacing:.02em;color:#20212a}
.sg-brand p{font-size:14px;line-height:1.5;color:#686875;margin:6px 0 0;max-width:230px}
.sg-header-actions{display:flex;gap:8px;flex:none}
.sg-header-actions button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff55;border:1px solid #fff;box-shadow:0 5px 12px #31344509;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:10px;color:#74727f}
.sg-home svg,.sg-header svg,.sg-menu-list svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sg-home{position:relative;isolation:isolate}
.sg-home::before{content:'';position:absolute;z-index:-1;top:16px;left:-18px;right:-18px;height:420px;background:radial-gradient(ellipse at 25% 25%,#c1a6b223,transparent 72%),radial-gradient(ellipse at 85% 48%,#bfc2cc1a,transparent 70%);pointer-events:none}
.sg-stack{border:1px solid #ffffffeb;border-radius:27px;background:#ffffff24;box-shadow:inset 0 1px 0 #fff;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.sg-home-active #view .sg-access{display:flex;align-items:center;width:100%;gap:12px;background:transparent;border:0;color:#24232d;padding:16px 20px;font-weight:500;text-align:left;min-height:62px}
.sg-access>svg,.sg-access>strong{margin-left:auto}
.sg-progress-ring{width:23px;height:23px;border-radius:50%;background:conic-gradient(#64515f var(--progress),#c8c6ce 0);position:relative;flex:none}
.sg-progress-ring::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#f4f3f5}
.sg-intro{border-radius:26px;background:linear-gradient(135deg,#ffffffb3,#ffffff65);border-top:1px solid white;padding:22px 22px 24px;box-shadow:0 9px 20px #35374407,inset 0 1px 1px #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.sg-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}
.sg-meta>span{text-transform:uppercase;font-size:12px;font-weight:500;letter-spacing:.08em;color:#77727f}
.sg-photo{width:52px;height:52px;object-fit:cover;object-position:50% 27%;border-radius:50%;border:2px solid #ffffffd9;box-shadow:0 3px 10px #37344212;display:block}
body.sg-home-active .sg-intro h1{margin:0;color:#20212a;text-align:left;font-weight:600;overflow-wrap:normal}
body.sg-home-active .sg-intro .sg-author{margin:8px 0 0;color:#69505f;font-weight:500}
body.sg-home-active .sg-intro .sg-description{margin:22px 0 26px;color:#30313b;font-weight:400}
body.sg-home-active #view .sg-enter{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;border-radius:30px;border:1px solid #fff8;padding:12px 15px;background:linear-gradient(120deg,#303136,#27292e);color:#fff;box-shadow:inset 0 1px 0 #ffffff18;font-weight:500;text-align:center}
.sg-enter svg{width:21px;height:21px}
.sg-opportunities{margin-top:30px}
body.sg-home-active .sg-opportunities h2{font-weight:400!important;color:#73717e;margin:0 8px 16px}
.sg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.sg-home-active #view .sg-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;padding:20px 17px;min-height:166px;border-radius:24px;border:1px solid #fffffff0;background:linear-gradient(125deg,#ffffff8f,#ffffff38);color:#24232d;box-shadow:0 8px 18px #37384607,inset 0 1px 1px white;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sg-card>svg{color:#6e5262;width:28px;height:28px;margin:0 0 18px}
body.sg-home-active .sg-card h3{margin:0 0 5px;color:#20212a;font-weight:500!important}
body.sg-home-active .sg-card p{margin:0;color:#787481}
body.sg-home-active .nav-wrap{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;z-index:100!important;padding:0 16px calc(12px + env(safe-area-inset-bottom))!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
body.sg-home-active .nav-wrap::before,body.sg-home-active .nav-wrap::after{display:none!important}
body.sg-home-active .nav{pointer-events:auto;width:100%!important;max-width:584px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:10px 4px!important;border:1px solid #fffffff0!important;border-radius:26px!important;background:#f9f9fb94!important;box-shadow:0 8px 26px #34334112,inset 0 1px 1px #fff!important;backdrop-filter:blur(24px) saturate(.85)!important;-webkit-backdrop-filter:blur(24px) saturate(.85)!important}
body.sg-home-active .nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:50px!important;padding:0 2px!important;font:500 11px/1.4 Montserrat,Arial,sans-serif!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#85818e!important;border-radius:14px!important}
body.sg-home-active .nav button[aria-current=page]{color:#6e5262!important}
body.sg-home-active .nav button::before,body.sg-home-active .nav button::after{display:none!important}
body.sg-home-active .nav svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important}
.sg-menu-list{display:grid;gap:8px}.sg-menu-list button{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #ddd8df;background:#faf9fb;border-radius:14px;color:#302b34}
body.sg-home-active button:focus-visible{outline:2px solid #745565;outline-offset:4px}
@media(max-width:360px){body.sg-home-active .app{padding-left:12px!important;padding-right:12px!important}.sg-intro{padding:18px 16px}.sg-brand p{font-size:12px}.sg-header-actions{gap:5px}.sg-header-actions button{width:36px;height:36px;padding:8px}.sg-grid{gap:10px}body.sg-home-active #view .sg-card{padding:16px 12px}body.sg-home-active{--sb-title:21px}}
@media(min-width:600px){body.sg-home-active .app{padding-top:30px!important}.sg-intro{padding:26px 30px 30px}.sg-grid{gap:16px}body.sg-home-active #view .sg-card{min-height:168px;padding:24px}.sg-meta{margin-bottom:16px}}
body.sg-home-active{max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:hidden}
body.sg-home-active .nav svg{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;box-sizing:border-box!important}
@layer appTypography{
 body.sg-home-active #view .sg-home p,body.sg-home-active #view .sg-home button{line-height:1.5625!important}
 body.sg-home-active #view .sg-home h1{line-height:1.3!important}
 body.sg-home-active #view .sg-home h3{line-height:1.45!important;font-weight:500!important}
 body.sg-home-active #view .sg-home h2{font-size:16px!important;font-weight:400!important}
 body.sg-home-active #view .sg-enter{font-size:15px!important}
}
body.sg-home-active .nav button svg,body.sg-home-active .nav button[aria-current=page] svg{color:inherit!important}
@media(max-width:340px){.sg-grid{grid-template-columns:1fr}body.sg-home-active #view .sg-card{min-height:140px}body.sg-home-active .nav button{font-size:10px!important}.sg-brand p{max-width:165px}}

/* Compact horizontal tools and a fixed smoked-glass menu. */
body.sg-home-active{--sb-caption:11px;--sg-tool-copy:14px}
.sg-grid{grid-template-columns:1fr;gap:12px}
body.sg-home-active #view .sg-card{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;row-gap:3px;align-items:center;min-height:92px;padding:18px 20px;border-radius:23px}
.sg-card>svg{grid-column:1;grid-row:1 / 3;margin:0;width:26px;height:26px}
body.sg-home-active .sg-card h3{grid-column:2;margin:0;align-self:end}
body.sg-home-active .sg-card p{grid-column:2;margin:0;align-self:start}
body.sg-home-active .nav{background:linear-gradient(125deg,rgba(59,56,64,.88),rgba(36,35,42,.86))!important;border:1px solid #ffffff38!important;box-shadow:0 8px 26px #25212c30,inset 0 1px 1px #ffffff29!important;backdrop-filter:blur(28px) saturate(1.15)!important;-webkit-backdrop-filter:blur(28px) saturate(1.15)!important;padding:7px 4px!important}
body.sg-home-active .nav button{color:#c9c2d0!important;font-weight:400!important;gap:4px!important;min-height:48px!important}
body.sg-home-active .nav button[aria-current=page]{color:#fff!important}
body.sg-home-active .nav button svg{width:18px!important;height:18px!important;box-sizing:content-box!important;padding:5px 12px!important;border-radius:11px!important}
body.sg-home-active .nav button[aria-current=page] svg{background:linear-gradient(135deg,#a16c80,#784359)!important;box-shadow:inset 0 1px 0 #ffffff33!important}
@layer appTypography{
 body.sg-home-active #view .sg-home .sg-card h3,body.sg-home-active #view .sg-home .sg-card p{font-size:var(--sg-tool-copy)!important;line-height:1.5!important}
 body.sg-home-active .nav button{font-size:11px!important;line-height:1.5!important}
}
@media(max-width:360px){body.sg-home-active{--sg-tool-copy:12px}body.sg-home-active #view .sg-card{padding:16px;min-height:84px;column-gap:12px}}

/* Warm, restrained brand tint; gentle motion stays purely decorative. */
body.sg-home-active{background:#f6f4f4!important;color:#292526!important}
.sg-home::before{background:radial-gradient(ellipse at 25% 25%,#ac76851c,transparent 72%),radial-gradient(ellipse at 85% 48%,#bb929b10,transparent 70%)}
.sg-brand p,body.sg-home-active .sg-card p,body.sg-home-active .sg-opportunities h2{color:#7b7276}
.sg-meta>span{color:#7b7276}
body.sg-home-active .sg-intro .sg-author{color:#785460}
.sg-card>svg{color:#805466}
body.sg-home-active .sg-header-actions button{position:relative;width:38px;height:38px;padding:9px;border:1px solid #8e70781f;background:#ffffff30;box-shadow:none;color:#81747b}
body.sg-home-active .sg-header-actions button svg{width:19px;height:19px;stroke-width:1.5}
body.sg-home-active .sg-header-actions button.has-unread{background:linear-gradient(140deg,#a45f7724,#ffffff20);border-color:#b5829480;color:#87516a;animation:sg-bell-breathe 2.8s ease-in-out infinite}
.sg-header-actions .badge{background:linear-gradient(145deg,#b78195,#86465e);font-size:9px;line-height:17px;min-width:17px;height:17px;color:#fff;box-shadow:inset 0 1px 0 #ffffff38}
.sg-access-dot{width:9px;height:9px;flex:none;margin:0 7px;border-radius:50%;background:#976578;animation:sg-dot-breathe 2.8s ease-in-out infinite}
@keyframes sg-dot-breathe{0%,100%{opacity:.45;box-shadow:0 0 0 0 #aa798b00}50%{opacity:1;box-shadow:0 0 0 5px #aa798b16}}
@keyframes sg-bell-breathe{0%,100%{box-shadow:0 0 0 2px #b8799008,0 0 9px #b8799018}50%{box-shadow:0 0 0 3px #b8799017,0 0 18px #b8799040}}
body.sg-home-active #view .sg-card{position:relative;isolation:isolate;overflow:hidden}
.sg-card::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(115deg,#c99ba825,#b9819512 60%,#ffffff40);box-shadow:inset 0 0 0 1px #b7899a30;opacity:0;animation:sg-card-cycle 16s ease-in-out infinite}
.sg-card:nth-child(2)::before{animation-delay:4s}.sg-card:nth-child(3)::before{animation-delay:8s}.sg-card:nth-child(4)::before{animation-delay:12s}
@keyframes sg-card-cycle{0%,25%,100%{opacity:0}7%,18%{opacity:1}}
@layer appTypography{
 body.sg-home-active #view .sg-access,body.sg-home-active #view .sg-intro .sg-description,body.sg-home-active #view .sg-intro .sg-author{font-size:var(--sg-tool-copy)!important;line-height:1.5!important}
}
@media(max-width:359px){body.sg-home-active .sg-header-actions button{width:35px;height:35px;padding:8px}}
@media(prefers-reduced-motion:reduce){.sg-card::before,.sg-access-dot,body.sg-home-active .sg-header-actions button.has-unread{animation:none!important}.sg-access-dot{opacity:1}}

/* Graphite tinted glass, matching the cabinet-entry button's neutral hue. */
body.sg-home-active .nav{
 background:linear-gradient(115deg,rgba(48,49,54,.68),rgba(39,41,46,.76) 58%,rgba(48,49,54,.65))!important;
 border:1px solid rgba(255,255,255,.48)!important;
 border-top-color:rgba(255,255,255,.72)!important;
 box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(255,255,255,.13),0 8px 24px rgba(28,29,33,.18)!important;
 backdrop-filter:blur(18px) saturate(.65)!important;
 -webkit-backdrop-filter:blur(18px) saturate(.65)!important;
}
body.sg-home-active .nav button{color:#e0dfe2!important}
body.sg-home-active .nav button[aria-current=page] svg{
 background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08))!important;
 box-shadow:inset 0 1px 0 #ffffff66,inset 0 0 0 1px #ffffff29,0 2px 6px #16171a12!important;
}

/* Shared day/night switch and the homepage's smoked pearl glass palette. */
body.sg-home-active .sg-header{gap:8px}
.sg-brand{min-width:0}
.sg-header-actions{gap:6px}
body.sg-home-active .sg-header-actions .theme-toggle{flex:none}
[data-color-mode=night] body.sg-home-active{background:#242326!important;color:#f3eff1!important}
[data-color-mode=night] .sg-brand>span{color:#f3eff1}
[data-color-mode=night] .sg-brand p{color:#bdb3b7}
[data-color-mode=night] .sg-home::before{background:radial-gradient(ellipse at 25% 25%,#a36a7b1f,transparent 72%),radial-gradient(ellipse at 85% 48%,#b7889410,transparent 70%)}
[data-color-mode=night] .sg-stack{background:#ffffff05;border-color:#ffffff23;box-shadow:inset 0 1px 0 #ffffff24}
[data-color-mode=night] body.sg-home-active #view .sg-access{color:#e2d9de}
[data-color-mode=night] .sg-intro{background:linear-gradient(135deg,#ffffff12,#ffffff05);border-top-color:#ffffff38;box-shadow:inset 0 1px 1px #ffffff14,0 9px 20px #0000000a}
[data-color-mode=night] .sg-meta>span{color:#b7abb1}
[data-color-mode=night] body.sg-home-active .sg-intro h1{color:#f3eff1}
[data-color-mode=night] body.sg-home-active .sg-intro .sg-author{color:#cba9b6}
[data-color-mode=night] body.sg-home-active .sg-intro .sg-description{color:#d2c9cd}
[data-color-mode=night] .sg-photo{border-color:#ffffff75}
[data-color-mode=night] body.sg-home-active #view .sg-enter{background:linear-gradient(120deg,#ffffff1f,#ffffff0b);color:#f6f2f4;border-color:#ffffff50;box-shadow:inset 0 1px 0 #ffffff29;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
[data-color-mode=night] body.sg-home-active .sg-opportunities h2{color:#bfb3b9}
[data-color-mode=night] body.sg-home-active #view .sg-card{background:linear-gradient(125deg,#ffffff0f,#ffffff04);border-color:#ffffff2b;box-shadow:inset 0 1px 1px #ffffff1c,0 8px 18px #0000000d}
[data-color-mode=night] body.sg-home-active .sg-card h3{color:#f0e9ed}
[data-color-mode=night] body.sg-home-active .sg-card p{color:#bdb2b8}
[data-color-mode=night] .sg-card>svg{color:#c8a2b0}
[data-color-mode=night] .sg-card::before{background:linear-gradient(115deg,#ba819536,#b9819518 60%,#ffffff08);box-shadow:inset 0 0 0 1px #c89aaa40}
[data-color-mode=night] body.sg-home-active .sg-header-actions button{background:#ffffff05;border-color:#ffffff20;color:#ded3d9}
[data-color-mode=night] body.sg-home-active .sg-header-actions button.has-unread{background:linear-gradient(140deg,#a45f7735,#ffffff06);border-color:#c796a690;color:#f0dfe8}
[data-color-mode=night] .sg-access-dot{background:#c193a5}
[data-color-mode=night] .sg-progress-ring::after{background:#302c30}
[data-color-mode=night] body.sg-home-active .nav{background:linear-gradient(115deg,#303136a8,#27292ec2 58%,#303136a6)!important;border-color:#ffffff40!important;border-top-color:#ffffff66!important}

/* Portrait outline follows the accent used by the homepage icons. */
body.sg-home-active .sg-photo{border-color:#805466}
[data-color-mode=night] body.sg-home-active .sg-photo{border-color:#c8a2b0}

.sg-certificate-invite{text-align:center;margin:13px 0 0;color:#887980}
.sg-certificate-invite a{color:inherit;text-decoration:none}.sg-certificate-invite strong{font-weight:600}
@layer appTypography{body.sg-home-active #view .sg-certificate-invite{font-size:12px!important;line-height:1.65!important}}

[data-color-mode=night] .sg-certificate-invite{color:#bfb3b9}

/* Both access states use the same gentle breathing rhythm. */
.sg-progress-ring{animation:sg-progress-breathe 2.8s ease-in-out infinite}
@keyframes sg-progress-breathe{0%,100%{opacity:.55;box-shadow:0 0 0 0 #97657800}50%{opacity:1;box-shadow:0 0 0 4px #97657818}}
@media(prefers-reduced-motion:reduce){.sg-progress-ring{animation:none;opacity:1}}

/* Feather the ambient tint before it reaches the pseudo-element boundary. */
.sg-home::before{top:-70px;left:-40px;right:-40px;height:520px;border-radius:50%;filter:blur(28px);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%)}