:root{
--gpid-blue:#1E73E8;
--gpid-teal:#00BDA5;
--gpid-navy:#0D1B2A;
--gpid-dark:#1F1F1F;
--gpid-soft:#F5F7FA;
}
.gpid-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:center;padding:70px 30px;background:linear-gradient(135deg,var(--gpid-navy),#063B6B 55%,var(--gpid-teal));border-radius:28px;color:white;margin:25px auto;max-width:1200px}
.gpid-hero h1{font-size:56px;line-height:1.05;margin:16px 0;color:white}
.gpid-hero p{font-size:20px;max-width:650px}
.gpid-pill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:8px 14px;border-radius:999px}
.gpid-btn{display:inline-block;background:var(--gpid-teal);color:white!important;padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.gpid-btn.secondary{background:white;color:var(--gpid-navy)!important}
.gpid-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.gpid-card,.gpid-price-card,.gpid-pet-card,.gpid-form{background:white;border:1px solid #E5E7EB;border-radius:22px;padding:24px;box-shadow:0 15px 40px rgba(13,27,42,.08)}
.gpid-demo-card{color:var(--gpid-navy);text-align:center}
.gpid-tag-icon{font-size:80px}
.gpid-section{max-width:1200px;margin:40px auto;padding:20px}
.gpid-section h2{font-size:38px;color:var(--gpid-navy);margin-bottom:22px}
.gpid-grid{display:grid;gap:18px}
.gpid-grid.five{grid-template-columns:repeat(5,1fr)}
.gpid-grid.three{grid-template-columns:repeat(3,1fr)}
.gpid-grid>div{background:var(--gpid-soft);padding:20px;border-radius:18px}
.gpid-grid b{background:var(--gpid-blue);color:white;border-radius:50%;display:inline-grid;place-items:center;width:32px;height:32px}
.gpid-pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.gpid-price-card.featured{border:2px solid var(--gpid-teal)}
.gpid-price{font-size:44px;font-weight:800;color:var(--gpid-blue)}
.gpid-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.gpid-success,.gpid-notice{padding:14px 18px;border-radius:12px;margin:15px 0;background:#E6FFFA;color:#065F46}
.gpid-notice{background:#EFF6FF;color:#1E3A8A}
.gpid-pet-list{display:grid;gap:18px}
.gpid-pet-card{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:start}
.gpid-pet-card>img{width:160px;height:160px;object-fit:cover;border-radius:18px}
.gpid-pet-placeholder{width:160px;height:160px;border-radius:18px;background:linear-gradient(135deg,var(--gpid-blue),var(--gpid-teal));display:grid;place-items:center;font-size:54px}
.gpid-status{font-size:12px;padding:5px 9px;border-radius:999px;background:#E5E7EB}
.gpid-status.lost{background:#FEE2E2;color:#991B1B}
.gpid-status.found{background:#DCFCE7;color:#166534}
.gpid-qr{width:120px;height:120px;margin-top:10px;border:1px solid #E5E7EB;border-radius:10px}
.gpid-form{margin:20px 0}
.gpid-form label{display:block;font-weight:700;color:var(--gpid-navy);margin-bottom:12px}
.gpid-form input,.gpid-form textarea,.gpid-form select{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:10px;margin-top:6px}
.gpid-form textarea{min-height:90px}
.gpid-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gpid-contact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.gpid-public{max-width:900px;margin:40px auto;padding:20px}
.gpid-public-head{background:linear-gradient(135deg,var(--gpid-blue),var(--gpid-teal));color:white;border-radius:28px;padding:30px;text-align:center}
.gpid-public-head img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:6px solid white}
.gpid-lost-banner{background:#DC2626;color:white;padding:16px;border-radius:15px;text-align:center;font-size:24px;font-weight:800;margin-bottom:18px}
.gpid-contact-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.gpid-contact-buttons a{background:var(--gpid-navy);color:white;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700}
@media(max-width:800px){
.gpid-hero,.gpid-pricing,.gpid-pet-card{grid-template-columns:1fr}
.gpid-grid.five,.gpid-grid.three,.gpid-form-grid,.gpid-contact-row{grid-template-columns:1fr}
.gpid-hero h1{font-size:38px}
}