:root{color-scheme:dark;--bg:#282e45;--surface:#303d60;--ink:#282e45;--white:#fff;--muted:#d4d9e7;--accent:#ff9e57;--paper:#f8f9fc;--line:#59647d;--space:clamp(18px,4vw,52px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-size:16px;line-height:1.6}img{max-width:100%;object-fit:contain}h1,h2,h3{font-family:Onest,Inter,system-ui,sans-serif;line-height:1.12;margin:0 0 .65em;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,6.5vw,5.25rem)}h2{font-size:clamp(1.65rem,3.5vw,2.75rem)}h3{font-size:1.25rem}p{margin:0 0 1em}a{color:inherit;text-underline-offset:.2em}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f79e57}.wrap{width:min(1264px,100%);padding-inline:var(--space);margin:auto}.skip{position:absolute;left:1rem;top:-5rem;background:var(--paper);color:var(--ink);padding:.5rem 1rem}.skip:focus{top:.5rem;z-index:9}.site-header{border-bottom:1px solid #ffffff20;background:#242a40}.header-row{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{flex:none;display:flex;align-items:center}.brand img{height:auto;width:141px}.header-row nav{display:flex;flex-wrap:wrap;gap:5px 18px;font-size:.9rem}.header-row a{text-decoration:none}.header-row nav a{padding:8px 0;color:var(--muted)}.header-row nav a:hover,.header-row nav a[aria-current]{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent)}.account{font-size:.9rem;white-space:nowrap;border:1px solid var(--line);padding:.45em .8em;border-radius:9px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:38px;align-items:center;min-height:465px;padding:55px 0}.hero h1{max-width:15ch;margin:.2em 0 .28em}.hero-art{position:relative;isolation:isolate;display:grid;min-height:280px;align-items:center;justify-items:center}.hero-art .talks{width:min(86%,300px);z-index:2;margin-top:-20px}.hero-art .cube{position:absolute;width:45%;bottom:-8%;right:-1%;transform:rotate(-10deg);z-index:-1}.hero-art .ring{position:absolute;width:28%;top:-6%;left:1%;transform:rotate(-13deg);z-index:-1}.section-name{color:var(--accent);font-weight:700}.lead{font-size:clamp(1.04rem,2vw,1.28rem);max-width:54ch;color:var(--muted)}.buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 0}.button,button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 17px;border:1px solid transparent;border-radius:9px;font-weight:700;text-decoration:none;background:var(--accent);color:#252236}.button.secondary,button.secondary{border-color:var(--line);background:transparent;color:inherit}.button.dark,button.dark{background:var(--ink);color:#fff}.button:hover,button:hover{filter:brightness(1.08)}button:disabled{opacity:.54;cursor:wait}main{min-height:60vh}.page{padding-block:48px 56px}.page h1{font-size:clamp(2rem,5vw,3.6rem);max-width:24ch}.section{padding:35px 0;border-top:1px solid #ffffff25}.two,.three,.examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.card{border-radius:15px;padding:clamp(18px,3vw,28px);min-width:0}.panel{background:var(--surface);border:1px solid #ffffff20}.card{color-scheme:light;background:var(--paper);color:var(--ink)}.employee .identity{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:16px;margin-bottom:16px}.identity img{display:block;aspect-ratio:1;object-fit:cover;border-radius:9px}.identity p{font-size:.91rem;margin:0}.employee h3{font-size:clamp(1.25rem,2.4vw,1.7rem);margin:0 0 .3em}.employee details{margin:14px 0}.schedule{padding:0;list-style:none;margin:0}.schedule li{display:grid;grid-template-columns:116px 1fr;gap:18px;border-bottom:1px solid #ffffff20;padding:12px 0}.schedule time{color:var(--accent);font-weight:750}.schedule li:last-child{border:0}.sub{color:var(--muted)}.card .sub{color:#495772}.notice,.error{border:1px solid #ff9e5780;border-radius:9px;padding:10px 13px;margin:12px 0}.error{background:#fff1e6;color:#651c19}.status:empty{display:none}.narrow{max-width:760px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.full{grid-column:1/-1}label{display:grid;gap:.35em;font-weight:650;margin-bottom:11px}input,textarea,select{width:100%;min-width:0;border:1px solid #b9c4d5;border-radius:8px;background:#fff;color:#282e45;padding:9px 11px}textarea{resize:vertical;min-height:6em}input[readonly]{background:#e8ebf2}input[type=file]{padding:.5rem}.stage-list{display:flex;flex-wrap:wrap;gap:8px 28px;padding-left:1.35rem;color:#59647d;margin:0 0 1.4rem}.stage-list li[aria-current]{font-weight:750;color:var(--ink)}fieldset{min-width:0;border:0;padding:0;margin:0}legend{padding:0;margin-bottom:1rem;font-weight:800;font-size:1.25rem}pre{font: .95rem/1.6 ui-monospace,Consolas,monospace;padding:14px;background:#21273a;color:#fff;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere}code{overflow-wrap:anywhere}.card-list{display:grid;gap:12px}.version{border-top:1px solid #bac6d5;padding-top:13px}.version p{margin:.2em 0}.file-list{padding-left:1.25rem}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-block:26px;margin-top:20px;color:var(--muted);font-size:.88rem}.qr{width:100px;text-align:center;margin:16px auto 0}.qr img{width:100px;display:block}.qr figcaption{font-size:.76rem}.loading{padding-block:40px}[hidden]{display:none!important}
@media(max-width:850px){.header-row{flex-wrap:wrap;gap:3px 12px;padding-block:12px}.header-row nav{order:3;width:100%;gap:0 17px}.hero{min-height:390px}.hero-art{min-height:220px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero{grid-template-columns:1fr;padding:34px 0 28px;gap:4px;min-height:0}.hero-art{min-height:124px;max-width:290px;margin:10px auto;width:100%}.hero-art .talks{width:62%}.hero-art .ring{width:23%}.hero-art .cube{width:33%}.two,.three,.examples,.form-grid{grid-template-columns:minmax(0,1fr)}.schedule li{grid-template-columns:94px 1fr;gap:10px}.page{padding-block:33px}.employee .identity{grid-template-columns:76px 1fr}.header-row nav{gap:0 14px}.header-row nav a{font-size:.84rem}.buttons .button,.buttons button{flex:1 1 auto}}
