:root{--primary: #0044FF;--primary-dark: #002DA8;--primary-medium: #2F56C1;--primary-light: #3F72FF;--light: #7197FF;--text-dark: #1a1a2e;--text-soft: #444466;--bg-gradient: linear-gradient(135deg, #f8fbff 0%, #e8f0ff 100%);--white: #ffffff;--shadow-sm: 0 4px 16px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0, 68, 255, .32);--shadow-lg: 0 16px 40px rgba(0, 68, 255, .18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg-gradient);color:var(--text-dark);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--white);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 20px #0044ff14}.header h2{margin:0;color:var(--primary);font-weight:800}.nav{display:flex;gap:24px}.nav-link{color:var(--primary-medium);text-decoration:none;font-weight:600;transition:color .18s ease}.nav-link:hover{color:var(--primary)}.content{flex:1;padding:40px 20px;max-width:900px;margin:0 auto;width:100%;text-align:center}.footer{background:var(--white);padding:20px;text-align:center;border-top:1px solid rgba(0,68,255,.1);color:var(--text-soft)}h1{color:var(--primary-dark);font-size:2.5rem;margin-bottom:.6em;font-weight:800;letter-spacing:-.5px}.logo-wrap{width:700px;height:400px;margin:2rem auto;border-radius:24px;border:8px solid var(--white);box-shadow:var(--shadow-lg);overflow:hidden;background:linear-gradient(145deg,var(--light),var(--primary-light))}.logo-wrap img{width:100%;height:100%;object-fit:contain;display:block}.description{font-size:1.24rem;line-height:1.6;color:var(--text-soft);max-width:680px;margin:0 auto 3.5rem}.features{display:flex;flex-direction:column;gap:1.2rem;max-width:620px;margin:0 auto 3rem;text-align:left}.feature{background:var(--white);padding:1.4rem 2rem;border-radius:16px;font-size:1.18rem;border-left:5px solid var(--primary);box-shadow:var(--shadow-sm)}.feature strong{color:var(--primary-dark)}.btn-support{display:inline-block;padding:16px 48px;font-size:1.22rem;font-weight:700;color:var(--white);background:var(--primary);border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:all .22s ease;box-shadow:var(--shadow-md);margin-top:1rem}.btn-support:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 14px 36px #04f6}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:20px}.nav{flex-wrap:wrap;justify-content:center}.logo-wrap{width:400px;height:250px}}@media(max-width:640px){h1{font-size:2rem}.logo-wrap{width:280px;height:180px}}