*{box-sizing:border-box}html{--forge-gutter:44px;color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0e1119;color:#f2f2f6;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b0efd8;outline-offset:5px}.shell{max-width:1240px;margin:auto;padding:0 var(--forge-gutter)}header{max-width:1240px;margin-inline:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;width:100%}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}.forge-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#b0efd8;color:#17251e;font-size:23px;font-weight:850}.slash{margin:0 7px;color:#686f85}.private{border:1px solid #303748;border-radius:30px;padding:8px 13px;font-size:11px;color:#aeb7ca;letter-spacing:.04em}.intro{padding:54px 0 43px}.eyebrow{margin:0 0 12px;color:#b0efd8;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}h1{font-size:clamp(48px,7vw,74px);line-height:1.1;letter-spacing:-.06em;margin:0;font-weight:700}.spark{font-size:.46em;vertical-align:top;color:#f2afd1;margin:8px 0 0 10px;display:inline-block}.lead{margin:15px 0 0;color:#aeb7ca;font-size:17px;line-height:1.55}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:17px}.section-heading h2{font-size:16px;letter-spacing:-.015em;margin:0;font-weight:650}.section-heading>span{font-size:10px;color:#7e879e;letter-spacing:.1em;text-transform:uppercase}.primary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:16px}.primary-card{min-width:0;padding:25px 26px 23px;border:1px solid #303747;border-radius:20px;background:#171c29;transition:border-color .18s,transform .18s}.primary-card:hover{transform:translateY(-3px);border-color:var(--accent)}.accent-0{--accent:#b0efd8}.accent-1{--accent:#f2afd1}.accent-2{--accent:#c4b7fc}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#222a3a;color:var(--accent)}svg{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.out{font-size:20px;color:#7e879e}.primary-card h3{font-size:23px;letter-spacing:-.035em;margin:0 0 8px}.primary-card p{font-size:13px;line-height:1.6;color:#aeb7ca;margin:0;max-width:230px;min-height:42px}.card-action{display:flex;justify-content:space-between;align-items:center;gap:.75rem;color:var(--accent);font-size:12px;font-weight:650;margin-top:29px}.tool-section{margin:38px 0 44px}.tool-section .section-heading{margin-bottom:8px}.section-copy{font-size:13px;line-height:1.5;margin:0 0 18px;color:#8e98ae}.tool-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #272e3d;border-radius:18px;overflow:hidden}.tool{display:flex;align-items:center;gap:12px;min-height:83px;padding:17px 18px;border-right:1px solid #272e3d;border-bottom:1px solid #272e3d;background:#121723;transition:background .18s}.tool:nth-child(4n){border-right:0}.tool:nth-last-child(-n+4){border-bottom:0}.tool:hover{background:#1d2534}.tool-icon{flex:0 0 22px;color:#92a9a5}.tool-icon svg{width:21px;height:21px}.tool-copy{flex:1;min-width:0}.tool h3{font-size:12px;font-weight:650;margin:0 0 5px}.tool-copy>span{display:block;color:#808da5;font-size:10px;line-height:1.4}.tool .out{font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #272b38;min-height:82px;color:#758197;font-size:10px;letter-spacing:.025em}.footer-dot{display:inline-block;background:#b0efd8;width:5px;height:5px;border-radius:50%;margin-right:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:1;left:20px;top:-80px;background:#b0efd8;color:#15231c;padding:10px 15px;border-radius:10px}.skip:focus{top:15px}@media(max-width:920px){html{--forge-gutter:28px}.tool-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tool:nth-child(4n){border-right:1px solid #272e3d}.tool:nth-child(2n){border-right:0}.tool:nth-last-child(-n+4){border-bottom:1px solid #272e3d}.tool:nth-last-child(-n+2){border-bottom:0}.primary-card{padding:22px 21px}.primary-card h3{font-size:20px}}@media(max-width:590px){html{--forge-gutter:20px}.header-inner{min-height:82px}.brand{font-size:12px}.brand .slash{margin:0 3px}.private{font-size:9px;padding:7px 9px}.intro{padding:37px 0 30px}.lead{font-size:14px}.primary-strip{grid-template-columns:1fr;gap:12px}.primary-card{display:grid;grid-template-columns:44px 1fr;column-gap:15px;padding:20px}.card-top{grid-row:1 / 4;margin:0;align-self:start}.card-top>.out{display:none}.primary-card h3{font-size:20px;margin:1px 0 5px}.primary-card p{max-width:none;min-height:0;font-size:12px}.card-action{margin-top:13px;font-size:11px}.tool-section{margin-top:30px}.tool{padding:16px 11px;gap:9px;min-height:82px}.tool h3{font-size:11px}.tool-copy>span{font-size:9px}.tool .out{display:none}.tool-icon{flex-basis:18px}.tool-icon svg{width:18px;height:18px}.section-heading h2{font-size:15px}.section-heading>span{font-size:9px}footer{font-size:9px;min-height:72px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:591px){.header-inner{min-height:80px}.intro{padding:31px 0 28px}h1{font-size:58px}.lead{font-size:15px;margin-top:10px}.primary-card{display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:15px;padding:23px 22px}.card-top{grid-row:1/4;align-self:start;margin:0}.card-top>.out{display:none}.icon{width:42px;height:42px}.primary-card h3{font-size:21px;margin:0 0 5px}.primary-card p{min-height:0;font-size:12px}.card-action{margin-top:17px;font-size:11px}.tool-section{margin:28px 0 33px}.tool{min-height:76px}footer{min-height:65px}}

/* Real-page navigation, with progressive native transitions and no JavaScript. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
body{background:radial-gradient(ellipse at 90% 0%,#25203766,transparent 48%),#0e1119;min-height:100svh}
header{position:sticky;top:0;z-index:10;isolation:isolate}
/* Keep the navigation centered and feather its backdrop into the page at both edges. */
header::before{content:"";position:absolute;inset:0;z-index:-1;background:#0e1119ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--forge-gutter),#000 calc(100% - var(--forge-gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--forge-gutter),#000 calc(100% - var(--forge-gutter)),transparent)}
.header-inner{position:relative}.header-inner::after{content:"";position:absolute;inset-inline:var(--forge-gutter);bottom:0;height:1px;background:linear-gradient(90deg,transparent,#272b38 7%,#272b38 93%,transparent)}
.forge-nav{display:flex;gap:5px;margin-left:auto}.forge-nav a{padding:11px 14px;border-radius:12px;color:#98a4bb;font-size:12px;transition:color .18s,background .18s}.forge-nav a:hover{color:#eafbf4;background:#202937}.forge-nav a[aria-current=page]{color:#b0efd8;background:#1c2d29;box-shadow:inset 0 0 0 1px #b0efd823}
.logout-form{margin:0}.logout-form button{font:inherit;color:#97a4bb;background:transparent;border:1px solid #303748;border-radius:12px;padding:10px 13px;font-size:11px;cursor:pointer}.logout-form button:hover{color:#f2afd1;border-color:#f2afd1}.logout-form button:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #b0efd8;outline-offset:4px}
.toolkit-portal{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #38354b;border-radius:20px;margin:24px 0 40px;padding:27px 30px;background:linear-gradient(110deg,#181e2c,#272037);transition:transform .2s,border-color .2s}.toolkit-portal:hover{transform:translateY(-3px);border-color:#c4b7fc}.toolkit-portal .eyebrow{display:block;color:#c4b7fc;font-size:9px;margin:0 0 11px}.toolkit-portal h2{font-size:21px;letter-spacing:-.03em;margin:0 0 7px}.toolkit-portal p{font-size:12px;color:#aeb7ca;margin:0;line-height:1.6}.portal-arrow{display:grid;place-items:center;flex:0 0 47px;height:47px;background:#c4b7fc;color:#29213e;border-radius:15px;font-size:28px}
.login-page{display:grid;place-items:center;min-height:100svh;background:radial-gradient(ellipse at 18% 26%,#23413666,transparent 45%),radial-gradient(ellipse at 90% 80%,#33264c77,transparent 48%),#0e1119}.login-shell{width:min(100%,490px);padding:36px 22px}.login-brand{display:flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:650;margin-bottom:28px}.login-card{position:relative;border:1px solid #354337;border-radius:27px;padding:39px 35px 25px;background:linear-gradient(145deg,#1a2423e8,#171c2bf5);box-shadow:0 30px 90px #0003;overflow:hidden}.login-orbit{position:absolute;right:25px;top:28px;font-size:33px;color:#f2afd1}.login-card .eyebrow{font-size:9px;margin:4px 0 14px}.login-card h1{font-size:35px;line-height:1.17;letter-spacing:-.045em;max-width:260px}.login-lead{color:#9faebc;font-size:13px;line-height:1.65;margin:15px 0 29px;max-width:300px}.login-card form{display:grid;gap:10px}.login-card label{font-size:11px;font-weight:650;color:#c4cfdb}.login-card input:not([type=hidden]){width:100%;min-width:0;border:1px solid #3d4954;border-radius:12px;background:#0d151be6;color:#f2f2f6;padding:13px 14px;font:inherit;font-size:14px;margin:0 0 11px;transition:border-color .2s}.login-card input:not([type=hidden]):focus{border-color:#b0efd8}.login-submit{display:flex;align-items:center;justify-content:space-between;background:#b0efd8;border:1px solid #b0efd8;border-radius:13px;color:#142820;min-height:49px;padding:13px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.login-submit:hover{background:#ccfae8;transform:translateY(-2px)}.login-submit span{font-size:20px}.login-footnote{text-align:center;color:#859b9a;font-size:9px;letter-spacing:.055em;margin:24px 0 0}.login-caption{text-align:center;font-size:10px;color:#748494;line-height:1.6;margin:20px 0 0}.login-notice{border:1px solid #a45f7d77;background:#512d4044;color:#f5bad3;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6;margin:0 0 22px}
@media(max-width:740px){.header-inner{flex-wrap:wrap;gap:10px;padding-top:17px;padding-bottom:12px}.forge-nav{order:3;width:100%;margin:0;justify-content:center}.logout-form{margin-left:auto}.forge-nav a{flex:1;text-align:center}.toolkit-portal{padding:24px 22px}.brand{font-size:12px}.intro h1{font-size:clamp(36px,7vw,58px)}}
@media(max-width:390px){.login-card{padding:31px 24px 24px}.login-card h1{font-size:31px}.login-orbit{right:19px;top:20px;font-size:26px}.login-brand{font-size:12px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.toolkit-portal:hover,.login-submit:hover{transform:none}}

/* Let content reflow instead of spilling beyond a card at narrow widths or larger text sizes. */
.primary-card>:not(.sr-only),.toolkit-portal>span:first-child{min-width:0}
.primary-card h3,.primary-card p,.card-action,.tool-copy,.toolkit-portal h2,.forge-nav a{overflow-wrap:anywhere}
.card-action>span{flex-shrink:0}