/* Visual effects across homepage, auth, console, tutorial and public status. */
.kd-boot-screen{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#143535 0,#101b24 35%,#060b13 72%);color:#b5f36b;opacity:1;transition:opacity .2s,visibility .2s;pointer-events:none;isolation:isolate}
.kd-boot-screen.kd-boot-out{opacity:0;pointer-events:none}.kd-boot-grid{position:absolute;inset:-50%;background-image:linear-gradient(#66dedb14 1px,transparent 1px),linear-gradient(90deg,#b5f36b13 1px,transparent 1px);background-size:65px 65px;transform:perspective(550px) rotateX(50deg);mask-image:radial-gradient(ellipse,black,transparent 63%);animation:kd-boot-grid 1.8s linear infinite}.kd-boot-beam{position:absolute;left:-10%;right:-10%;height:2px;top:10%;background:linear-gradient(90deg,transparent,#66dedb99,#b5f36b,transparent);box-shadow:0 0 26px #66dedb77;animation:kd-boot-scan 1.1s ease-in-out both;opacity:.4}
.kd-boot-content{position:relative;z-index:1;text-align:center;animation:kd-boot-in .45s ease-out both}.kd-boot-orbits{position:relative;width:240px;height:190px;margin:0 auto 20px;display:grid;place-items:center}.kd-boot-orbits>i{position:absolute;width:235px;height:95px;top:50px;border:1px solid #66dedb70;border-radius:50%;transform:rotate(-30deg);animation:kd-boot-orbit 4s linear infinite;box-shadow:0 0 15px #66dedb09}.kd-boot-orbits>i:nth-child(2){width:205px;height:130px;top:33px;border-color:#b5f36b66;transform:rotate(35deg);animation-direction:reverse}.kd-boot-orbits>i:nth-child(3){width:170px;height:170px;top:10px;border:1px dashed #b5f36b35;transform:rotate(0);animation-duration:8s}.kd-boot-logo{width:79px;height:86px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#d5ff9c,#73c896);box-shadow:0 0 60px #b5f36b45,0 0 130px #66dedb1a;transform:rotate(-8deg);color:#152719}.kd-boot-logo svg{width:47px;height:47px}.kd-boot-word{font:800 27px/1.3 ui-sans-serif,system-ui;letter-spacing:5px;color:#e4eeeb;text-shadow:0 0 22px #66dedb25}.kd-boot-word span{font-size:13px;color:#b5f36b;letter-spacing:2px;margin-left:7px}.kd-boot-content p{font:12px/1.8 ui-sans-serif,system-ui;letter-spacing:4px;color:#9bb8b3;margin:13px 0 22px}.kd-boot-track{width:225px;height:2px;background:#436c643b;margin:0 auto 17px;overflow:hidden}.kd-boot-track i{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#b5f36b,#66dedb);box-shadow:0 0 13px #b5f36b;animation:kd-boot-track 1s ease-in-out infinite}.kd-boot-caption{font:8px ui-monospace,monospace;letter-spacing:2.8px;color:#688b88}.kd-boot-skip{position:absolute;bottom:7%;font:10px ui-sans-serif,system-ui;letter-spacing:2px;color:#617c83}.kd-boot-route{background:radial-gradient(ellipse at center,#122b2deb,#090f17f5 70%);backdrop-filter:blur(5px)}.kd-boot-route .kd-boot-content{scale:.72}.kd-boot-route .kd-boot-skip{display:none}
html[data-kd-motion=cyber] :is(button,a,input,select,textarea){transition-property:background-color,border-color,box-shadow,color,transform,opacity;transition-duration:.18s;transition-timing-function:ease}
html[data-kd-motion=cyber] :is(.hero-cta,.kd-action-primary,.home-public-monitor,.btn-primary):not(:disabled):hover{filter:brightness(1.08);translate:0 -1px}html[data-kd-motion=cyber] :is(.hero-cta,.kd-action-primary,.home-public-monitor,.btn-primary):not(:disabled):active{translate:0 0;scale:.985}
html[data-kd-motion=cyber] :is(input,select,textarea):focus-visible{outline:2px solid #66dedb77;outline-offset:3px;box-shadow:0 0 20px #66dedb0e}
html[data-kd-motion=cyber].dark main :is(.card,.stat-card){transition:transform .22s,border-color .22s,box-shadow .22s;position:relative}
html[data-kd-motion=cyber].dark main :is(.card,.stat-card):hover{border-color:#729966!important;box-shadow:0 0 28px #b5f36b0b,0 14px 30px #0003;transform:translateY(-2px)}
html[data-kd-motion=cyber] table tbody tr{transition:background .15s,box-shadow .15s}html[data-kd-motion=cyber].dark table tbody tr:hover{background:#66dedb09!important;box-shadow:inset 3px 0 #66dedb70}
html[data-kd-motion=cyber] .sidebar-link:hover{box-shadow:inset 3px 0 #b5f36b88,0 0 18px #b5f36b07}.kd-console .card:focus-within{border-color:#6c9a8d!important}
html[data-kd-motion=cyber] :is([role=dialog],dialog){animation:kd-dialog-in .25s cubic-bezier(.2,.8,.2,1)}
html[data-kd-motion=cyber] .public-page .feature-card:hover{transform:translateY(-7px)}
html[data-kd-motion=cyber].dark body:has(form) .auth-card,html[data-kd-motion=cyber].dark body:has(form) .login-card{box-shadow:0 0 50px #66dedb0f,0 18px 65px #0004}
@keyframes kd-boot-grid{to{background-position:0 65px,65px 0}}@keyframes kd-boot-scan{from{top:5%;opacity:0}30%{opacity:.5}to{top:95%;opacity:0}}@keyframes kd-boot-orbit{to{rotate:360deg}}@keyframes kd-boot-in{from{opacity:0;filter:blur(5px);transform:scale(.94)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes kd-boot-track{from{translate:-120% 0}to{translate:350% 0}}@keyframes kd-dialog-in{from{opacity:.2;translate:0 9px}to{opacity:1;translate:0 0}}
.kd-boot-initial{pointer-events:auto;cursor:pointer}.kd-boot-initial.kd-boot-out{pointer-events:none}.kd-boot-route{background:none;backdrop-filter:none;box-shadow:inset 0 0 65px #66dedb18}.kd-boot-route .kd-boot-content{display:none}.kd-boot-route .kd-boot-grid{opacity:.18}.kd-boot-route .kd-boot-beam{animation-duration:.42s}
.kd-click-ring{position:fixed;width:14px;height:14px;margin:-7px;z-index:2147482999;border:1px solid #b5f36b;border-radius:50%;pointer-events:none;box-shadow:0 0 12px #66dedb80;animation:kd-click-bloom .6s ease-out both}
.kd-data-stream{position:relative;inset:0;height:205px;display:grid;align-items:center;isolation:isolate}.kd-stream-grid{position:absolute;inset:15px 0;background-image:linear-gradient(#66dedb15 1px,transparent 1px),linear-gradient(90deg,#66dedb15 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.kd-stream-rings{position:absolute;width:145px;height:145px;left:90px;border:1px dashed #b5f36b55;border-radius:50%;box-shadow:0 0 0 13px #66dedb05,0 0 0 30px #b5f36b04;animation:kd-stream-rotate 24s linear infinite}.kd-data-stream svg{width:100%;height:130px;position:relative;overflow:visible}.kd-data-stream path{fill:none;stroke-linejoin:round;stroke-linecap:round}.kd-stream-base{stroke:#66dedb38;stroke-width:1.5}.kd-stream-flow{stroke:#b5f36b;stroke-width:2;stroke-dasharray:70 520;animation:kd-stream-flow 4.6s linear infinite;filter:drop-shadow(0 0 5px #66dedb)}.kd-data-stream>span{position:absolute;bottom:7px;width:100%;text-align:center;font:7px ui-monospace,monospace;letter-spacing:1.5px;color:#8db4a4}
html[data-kd-motion=cyber] .kd-console .card{animation:kd-panel-in .5s cubic-bezier(.2,.8,.2,1) both}
html[data-kd-motion=cyber] .kd-console table tbody tr{animation:kd-row-in .45s ease-out both}
html[data-kd-motion=cyber] .kd-console table tbody tr:nth-child(2n){animation-delay:.04s}html[data-kd-motion=cyber] .kd-console table tbody tr:nth-child(3n){animation-delay:.08s}
html[data-kd-motion=cyber].dark[data-kd-page*='usage'] .kd-console .card{border-top-color:#66dedb60;box-shadow:inset 0 1px #66dedb18,0 0 35px #66dedb07}
html[data-kd-motion=cyber].dark[data-kd-page*='usage'] .kd-console table thead{background:linear-gradient(90deg,#10242a,#17212c,#1c1b31)}
html[data-kd-motion=cyber].dark[data-kd-page*='usage'] .kd-console table tbody tr>td:first-child{border-left:2px solid #66dedb20;transition:border-color .2s,box-shadow .2s}
html[data-kd-motion=cyber].dark[data-kd-page*='usage'] .kd-console table tbody tr:nth-child(3n)>td:first-child{border-left-color:#b7a2ef30}
html[data-kd-motion=cyber].dark[data-kd-page*='usage'] .kd-console table tbody tr:hover>td{background-image:linear-gradient(110deg,#66dedb08,#b5f36b05);text-shadow:0 0 18px #66dedb12}
html[data-kd-motion=cyber].dark[data-kd-page*='usage'] .kd-console table tbody tr:hover>td:first-child{border-left-color:#b5f36b}
html[data-kd-motion=cyber].dark .kd-console :is(input,select,textarea):hover{border-color:#66dedb66}
html[data-kd-motion=cyber].dark .kd-console :is(button[role=tab][aria-selected=true],button[aria-pressed=true]){box-shadow:0 0 18px #66dedb22,inset 0 -2px #b5f36b}
@keyframes kd-click-bloom{from{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(6)}}@keyframes kd-stream-flow{to{stroke-dashoffset:-590}}@keyframes kd-stream-rotate{to{rotate:360deg}}@keyframes kd-panel-in{from{opacity:.6;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes kd-row-in{from{opacity:.3}to{opacity:1}}
@media(max-width:600px){.kd-boot-content{scale:.87}.kd-boot-word{font-size:25px}.kd-boot-content p{font-size:11px}.kd-boot-route .kd-boot-content{scale:.7}.kd-stream-rings{animation:none}.kd-click-ring{display:none}}
html[data-kd-motion=cyber].dark .kd-usage-value:not(.sticky-col){position:relative}
html[data-kd-motion=cyber].dark .kd-usage-value{--kd-flow-color:#66dedb;background-image:linear-gradient(110deg,#66dedb08,transparent 80%);font-variant-numeric:tabular-nums}
html[data-kd-motion=cyber].dark .kd-usage-cost{--kd-flow-color:#b5f36b;background-image:linear-gradient(110deg,#b5f36b0a,transparent 80%)}
html[data-kd-motion=cyber].dark .kd-usage-value::after{content:'';position:absolute;pointer-events:none;left:7px;right:7px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,var(--kd-flow-color) 25%,#b7a2ef 40%,transparent 60%);background-size:250% 100%;box-shadow:0 0 7px color-mix(in srgb,var(--kd-flow-color) 40%,transparent);animation:kd-value-stream 5.8s ease-in-out infinite;opacity:.7}
html[data-kd-motion=cyber].dark .kd-usage-row:nth-child(3n) .kd-usage-value::after{animation-delay:-1.9s}html[data-kd-motion=cyber].dark .kd-usage-row:nth-child(3n+2) .kd-usage-value::after{animation-delay:-3.8s}
html[data-kd-motion=cyber].dark .kd-usage-row>td:first-child{animation:kd-record-breathe 6s ease-in-out infinite}
html[data-kd-motion=cyber].dark .kd-usage-row:not(.kd-row-visible) td,html[data-kd-motion=cyber].dark .kd-usage-row:not(.kd-row-visible) td::after{animation-play-state:paused!important}
html[data-kd-motion-paused] *,html[data-kd-motion-paused] *::before,html[data-kd-motion-paused] *::after{animation-play-state:paused!important}
@keyframes kd-value-stream{0%{background-position:100% 0;opacity:.4}50%{opacity:.9}100%{background-position:-100% 0;opacity:.4}}@keyframes kd-record-breathe{0%,100%{border-left-color:#66dedb35}50%{border-left-color:#b5f36ba0}}
@media(prefers-reduced-motion:reduce){.kd-boot-screen{display:none!important}html[data-kd-motion=cyber] *,html[data-kd-motion=cyber] *::before,html[data-kd-motion=cyber] *::after{animation:none!important;transition:none!important}html[data-kd-motion=cyber] :is(.hero-cta,.kd-action-primary,.home-public-monitor,.btn-primary):hover,html[data-kd-motion=cyber] :is(.hero-cta,.kd-action-primary,.home-public-monitor,.btn-primary):active{translate:none!important;scale:none!important}html[data-kd-motion=cyber] main .card:hover{transform:none!important}}