*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7f9;color:#12212b}a{text-decoration:none;color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:20px 6%;background:#fff;position:sticky;top:0;z-index:2;box-shadow:0 4px 20px #0000000b}header nav{display:flex;gap:22px}.hero{min-height:560px;padding:80px 8%;display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:center;background:linear-gradient(135deg,#eef8f5,#f9f2e8)}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:14px 0}.hero p{font-size:20px;max-width:680px;color:#53636d}.eyebrow{font-weight:800;letter-spacing:2px}.hero-card{background:#fff;border-radius:28px;padding:60px;text-align:center;box-shadow:0 25px 70px #1234  ;font-size:22px}.hero-card strong{font-size:80px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:50px 6%}.grid article,.card{background:#fff;padding:28px;border-radius:20px;box-shadow:0 8px 30px #1231;display:block}.wrap{max-width:1200px;margin:50px auto;padding:0 20px}.chip{display:inline-block;padding:9px 12px;background:#fff;border-radius:999px;margin:4px}.tablewrap{overflow:auto;background:#fff;border-radius:16px;margin-top:20px}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid #e7ecef;text-align:left}.card{margin:12px 0}.check{display:block;padding:12px;background:#fff;margin:5px 0;border-radius:10px}input,select,button{width:100%;padding:13px;margin:7px 0;border:1px solid #ccd7dd;border-radius:10px}button,.button{background:#102a43;color:#fff;border:0;cursor:pointer;display:inline-block;padding:13px 18px;border-radius:10px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102a43,#2c5364)}.loginbox{width:min(420px,92%);background:#fff;padding:35px;border-radius:24px}.error{background:#ffe6e6;padding:10px;border-radius:8px}.paper{max-width:800px;margin:40px auto;background:#fff;padding:50px;box-shadow:0 10px 40px #0002}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:55px 6%}header nav{display:none}}