/*! edge21 login page: Apache-2.0, see NOTICE. The landscape is drawn by the port. */
:root{--sky1:#1a5fb4;--sky2:#2f86d8;--sky3:#63b9ee;--sky4:#a6dcf7;--sun:rgba(255,244,242,1);--sun2:rgba(255,214,222,.75);--ring:rgba(255,255,255,.16);--far:#7fb2e0;--lit:rgba(205,232,252,.16);--mid:#4c86c2;--lit2:rgba(170,214,245,.22);--hz1:rgba(166,220,247,0);--hz2:rgba(166,220,247,.55);--near:#2f5f92;--trees:#23496f;--ground:#1a3552;--pine:#16304c;--pine2:#234a72;--lk1:#8fdcfa;--lk2:#3f9ddb;--glint:rgba(255,255,255,.45);--shade:rgba(14,33,55,.85);--card:rgba(255,255,255,.74);--card-edge:rgba(255,255,255,.55);--ink:#2b3350;--dim:#3f4a66;--ph:#535e7a;--rule:#7b879f;--icon:#5d6a86;--accent:#3667d6;--accent-hover:#2b57bd;--on-accent:#fff;--logo:#3d70e0;--foot:#f2f6fb;--stars:0}html[data-darkmode="true"]{--sky1:#050a18;--sky2:#0b1a36;--sky3:#183462;--sky4:#2a4b7c;--sun:rgba(236,242,255,1);--sun2:rgba(170,196,245,.4);--ring:rgba(190,210,255,.07);--far:#22406a;--lit:rgba(120,160,220,.12);--mid:#1a3357;--lit2:rgba(110,150,210,.1);--hz1:rgba(42,75,124,0);--hz2:rgba(42,75,124,.45);--near:#13284a;--trees:#0e2140;--ground:#0a1830;--pine:#060f20;--pine2:#0c1a33;--lk1:#34588e;--lk2:#132a4f;--glint:rgba(225,235,255,.45);--shade:rgba(3,8,20,.9);--card:rgba(20,27,42,.72);--card-edge:rgba(255,255,255,.12);--ink:#eef1f7;--dim:#c3cad8;--ph:#a7b0c2;--rule:#8892a8;--icon:#a7b0c2;--accent:#3b6dd8;--accent-hover:#4a7be4;--on-accent:#fff;--logo:#8fb0ff;--foot:#dfe5f0;--stars:1;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-darkmode]){--sky1:#050a18;--sky2:#0b1a36;--sky3:#183462;--sky4:#2a4b7c;--sun:rgba(236,242,255,1);--sun2:rgba(170,196,245,.4);--ring:rgba(190,210,255,.07);--far:#22406a;--lit:rgba(120,160,220,.12);--mid:#1a3357;--lit2:rgba(110,150,210,.1);--hz1:rgba(42,75,124,0);--hz2:rgba(42,75,124,.45);--near:#13284a;--trees:#0e2140;--ground:#0a1830;--pine:#060f20;--pine2:#0c1a33;--lk1:#34588e;--lk2:#132a4f;--glint:rgba(225,235,255,.45);--shade:rgba(3,8,20,.9);--card:rgba(20,27,42,.72);--card-edge:rgba(255,255,255,.12);--ink:#eef1f7;--dim:#c3cad8;--ph:#a7b0c2;--rule:#8892a8;--icon:#a7b0c2;--accent:#3b6dd8;--accent-hover:#4a7be4;--on-accent:#fff;--logo:#8fb0ff;--foot:#dfe5f0;--stars:1;color-scheme:dark}}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}.e21-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 30%,var(--sky3) 56%,var(--sky4) 70%)}.e21-stars{position:absolute;inset:0 0 35% 0;opacity:var(--stars);background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 27% 8%,#dfe8ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 38% 31%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 55% 12%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 67% 26%,#e8eeff 50%,transparent 51%),radial-gradient(1px 1px at 78% 6%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 21%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 94% 39%,#dfe8ff 50%,transparent 51%),radial-gradient(1px 1px at 6% 44%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 47% 47%,#dfe8ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 19% 58%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 73% 52%,#fff 50%,transparent 51%);background-size:460px 380px}.e21-sun{position:absolute;left:42%;top:27vh;width:0;height:0}.e21-sun::before,.e21-sun::after{content:"";position:absolute;border-radius:50%;transform:translate(-50%,-50%)}.e21-sun::before{width:560px;height:560px;background:radial-gradient(circle,var(--sun) 0 9%,var(--sun2) 17%,rgba(255,255,255,.22) 26%,var(--ring) 27% 33%,rgba(255,255,255,.2) 34%,var(--ring) 35% 44%,rgba(255,255,255,.1) 45%,transparent 64%)}.e21-sun::after{width:140px;height:140px;background:radial-gradient(circle,var(--sun) 0 35%,transparent 70%)}.e21-ray{position:absolute;left:0;top:0;height:2px;width:360px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,0));opacity:calc(1 - var(--stars))}.e21-ray.r1{transform:rotate(-42deg);width:220px}.e21-ray.r2{transform:rotate(138deg);width:220px}.e21-ray.r3{transform:rotate(180deg);width:380px;height:3px}.e21-hex{position:absolute;background:rgba(255,255,255,.09);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);opacity:calc(1 - var(--stars))}.e21-hex.h1{left:29%;top:2vh;width:90px;height:84px}.e21-hex.h2{left:58%;top:74vh;width:230px;height:214px;background:rgba(255,220,200,.07)}html[data-darkmode="true"] .e21-sun{left:70%;top:18vh}html[data-darkmode="true"] .e21-sun::before{width:360px;height:360px;background:radial-gradient(circle,rgba(200,216,255,.22) 0 8%,rgba(160,190,250,.08) 22%,transparent 60%)}html[data-darkmode="true"] .e21-sun::after{width:54px;height:54px;background:radial-gradient(circle at 38% 38%,#f6f8ff 0 55%,#dfe6f7 70%,#c9d3ec 100%);box-shadow:0 0 30px 6px rgba(205,220,255,.35)}@media (prefers-color-scheme:dark){html:not([data-darkmode]) .e21-sun{left:70%;top:18vh}html:not([data-darkmode]) .e21-sun::before{width:360px;height:360px;background:radial-gradient(circle,rgba(200,216,255,.22) 0 8%,rgba(160,190,250,.08) 22%,transparent 60%)}html:not([data-darkmode]) .e21-sun::after{width:54px;height:54px;background:radial-gradient(circle at 38% 38%,#f6f8ff 0 55%,#dfe6f7 70%,#c9d3ec 100%);box-shadow:0 0 30px 6px rgba(205,220,255,.35)}}.e21-band{position:absolute;left:0;right:0;bottom:0;width:100%;height:64vh;display:block}.e21-band .m-far{fill:var(--far)}.e21-band .m-lit{fill:var(--lit)}.e21-band .hz1{stop-color:var(--hz1)}.e21-band .hz2{stop-color:var(--hz2)}.e21-band .m-mid{fill:var(--mid)}.e21-band .m-lit2{fill:var(--lit2)}.e21-band .m-near{fill:var(--near)}.e21-band .m-trees{fill:var(--trees)}.e21-band .lk1{stop-color:var(--lk1)}.e21-band .lk2{stop-color:var(--lk2)}.e21-band .m-glint{fill:var(--glint)}.e21-band .m-ground{fill:var(--ground)}.e21-pines{position:absolute;bottom:0;height:min(76vh,56vw);width:calc(min(76vh,56vw) * .6);fill:var(--pine);display:block}.e21-pines .p2{fill:var(--pine2)}.e21-left{left:0}.e21-right{right:0}.e21-shade{position:absolute;left:0;right:0;bottom:0;height:16vh;background:linear-gradient(180deg,transparent,var(--shade))}@media (prefers-reduced-motion:no-preference){.e21-sun::before{animation:e21-glow 9s ease-in-out infinite alternate}@keyframes e21-glow{from{opacity:.82}to{opacity:1}}}.e21-main{position:relative;z-index:1;flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:6vh 16px 3vh}.e21-card{width:470px;max-width:100%;padding:34px 44px 38px;background:var(--card);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--card-edge);border-radius:4px;box-shadow:0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 10px 40px rgba(6,24,52,.28);text-align:center}.e21-logo{margin:6px auto 0;line-height:0}.e21-logo svg{width:230px;max-width:100%;height:auto;overflow:visible}.e21-logo text{font:800 48px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.e21-logo .w-open{fill:none;stroke:var(--logo);stroke-width:2.2;paint-order:stroke;letter-spacing:2px}.e21-logo .w-box{fill:var(--logo)}.e21-logo .w-wrt{fill:#fff;font-style:italic;font-weight:600}html[data-darkmode="true"] .e21-logo .w-box{fill:#3b6dd8}@media (prefers-color-scheme:dark){html:not([data-darkmode]) .e21-logo .w-box{fill:#3b6dd8}}.e21-greet{margin:20px 0 26px;font-size:1.25rem;color:var(--dim);letter-spacing:.01em}.e21-spark{width:22px;height:22px;vertical-align:-3px;margin-left:2px;fill:#f5c518;stroke:#8a6a00;stroke-width:.8}.e21-field{position:relative;margin:0 0 18px}.e21-field input{display:block;width:100%;height:50px;margin:0;padding:12px 42px;font:inherit;font-size:1rem;color:var(--ink);text-align:center;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}.e21-field input::placeholder{color:var(--ph);opacity:1}.e21-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s 0s;caret-color:var(--ink)}.e21-icon{position:absolute;left:6px;top:13px;width:24px;height:24px;fill:var(--icon);stroke:var(--icon);stroke-width:0;pointer-events:none}.e21-icon path[fill="none"]{stroke-width:2.4}.e21-icon .e21-key{fill:var(--card-solid,#fff)}html[data-darkmode="true"] .e21-icon .e21-key{fill:#1b2232}@media (prefers-color-scheme:dark){html:not([data-darkmode]) .e21-icon .e21-key{fill:#1b2232}}.e21-line{position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--accent);transition:left .25s ease,right .25s ease}.e21-field input:focus ~ .e21-line{left:0;right:0}html[data-darkmode="true"] .e21-line{background:#8fb0ff}@media (prefers-color-scheme:dark){html:not([data-darkmode]) .e21-line{background:#8fb0ff}}.e21-field:focus-within .e21-icon{fill:var(--accent);stroke:var(--accent)}html[data-darkmode="true"] .e21-field:focus-within .e21-icon{fill:#8fb0ff;stroke:#8fb0ff}.e21-card .cbi-button-apply{display:block;width:276px;max-width:100%;margin:34px auto 0;padding:12px 20px;font:inherit;font-size:1rem;font-weight:600;letter-spacing:.04em;color:var(--on-accent);background:var(--accent);border:0;border-radius:3px;cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px rgba(0,0,0,.2);transition:background-color .15s,box-shadow .15s}.e21-card .cbi-button-apply:hover{background:var(--accent-hover);box-shadow:0 4px 14px rgba(20,60,140,.35)}.e21-card .cbi-button-apply:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.e21-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.e21-alert{margin:-10px -20px 22px;padding:10px 14px;border-radius:3px;text-align:center;font-size:.9rem;line-height:1.4}.e21-alert h4{margin:0 0 4px;font-size:1rem}.e21-alert p{margin:0}.e21-warning{background:#fff1d6;color:#6b4300;border-left:4px solid #e8a33a}.e21-error{background:#fde4e4;color:#8a1c1c;border-left:4px solid #d64545}html[data-darkmode="true"] .e21-warning{background:#3a2c10;color:#ffd98f}html[data-darkmode="true"] .e21-error{background:#3d1a1d;color:#ffb4b4}@media (prefers-color-scheme:dark){html:not([data-darkmode]) .e21-warning{background:#3a2c10;color:#ffd98f}html:not([data-darkmode]) .e21-error{background:#3d1a1d;color:#ffb4b4}}.e21-foot{position:relative;z-index:1;flex:0 0 auto;padding:10px 16px 14px;text-align:center;font-size:.75rem;line-height:1.6;color:var(--foot);text-shadow:0 1px 2px rgba(0,0,0,.6)}.e21-foot a{color:var(--foot);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}.e21-foot a:hover{border-bottom-color:currentColor}.e21-foot a:focus-visible{outline:2px solid #fff;outline-offset:2px}.e21-foot span{margin:0 2px;padding:0 2px}@media (max-width:600px){.e21-card{padding:26px 22px 30px}.e21-logo svg{width:200px}.e21-greet{font-size:1.1rem;margin:16px 0 20px}.e21-alert{margin:-6px -8px 18px}.e21-sun{left:24%;top:12vh}.e21-sun::before{width:340px;height:340px}.e21-sun::after{width:90px;height:90px}.e21-ray.r3{width:200px}.e21-hex.h1{left:70%;top:4vh;width:60px;height:56px}.e21-band{height:52vh}.e21-pines{height:54vh;width:32vh}.e21-left{left:-14vh}.e21-right{right:-14vh}.e21-hex.h2{left:52%;width:160px;height:150px}.e21-shade{height:30vh}}@media (max-height:560px){.e21-main{padding-top:16px}.e21-card{padding-top:20px;padding-bottom:24px}.e21-greet{margin:10px 0 14px}.e21-card .cbi-button-apply{margin-top:22px}}
