:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#08100c;color:#eef8f1}*{box-sizing:border-box}body{margin:0;min-height:100vh}.ambient{position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 5%,#16432a80,transparent 55%),linear-gradient(#0b1610,#070c09)}.app{width:min(100%,560px);margin:auto;padding:env(safe-area-inset-top) 19px calc(24px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid #263c2e}.logo{width:41px;height:41px;border:1px solid #35d77a;border-radius:12px;color:#57f4a1;font-size:30px;text-align:center;line-height:37px}.brand{font-weight:850;letter-spacing:1.6px;font-size:17px}.brand span{color:#52e993}.subbrand{font-size:9px;letter-spacing:1.5px;color:#849e8b;margin-top:3px}.online{margin-left:auto;color:#63e5a0;font-size:10px;letter-spacing:1px;white-space:nowrap}.hero{text-align:center;padding:32px 0 25px}.shield{position:relative;margin:0 auto 16px;width:72px;height:72px;border-radius:21px;border:1px solid #397b50;box-shadow:0 0 38px #2dbd6255;background:linear-gradient(145deg,#214c32,#0d1c14);font-size:60px;line-height:66px;color:#61ee9a}.shield span{position:absolute;left:27px;top:21px;font-size:23px;line-height:24px;color:#baffd3}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#5cdd94;font-weight:700}h1{font-size:clamp(29px,7vw,38px);line-height:1.18;margin:13px 0;font-weight:800;letter-spacing:-1.2px}h1 em{color:#61e99a;font-style:normal}.hero p{font-size:13px;line-height:1.7;color:#a2b9a8;max-width:340px;margin:0 auto}.chips{display:flex;gap:8px;justify-content:center;margin-top:19px;flex-wrap:wrap}.chips span{border:1px solid #2d5e3f;background:#153322;color:#72e7a2;border-radius:50px;font-size:10px;padding:8px 11px;letter-spacing:.5px}.panel{border:1px solid #2a4b35;border-radius:19px;background:#101d15;overflow:hidden;box-shadow:0 18px 45px #0005}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0d1811;padding:6px;gap:6px}.tab{border:0;border-radius:11px;background:transparent;color:#9ab1a1;padding:14px 5px;font-weight:700;font-size:13px;cursor:pointer}.tab.active{background:#1c422a;color:#7cf2a8;box-shadow:inset 0 0 0 1px #2b6741}.pane{padding:21px 17px}.hidden{display:none!important}label{display:block;color:#b4c9b9;font-size:10px;letter-spacing:1.5px;font-weight:800;margin:0 0 10px}.fieldhead{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.fieldhead small{font-size:10px;color:#809f89}.fieldhead label{margin:0 0 10px}textarea,input{width:100%;background:#0a140e;border:1px solid #30503a;border-radius:11px;color:#e5f9ea;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;padding:13px;outline:none;resize:vertical;min-height:48px}textarea:focus,input:focus{border-color:#50df8d;box-shadow:0 0 0 2px #2fd67c20}textarea::placeholder,input::placeholder{color:#657e6d}.password{position:relative}.password input{padding-right:55px}.eye{position:absolute;right:5px;top:5px;width:42px;height:39px;background:transparent;border:0;color:#92cba2;font-size:20px;cursor:pointer}.primary{width:100%;margin-top:18px;background:linear-gradient(110deg,#45e88c,#28b96a);color:#062011;border:0;border-radius:11px;padding:16px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 22px #27c86c25}.primary:disabled{opacity:.6;cursor:wait}.result{margin-top:18px;padding:14px;background:#0b1911;border:1px solid #356c45;border-radius:12px}.resulthead{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#b3d4bd;font-weight:800;margin-bottom:10px;gap:6px}.resulthead span{color:#5ae68f;white-space:nowrap}.result textarea{font-size:12px;overflow-wrap:anywhere}.actions{display:flex;gap:9px;margin-top:10px}.actions button{flex:1;background:#1d3928;border:1px solid #3d7651;border-radius:9px;color:#a8f2c1;padding:12px 5px;font-weight:700;cursor:pointer}.textbtn{background:transparent;color:#71e9a3;border:0;padding:15px 0 0;cursor:pointer}.status{padding:13px 17px;margin:0 17px 18px;border-radius:9px;font-size:13px;line-height:1.5;background:#3d261a;color:#ffccae;border:1px solid #9e5434}.status.ok{background:#133924;color:#a4f4bf;border-color:#35784b}.info{display:flex;gap:12px;margin-top:20px;border:1px solid #2a4432;border-radius:14px;background:#101d15;padding:17px}.infoicon{color:#6ee9a0;font-size:22px}.info strong{font-size:13px}.info p{color:#9eb7a5;font-size:12px;line-height:1.65;margin:8px 0 0}footer{text-align:center;color:#587562;font-size:9px;letter-spacing:1.3px;line-height:2.2;padding:25px 0 5px}@media(max-width:370px){.app{padding-left:12px;padding-right:12px}.pane{padding:15px 12px}.online{font-size:9px}}
