*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#14213d;font:16px system-ui,Arial,sans-serif}a{color:#145ac4;text-decoration:none}header{background:#101b35;color:#fff;padding:18px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}header a{color:#fff}nav{display:flex;gap:20px}main{max-width:1100px;margin:36px auto;padding:0 20px}h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 12px}.muted{color:#61708b}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px}.card,.panel{background:#fff;border:1px solid #dfe5ef;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #1020470a}.card .details{padding:18px}.card h2{font-size:1.1rem;margin:0 0 8px}.card p{margin:8px 0}.preview{height:180px;width:100%;border:0;background:#fff;pointer-events:none}.panel{padding:24px;max-width:650px}label{display:block;font-weight:600;margin:15px 0 6px}input,textarea{display:block;width:100%;font:inherit;border:1px solid #b9c5d8;border-radius:8px;padding:11px}input[type=checkbox]{width:auto;display:inline-block}button,.btn{display:inline-block;background:#145ac4;color:#fff;border:0;border-radius:8px;padding:11px 16px;font:inherit;cursor:pointer;margin-top:16px}button.danger{background:#ad2545}button.secondary{background:#53627d}.error{color:#b31e3b}.success{color:#146c43}.actions{display:flex;gap:10px;flex-wrap:wrap}.project-frame{width:100%;height:75vh;border:1px solid #ccd5e4;background:#fff;border-radius:12px}small{color:#66758b}
