:root{--pp-navy:#071a33;--pp-gold:#bf9638;--pp-soft:#f4f6f8;--pp-muted:#6d7889;--pp-line:#e1e6eb}
.pp62-hero{padding:185px 0 74px;background:radial-gradient(circle at 86% 16%,rgba(217,187,99,.26),transparent 30%),linear-gradient(135deg,#fff,#f5ecd3);border-bottom:1px solid #e8dcb9}
.pp62-hero h1,.pp62-detail-hero h1{max-width:950px;margin:14px 0;color:var(--pp-navy);font-family:Poppins,Arial,sans-serif;font-size:clamp(48px,6vw,78px);line-height:1.03;letter-spacing:-.055em}
.pp62-hero p{max-width:760px;color:#637186;font-size:18px;line-height:1.72}
.pp62-section{padding:76px 0;background:var(--pp-soft)}
.pp62-heading h2{margin:7px 0 24px;color:var(--pp-navy);font-family:Poppins,Arial,sans-serif;font-size:36px}
.pp62-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pp62-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--pp-line);border-radius:20px;color:inherit;background:#fff;text-decoration:none;transition:.2s ease}
.pp62-card:hover{transform:translateY(-4px);box-shadow:0 17px 50px rgba(7,26,51,.08)}
.pp62-media{height:220px;background:linear-gradient(145deg,#edf1f4,#f0e4c4)}
.pp62-media img{width:100%;height:100%;object-fit:cover}
.pp62-media>span{width:100%;height:100%;display:grid;place-items:center;color:var(--pp-gold);font-size:64px;font-weight:900}
.pp62-body{flex:1;display:flex;flex-direction:column;padding:21px}
.pp62-tags{display:flex;gap:6px;flex-wrap:wrap}
.pp62-tags span{padding:5px 8px;border-radius:999px;color:#71551c;background:#f6edd3;font-size:9px;font-weight:850;text-transform:uppercase}
.pp62-body h3{margin:14px 0 8px;color:var(--pp-navy);font-size:22px}
.pp62-body p{flex:1;margin:0;color:var(--pp-muted);line-height:1.65}
.pp62-meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid var(--pp-line);color:#7b8798;font-size:10px}
.pp62-body b{display:block;margin-top:17px;color:var(--pp-navy)}
.pp62-empty{padding:50px 25px;border:1px dashed #ccd4de;border-radius:18px;text-align:center;background:#fff}
.pp62-detail-hero{padding:185px 0 76px;color:#fff;background:radial-gradient(circle at 88% 14%,rgba(217,187,99,.18),transparent 30%),linear-gradient(135deg,#0a2849,#153f6a)}
.pp62-detail-hero h1{color:#fff}
.pp62-detail-hero p{max-width:730px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.7}
.pp62-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}
.pp62-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pp62-facts div{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.06)}
.pp62-facts span,.pp62-facts strong{display:block}
.pp62-facts span{color:rgba(255,255,255,.58);font-size:9px;text-transform:uppercase}
.pp62-facts strong{margin-top:5px}
.pp62-detail-section{padding:76px 0;background:#fff}
.pp62-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px}
.pp62-content-grid h2{color:var(--pp-navy);font-family:Poppins,Arial,sans-serif;font-size:38px}
.pp62-rich{color:#56647a;font-size:17px;line-height:1.85}
.pp62-box{padding:24px;border:1px solid var(--pp-line);border-radius:18px;background:#fbf7ea}
.pp62-box h3{margin:0;color:var(--pp-navy);font-size:25px}
.pp62-box p{color:var(--pp-muted);line-height:1.6}
.pp62-form{display:grid;gap:12px}
.pp62-form span{display:block;margin-bottom:6px;color:var(--pp-navy);font-size:10px;font-weight:800}
.pp62-form input,.pp62-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #dfe5ec;border-radius:11px;background:#fff}
.pp62-form button{min-height:46px;border:0;border-radius:999px;color:var(--pp-navy);background:linear-gradient(135deg,#bf9638,#ead7a1);font-weight:850}
.pp62-back{display:inline-block;margin-top:15px;color:#315b83;font-weight:800;text-decoration:none}
.pp62-alert{margin-top:18px;padding:14px;border-radius:12px}
.pp62-alert.success{background:#eaf7ed;color:#245d36}.pp62-alert.error{background:#fff0f0;color:#7b2d2d}
@media(max-width:1000px){.pp62-grid{grid-template-columns:repeat(2,1fr)}.pp62-detail-grid,.pp62-content-grid{grid-template-columns:1fr}}
@media(max-width:650px){.pp62-hero,.pp62-detail-hero{padding-top:145px}.pp62-grid{grid-template-columns:1fr}}