:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202538;background:#f5f6fa;font-synthesis:none;--accent:#6155df}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 15%,#eae8fc80,transparent 45%),#f5f6fa}.shell{max-width:1080px;padding:0 40px;margin:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e5ee}.brand{text-decoration:none;color:#262b3f;display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;background:#272c42;color:#fff;border-radius:11px;width:36px;height:36px;font-size:25px;font-weight:600}.brand-detail{display:block;font-size:9px;letter-spacing:2.4px;color:#8a8da2;margin-top:3px}.utility-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#73768a}.status-dot{width:6px;height:6px;background:#8b82e8;border-radius:50%}main{padding-top:66px;padding-bottom:70px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--accent);font-weight:750}h1{font-size:46px;line-height:1.15;letter-spacing:-2px;font-weight:700;margin:17px 0 19px}h1 span{color:var(--accent)}.intro>p{font-size:14px;line-height:1.8;color:#777d90;margin:0}.generator{display:grid;grid-template-columns:1.08fr 1fr;margin-top:37px;border:1px solid #e1e3ef;border-radius:20px;background:white;overflow:hidden;box-shadow:0 15px 40px #25284906;max-width:900px}.input-panel,.result-panel{padding:30px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:30px}.step{font-size:10px;font-weight:700;background:#f1f0fa;border:1px solid #e7e5f5;color:#9187d7;padding:6px;border-radius:6px}h2{margin:0;font-size:14px;font-weight:600;letter-spacing:-.2px}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}input{width:100%;padding:15px 16px;border:1px solid #dfe1ea;background:#fbfbfd;border-radius:9px;color:#24293e;font-family:"Cascadia Code",Consolas,monospace;font-size:18px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#a7aabb;font-size:15px}input:focus{border-color:#8a80ed;box-shadow:0 0 0 3px #6155df13}input[aria-invalid=true]{border-color:#c95555}.hint{font-size:11px;color:#9297a8;margin:10px 0 22px}.error{font-size:12px;color:#b53838;line-height:1.5}button{font:inherit;cursor:pointer;transition:background .15s,transform .15s}button:focus-visible,a:focus-visible{outline:3px solid #a49cf4;outline-offset:3px}button:active{transform:translateY(1px)}.generate{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:9px;padding:14px 16px;background:var(--accent);color:white;font-size:13px;font-weight:600}.generate:hover{background:#5145ca}.generate>span{font-size:20px;line-height:16px}.privacy{display:flex;align-items:center;gap:7px;margin-top:24px;font-size:10px;color:#969bac}.result-panel{background:#24283d;color:#fff;display:flex;flex-direction:column;position:relative}.result-panel .step{background:#353a51;border-color:#43465e;color:#b5aedf}.result-panel h2{color:#e0e2ef}.result-panel .panel-heading{margin-bottom:20px}.result-content{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:5px 0 22px}.key-icon{height:45px;width:45px;border-radius:14px;background:#33384f;color:#b0a6ff;display:grid;place-items:center;margin-bottom:16px}.result-label{font-size:9px;letter-spacing:2.2px;color:#949bb7}output{display:block;margin-top:10px;font-family:"Cascadia Code",Consolas,monospace;font-size:30px;letter-spacing:3px;font-weight:600;color:#eceaff;white-space:nowrap}output:empty{min-height:36px}.result-content p{color:#929ab6;font-size:11px;line-height:1.6;margin:12px 0 0}.copy{border:1px solid #555870;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:9px;background:#34384f;color:#e4e5f2;width:100%;font-size:12px;font-weight:500;padding:13px}.copy:hover:not(:disabled){background:#414661}.copy:disabled{opacity:.5;cursor:default}.footnote{max-width:900px;text-align:center;font-size:10px;color:#9b9fb0;margin:21px 0 0}footer{border-top:1px solid #e3e5ee;display:flex;justify-content:space-between;padding:22px 0;font-size:10px;color:#999fb0}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}[hidden]{display:none!important}
@media(min-width:1300px){main{padding-top:80px;padding-bottom:85px}}
@media(max-width:700px){.shell{padding:0 22px}.topbar{height:78px}main{padding-top:42px;padding-bottom:42px}h1{font-size:37px;letter-spacing:-1.5px}.intro>p{font-size:13px}.generator{grid-template-columns:1fr;margin-top:28px}.input-panel,.result-panel{padding:25px}.panel-heading{margin-bottom:24px}.result-content{padding-bottom:25px}.result-panel .panel-heading{margin-bottom:8px}.result-panel{min-height:285px}output{font-size:29px;letter-spacing:2.5px}.privacy{margin-top:20px}footer{font-size:9px;gap:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.auth-main{display:grid;place-items:center;min-height:calc(100vh - 170px)}.auth-card{width:100%;max-width:440px;padding:36px;background:#fff;border:1px solid #e1e3ef;border-radius:20px;box-shadow:0 15px 40px #25284906}.auth-card h1{font-size:32px;letter-spacing:-1px}.auth-description{font-size:13px;color:#777d90;line-height:1.7;margin:0 0 28px}.auth-submit{margin-top:22px}.auth-submit:disabled{opacity:.6;cursor:wait}.logout{margin-left:12px;padding:7px 10px;border:1px solid #dfe1ea;border-radius:6px;background:#fff;color:#73768a;font-size:11px}.logout:hover{background:#eeedf7}@media(max-width:700px){.auth-card{padding:26px}.auth-main{min-height:calc(100vh - 145px)}.utility-label{gap:5px}.logout{margin-left:4px}}