*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6fa;color:#1a1a2e;min-height:100vh}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e5ec;box-shadow:0 1px 3px #0000000a}.app-header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;color:#1a1a2e;text-decoration:none;white-space:nowrap}.app-header .logo:hover{text-decoration:none}.app-header .logo-img{height:28px;width:auto}.app-header .search-wrapper{flex:1;max-width:600px}.app-header .search-input{width:100%;padding:.6rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#1a1a2e;font-size:.95rem;outline:none}.app-header .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.app-header .search-input::placeholder{color:#9ca3af}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{padding:1rem 2rem;text-align:center;color:#9ca3af;font-size:.85rem;border-top:1px solid #e2e5ec}h2{margin-bottom:1rem;color:#1a1a2e}h3{margin:1.5rem 0 .8rem;color:#1a1a2e}@media(max-width:768px){.app-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.app-header .search-wrapper{flex-basis:100%;max-width:none;order:1}.app-main{padding:1rem}}@media(max-width:480px){.app-header .logo{font-size:1.1rem}.app-header .logo-img{height:22px}}