/* shengjinapi: white surfaces, graphite text and restrained ruby accents. */
:root{--sj-ink:#172331;--sj-muted:#74808e;--sj-line:#dce2ea;--sj-ruby:#b72a42}
html:not(.dark) body{background:#f9fafc;color:var(--sj-ink)}
html:not(.dark) .sj-home,html:not(.dark) .sj-auth{background:#f9fafc!important}
.sj-home .blur-3xl,.sj-auth .blur-3xl{opacity:.5}
.sj-home [class*="bg-[linear-gradient"],.sj-auth [class*="bg-[linear-gradient"]{background-image:linear-gradient(rgba(41,63,96,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(41,63,96,.04) 1px,transparent 1px)!important;background-size:64px 64px}
.sj-home header{padding-top:22px;padding-bottom:22px}
.sj-home header nav{max-width:1080px}
.sj-home header img,.sj-auth img[alt="Logo"]{background:#fff}
.sj-home main{padding-top:44px;padding-bottom:44px}
.sj-home main>div{max-width:1000px}
.sj-home .sj-hero{flex-direction:column!important;gap:32px!important;margin-bottom:32px!important;align-items:center}
.sj-home .sj-hero-copy{text-align:center!important;width:100%;max-width:850px}
.sj-home .sj-hero-copy h1{font-size:clamp(42px,5.6vw,68px)!important;line-height:1.08;letter-spacing:-2.6px;margin-top:24px;margin-bottom:17px;font-weight:750}
.sj-home .sj-hero-copy h1+p{font-size:17px!important;line-height:1.65;color:var(--sj-muted);margin-bottom:26px}
.sj-home .sj-hero-copy .btn-primary{padding:15px 26px;font-size:14px;border-radius:12px;box-shadow:0 7px 22px #b72a4218}
.sj-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;color:#74808e;border:1px solid #dce2ea;border-radius:30px;padding:9px 15px;background:#fff}
.sj-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:#b72a42;box-shadow:0 0 10px #b72a423d}
.sj-home .sj-term-wrap{width:100%;justify-content:center!important;flex:none}
.sj-home .terminal-container{width:min(100%,555px)!important;max-width:555px!important}
.sj-home .terminal-window{border-radius:17px!important;border:1px solid #2e3d53;box-shadow:0 24px 55px #28364a1a!important}
.sj-home .terminal-header{background:#1c293c!important;border-bottom:1px solid #ffffff0a}
.sj-home .terminal-body{background:#142033!important;font-size:12px!important;line-height:2.1;padding:25px 28px!important}
.sj-home .code-url{color:#f3a8b4!important}
.sj-home .sj-feature-grid{gap:17px!important}
html:not(.dark) .sj-home .sj-feature-grid>.group{background:#fff!important;border:1px solid var(--sj-line);border-radius:15px;padding:23px 24px;box-shadow:none}
.sj-home .sj-feature-grid>.group>div:first-child{background:#b72a4210!important;background-image:none!important;color:#b72a42!important;width:35px;height:35px;border-radius:10px;box-shadow:none!important;margin-bottom:16px}
.sj-home .sj-feature-grid>.group>div:first-child svg{color:#b72a42;width:20px;height:20px}
.sj-home .sj-feature-grid h3{font-size:16px!important;letter-spacing:-.5px}
.sj-home .sj-feature-grid p{font-size:12px!important;line-height:1.8}
.sj-auth .max-w-md{max-width:425px}
.sj-auth h1{font-size:31px!important;letter-spacing:-1.2px;color:#172331!important;background:none!important;-webkit-text-fill-color:currentColor;line-height:1.2}
.sj-auth h1+p{font-size:12px;color:#74808e}
.sj-auth .card-glass{border:1px solid #dce2ea;border-radius:21px;padding:31px 33px;box-shadow:0 22px 52px #283e5510}
html:not(.dark) .sj-auth .card-glass{background:#fff!important}
.sj-auth .card-glass h2{font-size:23px;letter-spacing:-1px}
.sj-auth .card-glass input:not([type=checkbox]){font-size:13px;border-radius:10px}
.sj-auth .card-glass .btn-primary{border-radius:10px;box-shadow:0 7px 22px #b72a4218}
.dark .sj-home .sj-eyebrow{background:#182231;border-color:#344256;color:#a6b2c1}
.dark .sj-auth h1{color:#eef1f7!important}
.dark .sj-auth .card-glass{border-color:#344256}
@media(min-width:1024px){.sj-home .sj-hero-copy{text-align:center!important}.sj-home .sj-term-wrap{justify-content:center!important}}
@media(max-width:640px){.sj-home header{padding:16px 22px}.sj-home main{padding:32px 22px}.sj-home .sj-hero-copy h1{font-size:42px!important;letter-spacing:-2px}.sj-home .sj-hero-copy h1+p{font-size:13px!important}.sj-eyebrow{font-size:8px;letter-spacing:1.4px}.sj-home .terminal-body{font-size:10px!important;padding:20px 19px!important}.sj-home .sj-feature-grid>.group{padding:18px!important}.sj-auth h1{font-size:27px!important}.sj-auth .card-glass{padding:27px 25px}.sj-auth .max-w-md{max-width:425px}}
