:root{color-scheme:dark;--cyan:#68d9ff;--violet:#8f66ff;--cut:22px;--text:#edf7ff;--muted:#9eb0c3;--bad:#ff7898;--warn:#edc66a;--good:#62dda0}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow:hidden;background:#01040a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body{min-height:100vh}
#direktoro-sky{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;display:block!important;filter:brightness(.78) saturate(.62) contrast(1.28)!important;opacity:1!important;background:#01040a}
.dk-scene{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:transparent}
.dk-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,3,.07),rgba(0,0,5,.018) 60%,transparent 100%);z-index:1}
.dk-earth{position:absolute;z-index:2;left:-62vw;top:47.4vh;width:162vw;max-width:none;height:auto;transform-origin:50% 50%;transform:translateZ(0) rotate(43deg) scale(1.06);filter:drop-shadow(0 -5px 18px rgba(76,184,255,.10)) drop-shadow(0 0 34px rgba(29,102,255,.045));image-rendering:auto}
.dk-moon{position:absolute;z-index:2;right:.6vw;top:1.8vh;width:min(13vw,255px);max-width:none;height:auto;filter:saturate(.46) brightness(.94) contrast(1.04) drop-shadow(0 0 15px rgba(205,225,255,.10)) drop-shadow(0 0 30px rgba(78,103,175,.03));image-rendering:auto}
.dk-vignette{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 46%,transparent 0 45%,rgba(0,0,0,.045) 69%,rgba(0,0,0,.18) 100%)}
.dk-shell{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:20px;overflow:auto}
.dk-card{position:relative;width:min(650px,calc(100vw - 32px));padding:25px 66px 31px;text-align:center;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));background:linear-gradient(145deg,rgba(8,20,38,.095),rgba(3,10,23,.06) 46%,rgba(7,8,24,.045));backdrop-filter:blur(6px) saturate(120%) contrast(1.02);-webkit-backdrop-filter:blur(6px) saturate(120%) contrast(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(89,125,255,.032);filter:drop-shadow(0 25px 42px rgba(0,0,0,.34)) drop-shadow(0 0 5px rgba(76,214,255,.34)) drop-shadow(0 0 15px rgba(91,102,255,.17));overflow:hidden}
.dk-card:before{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;padding:1.35px;background:linear-gradient(108deg,rgba(107,238,255,.98) 0%,rgba(26,181,255,.94) 18%,rgba(95,97,255,.9) 53%,rgba(143,76,255,.98) 83%,rgba(107,238,255,.86) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inherit}
.dk-card:after{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;clip-path:inherit;background:linear-gradient(122deg,rgba(255,255,255,.035),transparent 25%,transparent 76%,rgba(123,96,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.085),inset 0 -1px 0 rgba(89,125,255,.045)}
.dk-content{position:relative;z-index:3}
.dk-logo{display:block;width:168px;max-width:35vw;height:auto;margin:-6px auto -3px;filter:drop-shadow(0 0 13px rgba(68,205,255,.32)) drop-shadow(0 0 23px rgba(100,77,255,.20))}
.dk-wordmark{margin:0;font-size:42px;line-height:1.05;font-weight:650;letter-spacing:.20em;margin-right:-.20em;color:#f0f8ff;text-shadow:0 0 6px rgba(215,244,255,.95),0 0 15px rgba(91,196,255,.72),0 0 26px rgba(82,93,255,.35)}
.dk-kicker{margin:13px 0 0;font-size:17px;line-height:1;font-weight:700;letter-spacing:.48em;margin-right:-.48em;color:#bea0ff;text-shadow:0 0 7px rgba(184,139,255,.78),0 0 18px rgba(114,69,255,.42)}
.dk-rule{height:1px;width:86%;margin:22px auto 24px;background:linear-gradient(90deg,transparent,rgba(82,215,255,.72),rgba(151,101,255,.68),transparent);box-shadow:0 0 9px rgba(85,187,255,.35)}
.dk-subtitle{font-size:20px;letter-spacing:.025em;color:#d9e8f4;margin:0 0 18px}
.dk-status{margin:14px auto 0;min-height:22px;font-size:13px;line-height:1.45;color:var(--muted)}
.dk-status.bad{color:#ff9aae}.dk-status.good{color:#8ff1bd}.dk-status.warn{color:#f0d78e}
.dk-google-wrap{width:min(430px,100%);margin:0 auto;border-radius:999px;padding:4px;background:rgba(183,224,255,.9);box-shadow:0 0 8px rgba(105,213,255,.75),0 0 22px rgba(75,128,255,.32);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.dk-google-wrap:hover{transform:translateY(-1px) scale(1.006);box-shadow:0 0 11px rgba(128,226,255,.95),0 0 30px rgba(82,108,255,.48);filter:brightness(1.04)}
#googleBtn{min-height:44px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:999px}
.dk-form{display:none;width:min(430px,100%);margin:0 auto}.dk-form.visible{display:block}
.dk-form input{width:100%;height:48px;border-radius:8px;border:1px solid rgba(91,208,255,.5);outline:none;background:rgba(4,14,29,.68);color:#eef8ff;padding:0 15px;font-size:16px;box-shadow:inset 0 0 18px rgba(18,61,100,.18)}
.dk-form input:focus{border-color:#8be5ff;box-shadow:0 0 0 2px rgba(92,199,255,.14),0 0 18px rgba(73,145,255,.24)}
.dk-actions{display:flex;gap:12px;justify-content:center;margin-top:13px}.dk-btn{min-width:160px;height:46px;border:1px solid rgba(80,203,255,.42);background:linear-gradient(180deg,rgba(22,54,79,.82),rgba(8,25,43,.82));color:#edf7ff;border-radius:999px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:0 0 14px rgba(41,147,233,.18)}.dk-btn:hover{border-color:#8edfff;box-shadow:0 0 20px rgba(77,184,255,.32);transform:translateY(-1px)}
.dk-badge{display:inline-flex;align-items:center;gap:9px;margin:4px 0 16px;padding:7px 14px;border:1px solid rgba(255,112,145,.48);border-radius:999px;background:rgba(72,18,40,.22);color:#ff91ae;font-size:12px;font-weight:800;letter-spacing:.18em}.dk-badge:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.dk-badge.warn{color:#e9c778;border-color:rgba(233,199,120,.42);background:rgba(84,65,12,.18)}.dk-badge.good{color:#6fe3aa;border-color:rgba(111,227,170,.4);background:rgba(19,75,52,.18)}
.dk-state-title{margin:0;font-size:42px;line-height:1.18;letter-spacing:.10em;font-weight:500;text-transform:uppercase;text-shadow:0 0 14px rgba(185,230,255,.26)}
.dk-state-copy{max-width:520px;margin:24px auto 0;color:#afc1d2;font-size:17px;line-height:1.6}
.dk-small{font-size:12px;color:#71879a;margin-top:12px}
@media(max-width:900px){.dk-earth{left:-76vw;top:48.1vh;width:186vw}.dk-moon{right:-1.8vw;top:1.7vh;width:min(19vw,216px)}.dk-card{padding:22px 30px 28px;width:min(620px,calc(100vw - 22px))}}
@media(max-width:600px){.dk-earth{left:-103vw;top:49.2vh;width:235vw}.dk-moon{right:-6vw;top:1.2vh;width:29vw}.dk-card{padding:20px 20px 25px}.dk-logo{width:150px}.dk-wordmark{font-size:31px;letter-spacing:.14em;margin-right:-.14em}.dk-kicker{font-size:15px}.dk-state-title{font-size:29px}.dk-subtitle{font-size:17px}.dk-actions{flex-direction:column}.dk-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
