*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#172033;background:#f5f7fb;line-height:1.8}
.wrap{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(10px);border-bottom:1px solid #e8edf5}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-size:28px;font-weight:800}.logo span{color:#295cff}nav a{text-decoration:none;color:#172033;margin-left:22px;font-weight:600}
.hero{padding:90px 0;background:linear-gradient(135deg,#0f172a,#295cff);color:#fff}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.tag{display:inline-block;background:#ffffff22;padding:8px 14px;border-radius:30px;margin-bottom:18px}
h1{font-size:54px;line-height:1.1;margin-bottom:18px}h2{font-size:36px;margin-bottom:20px}
.portrait{width:100%;border-radius:24px;background:#d7d7d7;min-height:470px;box-shadow:0 25px 50px rgba(0,0,0,.25)}
.btn,.buy{display:inline-block;text-decoration:none;background:#fff;color:#295cff;padding:13px 24px;border-radius:999px;font-weight:700;margin-top:18px}
section{padding:80px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.card{background:#fff;padding:20px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.card img{width:100%;aspect-ratio:3/4;background:#ddd;border-radius:12px;margin-bottom:16px}
.note{margin-top:18px;color:#556}
footer{text-align:center;background:#0f172a;color:#fff;padding:28px}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}h1{font-size:40px}}