:root{--bg:#f7f9fc;--card:#fff;--text:#132238;--muted:#62708a;--brand:#2563eb;--brand2:#0f766e;--border:#dfe7f3;--soft:#eef4ff}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:hsla(0,0%,100%,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.nav{height:72px;justify-content:space-between}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;font-weight:800}.brand-mark{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:12px;padding:10px 9px}nav{display:flex;gap:24px;color:var(--muted);font-weight:650}.hero{padding:72px 0 48px;background:radial-gradient(circle at top right,#dbeafe,transparent 30%),linear-gradient(180deg,#fff,var(--bg))}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-size:.78rem;font-weight:800}h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.04;margin:10px 0}h2{font-size:2.2rem;margin:8px 0 22px}.hero-text,.page-lead{font-size:1.15rem;color:var(--muted);line-height:1.7}.hero-actions{display:flex;gap:14px;margin-top:24px}.primary-btn,.secondary-btn,button{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer}.primary-btn{background:var(--brand);color:#fff}.secondary-btn{background:#fff;border:1px solid var(--border);color:var(--text)}.form-card,.hero-card,.login-card,.runner-shell{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(15,35,80,.08)}.hero-visual{height:280px;border-radius:22px;background:linear-gradient(135deg,#1d4ed8,#0f766e);display:grid;grid-template-columns:repeat(2,1fr);place-items:center;color:#fff;font-size:4rem;font-weight:900}.hero-card img{width:100%;height:280px;object-fit:cover;border-radius:22px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stats-row div{background:var(--soft);padding:14px;border-radius:18px;text-align:center}.stats-row strong{display:block;font-size:1.5rem}.stats-row small{color:var(--muted)}.section{padding:56px 0}.soft-section{background:#fff;border-block:1px solid var(--border)}.two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.admin-grid,.card-grid,.contact-grid,.experiment-meta-grid,.objective-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.admin-grid a,.announcement,.contact-grid article,.experiment-meta-grid article,.objective-grid article,.subject-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:22px}.objective-grid span,.subject-card span{font-size:2rem;font-weight:900;color:var(--brand)}.subject-card h3{margin-bottom:8px}.experiment-list span,.subject-card p{color:var(--muted);line-height:1.55}.section-heading.split-heading{display:flex;justify-content:space-between;align-items:end}.page-top{padding-top:78px}.experiment-list{display:grid;gap:14px}.experiment-list a{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;display:grid;gap:7px}.experiment-header{padding:64px 0 24px;gap:24px;align-items:flex-start}.experiment-header,.runner-title{display:flex;justify-content:space-between}.runner-title{margin-bottom:12px;color:var(--muted)}.sim-frame{width:100%;height:720px;border:1px solid var(--border);border-radius:18px;background:#fff}.error,.runner-error,.runner-loading{color:#b91c1c;background:#fee2e2;padding:14px;border-radius:14px}.footer{padding:28px 0;border-top:1px solid var(--border);background:#fff;color:var(--muted)}.footer .container{display:flex;justify-content:space-between}.admin-login-page{min-height:70vh;display:grid;place-items:center}.login-card{width:min(440px,92%);display:grid;gap:12px}.admin-page{width:min(1100px,92%);margin:0 auto;padding:54px 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.form-card,.form-grid label{display:grid;gap:8px}.form-card{margin:20px 0}.form-card input,.form-card select,.form-card textarea,.form-grid textarea,.login-card input{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px;font:inherit;background:#fff}.form-card textarea,.form-grid textarea{min-height:90px}.admin-list{display:grid;gap:10px}.admin-list article{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px}.upload-box{border:2px dashed var(--brand);border-radius:16px;padding:16px;text-align:center;background:#eff6ff;font-weight:800;cursor:pointer}.upload-box input{display:none}@media(max-width:780px){.hero-grid,.two-column{grid-template-columns:1fr}.nav{height:auto;gap:14px;padding:14px 0;align-items:flex-start}.nav,nav{flex-direction:column}.experiment-header{display:block}.sim-frame{height:560px}}.zip-runner-fullpage{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;overflow:hidden!important}.sim-frame,.sim-frame-fullpage,.zip-runner-fullpage{width:100vw!important;max-width:100vw!important;background:#fff!important;border:0!important;border-radius:0!important}.sim-frame,.sim-frame-fullpage{display:block!important;height:calc(100vh - 88px)!important;min-height:850px!important}.runner-error,.runner-loading{width:100%;padding:24px;font-weight:600}.runner-error{background:#fee2e2;color:#b91c1c}.experiment-runtime-page{position:fixed!important;inset:0!important;z-index:2147483647!important;overflow:hidden!important}.experiment-runtime-page,.sim-frame-fullpage{width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;background:#fff!important}.sim-frame-fullpage{display:block!important;border:0!important;outline:0!important}.runner-error,.runner-loading,.runtime-error,.runtime-message{padding:24px;font-weight:600;font-family:Arial,sans-serif}.runner-error,.runtime-error{background:#fee2e2;color:#b91c1c}.hero-illustration{width:100%;aspect-ratio:720/420;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#2563eb,#0f766e);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25)}.hero-illustration svg{display:block;width:100%;height:100%}.hero-card>img{width:100%;aspect-ratio:720/420;object-fit:cover;border-radius:24px;display:block}