/*
====================================================
Project Name	: © EntropyX - Secure Password Meter & Generator
Version		: 1.7
Developed	: 20 August 2026
Author		: Abednego Dinarim Siregar / Microsoft 365 Copilot with GPT 5.6 Deep Think.
Lisensi		: You may not copy, steal, modify, reverse engineer, redistribute, sell, or use any part of the application, code, design, brand, or included materials without the owner’s written permission, except where expressly permitted by applicable law.
====================================================
*/

    :root{--bg:#050816;--panel:rgba(11,18,42,.78);--text:#edfaff;--muted:#8ca8bd;--cyan:#26f7ff;--violet:#9d5cff;--green:#4dff9a;--amber:#ffd166;--red:#ff5470;--line:rgba(73,226,255,.17);--shadow:0 20px 70px rgba(0,0,0,.42)}
    html[data-theme="light"]{--bg:#edf7fb;--panel:rgba(255,255,255,.86);--text:#102033;--muted:#51677a;--cyan:#007f91;--violet:#6940c4;--green:#087f50;--amber:#9a6500;--red:#c52847;--line:rgba(0,103,124,.18);--shadow:0 18px 50px rgba(19,72,92,.13)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:500 16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 10%,rgba(38,247,255,.12),transparent 30%),radial-gradient(circle at 85% 15%,rgba(157,92,255,.14),transparent 26%),var(--bg);overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 85%);opacity:.3}.shell{width:min(1160px,calc(100% - 32px));margin:auto;padding:30px 0 48px}header{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:13px}.orb{width:42px;height:42px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 50%,transparent);position:relative}.orb:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);animation:pulse 2s ease-in-out infinite}.brand strong{font-size:1.25rem;letter-spacing:.08em}.brand small{display:block;color:var(--muted);letter-spacing:.04em}.tools{display:flex;gap:8px}.iconbtn,button,.select{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:12px;min-height:42px;padding:0 14px;font:inherit;cursor:pointer;transition:.2s}.iconbtn:hover,button:hover,.select:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(38,247,255,.12);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 45%,transparent);outline-offset:2px}.hero{margin:34px 0 22px}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.hero h1{margin:.25rem 0;font-size:clamp(2rem,5vw,4.35rem);line-height:1.02;max-width:850px}.hero h1 span{color:var(--cyan);text-shadow:0 0 24px rgba(38,247,255,.38)}.hero p{color:var(--muted);max-width:720px;margin:12px 0}.privacy{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.9rem}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.grid{display:grid;grid-template-columns:1.07fr .93fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(18px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.card h2{margin:0 0 18px;font-size:1.04rem;letter-spacing:.05em}.pwrow{display:grid;grid-template-columns:1fr auto auto;gap:9px}.inputwrap{position:relative}.inputwrap input{width:100%;height:54px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.15);color:var(--text);font:600 1.02rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:0 46px 0 15px}.eye{position:absolute;right:7px;top:6px;width:40px;padding:0;background:transparent;border:0}.primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06101d;border:0;font-weight:800}.meter{height:10px;background:rgba(127,151,170,.18);border-radius:99px;overflow:hidden;margin:18px 0 13px}.meter>i{display:block;width:0;height:100%;background:var(--red);transition:.35s;width .35s,background .35s;box-shadow:0 0 16px currentColor}.resultline{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.strength{font-size:1.35rem;font-weight:850}.score{color:var(--muted);font-size:.85rem}.analogy{min-height:48px;margin:13px 0 18px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(127,151,170,.05)}.stat b{display:block;font-size:1.06rem}.stat span{font-size:.76rem;color:var(--muted)}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.check{padding:8px;text-align:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.77rem}.check.on{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 8%,transparent)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}.tab{min-height:38px;background:transparent;border:0;padding:0 8px}.tab.active{background:color-mix(in srgb,var(--cyan) 14%,transparent);color:var(--cyan)}.panel[hidden]{display:none}.control{margin:16px 0}.controlhead{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.controlhead span:last-child{color:var(--cyan);font-family:ui-monospace,monospace}input[type=range]{width:100%;accent-color:var(--cyan)}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:.87rem}.option input{accent-color:var(--cyan);width:17px;height:17px}.generate{width:100%;height:50px;margin-top:18px}.note{font-size:.76rem;color:var(--muted);margin:14px 0 0}.pinmsg{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);margin-top:16px}.toast{position:fixed;left:50%;bottom:22px;translate:-50% 120px;padding:12px 17px;background:#101c2b;color:#fff;border:1px solid #2d5066;border-radius:12px;box-shadow:var(--shadow);transition:.25s;z-index:10}.toast.show{translate:-50% 0}footer{text-align:center;color:var(--muted);font-size:.78rem;margin-top:24px}@keyframes pulse{50%{scale:.72;opacity:.55}}@media(max-width:850px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.checks{grid-template-columns:1fr 1fr}}@media(max-width:560px){.shell{width:min(100% - 20px,1160px);padding-top:16px}header{align-items:flex-start}.brand small{display:none}.tools{flex-direction:column}.pwrow{grid-template-columns:1fr 1fr}.inputwrap{grid-column:1/-1}.stats{grid-template-columns:1fr}.card{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
  

.entropyx-copyright{margin:36px auto 0;padding:22px 16px;text-align:center;font-family:inherit;color:inherit;opacity:.82;font-size:.82rem;line-height:1.6}
.entropyx-copyright__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:7px}
.entropyx-copyright a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.entropyx-copyright a:hover,.entropyx-copyright a:focus-visible{color:var(--neon-primary,var(--neon-cyan,var(--primary,var(--cyan,var(--violet,currentColor)))));border-bottom-color:currentColor;outline:none}
.brand-home{color:inherit;text-decoration:none;border-radius:12px}.brand-home:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 45%,transparent);outline-offset:3px}.meter>i.meter-0{width:0}.meter>i.meter-14{width:14%;background:var(--red)}.meter>i.meter-30{width:30%;background:var(--red)}.meter>i.meter-55{width:55%;background:var(--amber)}.meter>i.meter-78{width:78%;background:var(--green)}.meter>i.meter-100{width:100%;background:var(--cyan)}