/* Generated by scripts/site/build_assets.js from assets/src/css/care.css. Do not edit; edit the source. */
/* Website Care page ("Already online?") */
.adm-root .mon { border-radius: 26px; border: 1px solid var(--line2); background: var(--bg2); box-shadow: var(--shadow); padding: 22px; position: relative; z-index: 2; }
html[data-adm-theme="light"] .adm-root .mon { background: #fff; }
.adm-root .mtop { display: flex; align-items: center; gap: 10px; } .adm-root .mtop b { font: 700 16px Sora; } .adm-root .mtop em { margin-left: auto; font-style: normal; font-size: 12px; font-weight: 700; color: #22C55E; background: rgba(34,197,94,.14); padding: 5px 10px; border-radius: 999px; }
.adm-root .mtop .dot { width: 10px; height: 10px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 0 rgba(34,197,94,.6); animation: adm-pulse2 1.8s infinite; }
@keyframes adm-pulse2 { 70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
.adm-root .ekg { width: 100%; height: 110px; margin: 14px 0; } .adm-root .ekg path { fill: none; stroke-width: 3; stroke-linejoin: round; } .adm-root .ekg .base { stroke: var(--line2); }
.adm-root .ekg .beat { stroke: url(#bl); stroke-width: 3.5; stroke-dasharray: 140 760; animation: adm-beat 2.6s linear infinite; } @keyframes adm-beat { from { stroke-dashoffset: 900; } to { stroke-dashoffset: 0; } }
@keyframes adm-ekg { to { stroke-dashoffset: 0; } }
.adm-root .mstats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .adm-root .mstats div { padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); } .adm-root .mstats small { color: var(--mut); font-size: 12px; display: block; } .adm-root .mstats b { font: 700 17px Sora; letter-spacing: -.02em; }
.adm-root .mfoot { display: flex; gap: 8px; align-items: center; margin-top: 14px; font-size: 12.5px; color: var(--mut); } .adm-root .mfoot svg { width: 16px; height: 16px; color: #22C55E; }
.adm-root .plats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.adm-root .plats div { padding: 20px; border-radius: 18px; border: 1px solid var(--line); background: var(--card); text-align: center; transition: transform .3s var(--ease), border-color .3s; }
.adm-root .plats div:hover { transform: translateY(-4px); border-color: var(--hl); }
.adm-root .plats b { display: block; font: 700 18px Sora; letter-spacing: -.02em; } .adm-root .plats small { color: var(--mut); font-size: 12.5px; }
.adm-root .cgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .adm-root .cgrid.rev > :first-child { order: 2; }
.adm-root .cgrid h2 { font-size: 44px; line-height: 1.06; font-weight: 800; margin: 14px 0; } .adm-root .cgrid h2 .hl { color: var(--gold); } html[data-adm-theme="light"] .adm-root .cgrid h2 .hl { color: var(--blue1); }
.adm-root .cgrid p.d { color: var(--mut); font-size: 17px; line-height: 1.65; }
.adm-root .watch { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.adm-root .watch span { padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); font-size: 13px; color: var(--mut); } .adm-root .watch b { display: block; color: var(--ink); font-size: 14.5px; }
.adm-root .log { padding: 22px; } .adm-root .lh { display: flex; justify-content: space-between; margin-bottom: 10px; } .adm-root .lh b { font: 700 18px Sora; } .adm-root .lh span { color: var(--mut); font-size: 12.5px; }
.adm-root .lr { display: grid; grid-template-columns: 52px 14px 1fr; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px dashed var(--line2); font-size: 14px; opacity: 0; animation: adm-rise .5s both; }
.adm-root .in .lr { opacity: 1; } .adm-root .lr:nth-child(2) { animation-delay: .1s; } .adm-root .lr:nth-child(3) { animation-delay: .2s; } .adm-root .lr:nth-child(4) { animation-delay: .3s; } .adm-root .lr:nth-child(5) { animation-delay: .4s; } .adm-root .lr:nth-child(6) { animation-delay: .5s; }
.adm-root .lr em { font-style: normal; font: 700 13px Sora; color: var(--mut); } .adm-root .lr i { width: 10px; height: 10px; border-radius: 50%; background: #22C55E; } .adm-root .lr i.w { background: var(--gold); }
.adm-root .ba { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.adm-root .ba > div { border-radius: 24px; border: 1px solid var(--line); background: var(--bg); padding: 22px; }
.adm-root .bah b { font: 700 19px Sora; letter-spacing: -.02em; }
.adm-root .bb2 { margin-top: 12px; padding: 14px; border-radius: 14px; } .adm-root .bb2 small { font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .adm-root .bb2 p { font-size: 14px; margin-top: 4px; line-height: 1.5; }
.adm-root .bb2.bad { background: rgba(229,72,77,.1); } .adm-root .bb2.bad small { color: #E5484D; } .adm-root .bb2.good { background: rgba(34,197,94,.1); } .adm-root .bb2.good small { color: #22C55E; }
.adm-root .kb { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.adm-root .kc { border-radius: 18px; background: var(--bg2); border: 1px solid var(--line); padding: 12px; min-height: 260px; }
html[data-adm-theme="light"] .adm-root .kc { background: #F5F7FB; }
.adm-root .kc > b { display: flex; justify-content: space-between; font: 700 14px Sora; margin: 4px 4px 10px; } .adm-root .kc > b span { font: 700 12px 'Inter Tight'; color: var(--mut); }
.adm-root .kcard { padding: 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--line2); margin-bottom: 8px; } html[data-adm-theme="light"] .adm-root .kcard { background: #fff; }
.adm-root .kcard p { font-size: 13.5px; line-height: 1.4; } .adm-root .kcard small { display: inline-block; margin-top: 8px; font-size: 11px; font-weight: 700; color: var(--hl); }
.adm-root .aiapp { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; padding: 50px; border-radius: 34px; border: 1px solid var(--line2); background: linear-gradient(140deg, color-mix(in srgb, var(--blue1) 14%, var(--bg2)), var(--bg2)); }
.adm-root .aiapp h2 { font-size: 40px; line-height: 1.08; font-weight: 800; margin: 14px 0; } .adm-root .aiapp h2 .hl { color: var(--gold); } html[data-adm-theme="light"] .adm-root .aiapp h2 .hl { color: var(--blue1); }
.adm-root .aiapp p { color: var(--mut); font-size: 16.5px; line-height: 1.65; } .adm-root .soon2 { display: inline-block; margin-top: 18px; font-size: 12.5px; font-weight: 700; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line2); }
.adm-root .code { border-radius: 18px; background: #0B0D12; color: #D7DDE8; overflow: hidden; box-shadow: var(--shadow); }
.adm-root .code .ch { display: flex; gap: 6px; align-items: center; padding: 12px 14px; background: #151922; } .adm-root .code .ch i { width: 10px; height: 10px; border-radius: 50%; background: #39404D; } .adm-root .code .ch span { margin-left: 8px; font-size: 12px; color: #7D8797; }
.adm-root .code pre { margin: 0; padding: 18px; font: 13.5px/2 ui-monospace, Menlo, Consolas, monospace; white-space: pre; overflow-x: auto; }
.adm-root .code pre .ok { color: #22C55E; } .adm-root .code pre .fix { color: var(--gold); } .adm-root .code pre em { font-style: normal; color: #7D8797; }
.adm-root .cfix { margin: 0 18px 18px; padding: 10px 12px; border-radius: 10px; background: rgba(254,193,55,.12); color: var(--gold); font-size: 13px; font-weight: 600; }
.adm-root .people2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.adm-root .people2 > div { border-radius: 24px; border: 1px solid var(--line); background: var(--card); padding: 24px; }
.adm-root .pp { display: flex; margin-bottom: 14px; height: 44px; } .adm-root .pp span { width: 44px; height: 44px; margin-left: calc(var(--i) * -10px); border-radius: 50%; border: 3px solid var(--bg); } .adm-root .pp svg { width: 100%; height: 100%; }
.adm-root .people2 b { font: 700 19px Sora; letter-spacing: -.02em; display: block; } .adm-root .people2 p { color: var(--mut); font-size: 14.5px; line-height: 1.55; margin-top: 6px; }
.adm-root .scan { border-radius: 30px; padding: 46px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; background: var(--black); color: #F6F4EF; position: relative; overflow: hidden; }
.adm-root .scan::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgba(4,140,243,.07) 0 2px, transparent 2px 8px); animation: adm-scanl 6s linear infinite; }
@keyframes adm-scanl { to { background-position: 0 160px; } }
.adm-root .scan > * { position: relative; } .adm-root .scan h2 { font-size: 38px; line-height: 1.08; font-weight: 800; } .adm-root .scan h2 .hl { color: var(--gold); } .adm-root .scan p { color: #B9B6AF; font-size: 16px; line-height: 1.6; margin-top: 12px; }
.adm-root .scanf { display: grid; gap: 10px; } .adm-root .scanf input { height: 56px; border-radius: 14px; border: 1.5px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: #fff; padding: 0 18px; font: 500 16px 'Inter Tight'; } .adm-root .scanf small { color: #8E8B85; font-size: 12.5px; }
.adm-root .cta.cta-pulse::before, .adm-root .cta.cta-pulse::after { display: none; } .adm-root .cta.cta-pulse { background: linear-gradient(180deg, #0B0F1E, #0B0C0F); }
html[data-adm-theme="light"] .adm-root .cta.cta-pulse { background: linear-gradient(180deg, #0630F0, #048CF3); }
.adm-root .cta .pl { position: absolute; left: 0; right: 0; bottom: 14px; width: 100%; height: 70px; opacity: .3; }
.adm-root .cta .pl path { fill: none; stroke: var(--gold); stroke-width: 2.5; stroke-dasharray: 1400; stroke-dashoffset: 1400; animation: adm-ekg 4s linear infinite; }
.adm-root .cta.cta-pulse > *:not(.pl) { position: relative; z-index: 1; }
@media (max-width: 1100px) { .adm-root .plats { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1000px) { .adm-root .cgrid, .adm-root .aiapp, .adm-root .scan { grid-template-columns: 1fr; } .adm-root .cgrid.rev > :first-child { order: 0; } .adm-root .cgrid h2, .adm-root .aiapp h2 { font-size: 32px; } .adm-root .aiapp, .adm-root .scan { padding: 28px; } .adm-root .ba, .adm-root .people2 { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .adm-root .plats { grid-template-columns: 1fr 1fr; } .adm-root .kb { grid-template-columns: 1fr; } .adm-root .kc { min-height: 0; } .adm-root .watch { grid-template-columns: 1fr; } }