*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a202c;background:#f7fafc;line-height:1.55}
a{color:#2b6cb0;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#fff;border-bottom:1px solid #e2e8f0}
.logo{font-weight:700;font-size:20px;color:#1a202c;display:flex;align-items:center;gap:8px}.dot{width:14px;height:14px;border-radius:50%;background:#2b6cb0;display:inline-block}
nav a{margin-left:22px;color:#4a5568}.btn{background:#2b6cb0;color:#fff!important;padding:8px 16px;border-radius:8px;border:0;cursor:pointer;font-size:15px}.btn.big{padding:14px 26px;font-size:17px;display:inline-block;margin-top:10px}
.hero{padding:80px 6vw 50px;text-align:center}.hero h1{font-size:40px;margin:0 0 14px}.hero p{max-width:640px;margin:0 auto 20px;color:#4a5568;font-size:18px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:20px 6vw 40px}.features div{background:#fff;border-radius:12px;padding:22px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.gallery{padding:10px 6vw 60px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
figcaption{padding:10px 14px;color:#4a5568;font-size:14px}.ph{height:170px}.p1{background:linear-gradient(135deg,#a0aec0,#e2e8f0 60%,#cbd5e0)}.p2{background:linear-gradient(160deg,#2c5282,#63b3ed 55%,#c3dafe)}
.p3{background:linear-gradient(120deg,#744210,#d69e2e 50%,#faf089)}.p4{background:linear-gradient(180deg,#1a202c,#276749 45%,#68d391 70%,#1a202c)}.p5{background:linear-gradient(180deg,#f6ad55,#ed64a6 50%,#2a4365)}.p6{background:linear-gradient(135deg,#4a5568,#a0aec0 50%,#edf2f7)}
.page{max-width:760px;margin:50px auto;padding:0 6vw}.narrow{max-width:420px}form label{display:block;margin:12px 0;font-size:14px;color:#4a5568}form input{display:block;width:100%;padding:10px;border:1px solid #cbd5e0;border-radius:8px;margin-top:4px;font-size:15px}
.err{color:#c53030;min-height:1em}.muted{color:#718096;font-size:14px}footer{text-align:center;color:#718096;font-size:14px;padding:30px}
