*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#004481;--color-primary-dark:#002e5d;--color-secondary:#1973b8;--color-accent:#f8cd51;--color-bg:#f0f2f5;--color-surface:#fff;--color-text:#333;--color-text-light:#666;--color-error:#d32f2f;--color-success:#388e3c;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 20px #00000026;--transition-fast:.15s ease;--transition-normal:.3s ease}body{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;display:flex}a{color:var(--color-primary);text-decoration:none}.app-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md);padding:20px 24px}.app-header__inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.app-header__title{letter-spacing:-.5px;font-size:1.5rem;font-weight:600}.app-header__subtitle{opacity:.8;font-size:.85rem;font-weight:400}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.app-footer{background-color:var(--color-primary-dark);color:#ffffffb3;text-align:center;margin-top:auto;padding:16px 24px;font-size:.8rem}.app-footer a{color:var(--color-accent)}@media (width<=768px){.app-header{padding:16px}.app-header__title{font-size:1.2rem}.app-header__subtitle{font-size:.75rem}.app-main{padding:20px 16px}}