:root{--primary-navy:#1a2942;--secondary-navy:#2d3e5a;--accent-orange:#f26419;--bg-light:#f4f6f8;--text-dark:#333}body{background-color:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,Roboto,Hiragino Sans,sans-serif}.app-container{background-color:#fff;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 10px #0000000d}.header{background-color:var(--primary-navy);color:#fff;z-index:100;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.header h1{margin:0;font-size:1.15rem;font-weight:600}.content{background-color:var(--bg-light);flex:1;padding:1.25rem}.section-title{color:var(--primary-navy);border-bottom:2px solid #e0e4e8;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.card{border-left:4px solid var(--primary-navy);background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px #0000000f}.card:active{transform:scale(.98)}.card-header{justify-content:space-between;margin-bottom:.75rem;display:flex}.card h3{color:var(--text-dark);margin:.25rem 0;font-size:1.15rem}.card p{color:#555;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.btn-primary{background-color:var(--accent-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover,.btn-primary:active{filter:brightness(1.1);box-shadow:0 4px 12px #f264194d}.badge{background-color:var(--secondary-navy);color:#fff;border-radius:12px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}