:root{--egb-blue: #003C7C;--egb-blue-2: #004C99;--egb-text: #5E5E5E;--egb-gray: #8F8F8F;--egb-bg: #F4F4F4;--egb-card: #FFFFFF;--egb-line: #D3D3D3;--egb-soft: #E2E6EA;--egb-white: #FFFFFF}html,body{height:100%}body{margin:0;background:var(--egb-bg);color:var(--egb-text);font-family:Open Sans,Arial,sans-serif}.header{background-color:var(--egb-blue);box-shadow:0 2px 6px #00000026}.header-inner{max-width:1100px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-title,.brand-title{font-size:20px;color:#fff;margin:0;font-weight:700}.brand-sub{font-size:12px;color:#ffffffe6}.main{max-width:1100px;margin:0 auto;padding:28px 16px}.card{background:var(--egb-card);padding:32px;border-radius:12px;width:100%;box-shadow:0 3px 10px #00000014}h1,h2,h3,h4{color:var(--egb-blue);margin:0 0 16px;font-weight:700}p{color:var(--egb-text)}button{background:var(--egb-blue);color:var(--egb-white);border:none;border-radius:6px;padding:12px 18px;cursor:pointer}button:hover{background-color:var(--egb-blue-2);box-shadow:0 8px 18px #0000001f;transform:translateY(-1px);filter:brightness(1.08)}input[type=text],input[type=file]{padding:10px 12px;border:1px solid var(--egb-gray);border-radius:8px;width:100%;margin-top:8px;margin-bottom:16px;font-size:15px;box-sizing:border-box}