:root{font:15px/1.7 Arial,Helvetica,sans-serif;color:#302747;background:#f8f6fb;--purple:#685382;--muted:#7a7385;--line:#e4dfeb}*{box-sizing:border-box}body{margin:0}header{max-width:1140px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#20243a;font-size:14px;line-height:1.4}.brand img{width:43px;height:52px}.brand strong{display:block;color:#df0719;font-size:15px}.back-link{font-size:13px;color:var(--purple);text-underline-offset:4px}main{max-width:1140px;margin:auto;padding:34px 28px 50px}.intro{max-width:850px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:42px;line-height:1.2;font-weight:500;letter-spacing:-1.4px;margin:20px 0}p{color:var(--muted)}.intro p{font-size:16px;line-height:1.8;max-width:750px}.demo-note{background:#eee8f5;color:#68577e;padding:18px 22px;border-radius:12px;font-size:13px;line-height:1.8;margin:28px 0}.demo-note strong{display:block;color:#5e4778}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.role-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.role-mark{display:grid;place-items:center;width:39px;height:39px;background:#f0ebf6;color:var(--purple);border-radius:11px;font-size:12px;letter-spacing:1px}.role-card h2{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.4px;margin:22px 0 8px}.role-card p{font-size:14px;line-height:1.8;margin:0 0 24px}.role-card button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font:13px/1.6 Arial;color:var(--purple);background:#fff;border:1px solid #d9cde6;border-radius:8px;padding:11px 13px;min-height:47px;width:100%;cursor:pointer}.role-card button:hover{background:#f6f2fa;border-color:#a890c0}.role-card button span{font-size:20px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a992c7;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.manual-login{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-top:26px;background:#fff}.manual-login summary{cursor:pointer;font-size:14px;color:var(--purple)}.manual-login form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;margin-top:22px}label{display:grid;gap:7px;font-size:13px}input{font:14px Arial;border:1px solid var(--line);border-radius:7px;padding:12px;min-height:45px;min-width:0;width:100%}.manual-login button{font:13px Arial;border:0;border-radius:7px;min-height:45px;padding:12px 20px;background:var(--purple);color:#fff;cursor:pointer}footer{font-size:12px;color:var(--muted);line-height:1.9;margin-top:30px}#demo-status{font-size:14px;color:#8e4058;line-height:1.8;margin:18px 0}#demo-status:empty{display:none}@media(max-width:950px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:36px}}@media(max-width:600px){header{padding:22px 20px}.back-link{max-width:115px;text-align:right}main{padding:22px 20px 35px}h1{font-size:31px;letter-spacing:-1px}h1 br{display:none}.role-grid{grid-template-columns:1fr;gap:15px}.role-card{padding:23px}.role-card h2{margin-top:16px}.manual-login form{grid-template-columns:1fr}.demo-note{font-size:13px;padding:17px}.intro p{font-size:15px}}


.demo-access{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px;margin:28px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.demo-access h2{font-size:27px;line-height:1.3;margin:12px 0}.demo-access p{font-size:14px}.demo-access-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-access .wide{grid-column:1/-1}.demo-access label>span{color:var(--muted)}.demo-access-check{display:flex;align-items:flex-start;gap:10px;margin-top:18px}.demo-access-check input{width:18px;min-height:18px;margin:3px 0 0;flex-shrink:0}.demo-access-check span{color:#302747!important}.demo-access-privacy{font-size:12px!important;line-height:1.7}.demo-access a{color:var(--purple)}.demo-access button{font:14px/1.5 Arial;background:var(--purple);color:#fff;padding:13px 20px;border:0;border-radius:8px;cursor:pointer;min-height:47px}.demo-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#demo-access-status{margin:14px 0 0;color:#5e4778;overflow-wrap:anywhere}#demo-access-status:empty{display:none}@media(max-width:760px){.demo-access{grid-template-columns:1fr;gap:8px;padding:23px}.demo-access-fields{grid-template-columns:1fr}.demo-access button{width:100%}}