@font-face{font-family:Inter;src:url('/podglad/assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#142c43;--muted:#5a6b79;--orange:#c74710;--paper:#faf9f6;--line:#dce3e6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:4px}:focus-visible{outline:3px solid #1764b0;outline-offset:4px}[hidden]{display:none!important}header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:11px;align-items:center;font-size:27px;letter-spacing:-1px;font-weight:780}.brand img{border-radius:8px}nav{display:flex;gap:4px}nav a{font-size:12px;font-weight:700;padding:10px;border-radius:8px}nav [aria-current]{color:#a23b0d;background:#f4e7dd}main{max-width:1240px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1.03fr;gap:80px;padding:0 0 0 0;align-items:stretch}.story{background:var(--ink);border-radius:28px;padding:52px 46px;min-height:690px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.story>div:not(.story-art),.story .motto{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--orange);margin:0 0 16px;display:flex;align-items:center;gap:8px}.story .eyebrow{color:#f4bc9c;margin-bottom:34px}h1,h2{letter-spacing:-.045em;line-height:1.14;margin:0}.story h2{font-size:49px;max-width:380px;font-weight:650}.story-detail{font-size:15px;color:#c7d4df;max-width:335px;margin:26px 0 34px}.story ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}.story li{display:flex;gap:14px;align-items:center;font-size:13px;color:#e9eef4}.story li span{border:1px solid #486074;border-radius:8px;padding:5px 8px;font-size:10px;color:#f6ba94}.motto{font-size:12px;color:#c7d4df;letter-spacing:.04em;margin:60px 0 0}.story-art{position:absolute;width:350px;height:350px;border:60px solid #294459;opacity:.55;border-radius:50%;bottom:-170px;right:-115px}.entry{padding:30px 0 24px;max-width:500px;width:100%;align-self:center}.welcome h1{font-size:38px;font-weight:690}.welcome>p:last-child{font-size:15px;color:var(--muted);margin:12px 0 28px}.status-dot{width:6px;height:6px;border-radius:50%;background:#bd561d}.card{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;box-shadow:0 12px 40px #142c4305}.card h2{font-size:24px;letter-spacing:-.035em}.subtitle{font-size:13px;color:var(--muted);margin:10px 0 22px;max-width:360px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 23px}.role{background:#fafbfb;color:var(--muted);border:1px solid var(--line);border-radius:10px;min-height:58px;padding:8px 4px;font-size:11px;font-weight:650;display:flex;flex-direction:column;align-items:center;gap:3px}.role-icon{font-size:16px;line-height:1.3;color:var(--ink)}.role:hover,.role[aria-pressed=true]{background:#fff4ec;border-color:#d27446;color:#9e370e}.role[aria-pressed=true] .role-icon{color:#9e370e}label{display:block;font-size:12px;font-weight:680;margin:18px 0 7px}input:not([type=hidden]){width:100%;height:50px;border:1px solid #c4d0d8;border-radius:9px;padding:10px 13px;color:var(--ink);background:white;font-size:16px}input::placeholder{color:#84929d;font-size:14px}.password-field{position:relative}.password-field input{padding-right:94px}.reveal{position:absolute;right:4px;top:4px;height:42px;max-width:90px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#576a7a;font-size:11px;font-weight:650}.reveal:hover{background:#f1f4f5}.hint{font-size:11px;color:var(--muted);margin:8px 0 21px}.submit{width:100%;min-height:51px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;padding:13px 17px;border:0;border-radius:10px;background:var(--orange);color:white;font-size:13px;font-weight:700}.submit:hover{background:#ad3c0c}.submit:disabled{opacity:.7;cursor:wait}.demo-note{display:flex;gap:8px;font-size:11px;line-height:1.6;color:var(--muted);max-width:440px;margin:20px 10px}.demo-note>span{font-size:17px;color:var(--ink)}.back{display:inline-block;font-size:12px;font-weight:650;padding:6px 10px}.error{padding:13px;border-radius:9px;border:1px solid #e7b8ab;background:#fff3ef;color:#8c2a16;font-size:13px;margin:0 0 18px}footer{max-width:1320px;margin:20px auto 0;padding:24px 40px;display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:1320px){main{margin:18px 40px 0;gap:60px}.story{padding:42px 36px}.story h2{font-size:44px}}
@media(max-width:1000px){main{gap:35px}.story{padding:36px 27px;min-height:660px}.story h2{font-size:37px}.welcome h1{font-size:32px}.card{padding:25px}}
@media(max-width:760px){header{padding:20px 22px}.brand{font-size:24px;gap:9px}.brand img{width:32px;height:32px}nav{gap:1px}nav a{font-size:11px;padding:9px 7px}main{display:block;margin:0 auto;padding:0 22px;max-width:500px}.story{display:none}.entry{padding:23px 0 8px;max-width:none}.welcome h1{font-size:33px;max-width:350px}.welcome .eyebrow{font-size:9px;margin-bottom:15px}.welcome>p:last-child{margin:12px 0 25px;font-size:14px}.card{padding:25px 22px;border-radius:18px}.card h2{font-size:23px}.subtitle{margin-bottom:20px;font-size:12px}.roles{gap:7px;margin-bottom:20px}.role{min-height:59px;font-size:11px}label{margin-top:17px}.hint{font-size:10px}.demo-note{margin:19px 5px 10px}.back{padding-left:5px}footer{border-top:1px solid #e3e7e7;margin-top:18px;padding:20px 22px;flex-wrap:wrap;gap:8px;font-size:9px}}
@media(max-width:360px){header{padding:17px 16px}.brand{font-size:22px}.brand img{width:29px;height:29px}nav a{padding:9px 6px}main{padding:0 16px}.entry{padding-top:18px}.welcome h1{font-size:29px}.card{padding:22px 18px}.role{font-size:10px}}