/* ══════════════════════════════════════════════
   Child Safe Online v2 — Security365
   Child-friendly + Cybersecurity design
   ══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --bg: #fefcf9; --bg-warm: #fdf6ee; --bg-card: #ffffff; --bg-dark: #1a1333; --bg-fun: #f0e6ff;
  --primary: #6c5ce7; --primary-light: #a29bfe; --primary-glow: rgba(108,92,231,0.15);
  --accent-orange: #ff6b35; --accent-yellow: #ffd166; --accent-teal: #06d6a0; --accent-pink: #ef476f; --accent-blue: #118ab2;
  --text: #2d2346; --text-dim: #6b5f80; --text-light: #9b91ad;
  --border: #e8e0f0; --shadow: 0 4px 24px rgba(45,35,70,0.06); --shadow-hover: 0 12px 40px rgba(108,92,231,0.12);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Outfit',sans-serif; background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; overflow-x:hidden; }

/* ═══ HERO ═══ */
.hero { position:relative; background:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 40%,#74b9ff 70%,#06d6a0 100%); padding:100px 24px 120px; text-align:center; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E"); pointer-events:none; }
.hero-shape { position:absolute; border-radius:50%; opacity:0.12; animation:float 8s ease-in-out infinite; }
.shape-1 { width:200px; height:200px; background:var(--accent-yellow); top:-40px; left:-60px; }
.shape-2 { width:150px; height:150px; background:var(--accent-pink); top:20%; right:-40px; animation-delay:-3s; }
.shape-3 { width:120px; height:120px; background:#fff; bottom:-30px; left:30%; animation-delay:-5s; }
.shape-4 { width:80px; height:80px; background:var(--accent-orange); top:50%; left:10%; animation-delay:-2s; }
@keyframes float { 0%,100%{transform:translate(0,0) rotate(0deg);} 33%{transform:translate(15px,-20px) rotate(5deg);} 66%{transform:translate(-10px,10px) rotate(-3deg);} }

.hero-content { position:relative; z-index:1; max-width:800px; margin:0 auto; }
.hero-badge { display:inline-block; padding:8px 20px; background:rgba(255,255,255,0.2); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,0.3); border-radius:100px; font-size:13px; font-weight:700; color:#fff; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:28px; animation:fadeUp 0.6s ease-out; }
@keyframes fadeUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }
.hero-emoji { font-size:64px; margin-bottom:20px; animation:fadeUp 0.6s ease-out 0.1s both; }
.hero-title { font-family:'Nunito',sans-serif; font-size:52px; font-weight:900; color:#fff; line-height:1.15; margin-bottom:20px; animation:fadeUp 0.6s ease-out 0.2s both; }
.hero-title span { color:var(--accent-yellow); }
.hero-desc { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.7; max-width:600px; margin:0 auto 36px; animation:fadeUp 0.6s ease-out 0.3s both; }
.hero-cta { display:inline-flex; align-items:center; gap:10px; padding:18px 40px; background:#fff; color:var(--primary); font-family:'Nunito',sans-serif; font-size:17px; font-weight:800; border-radius:100px; text-decoration:none; transition:all 0.3s; box-shadow:0 8px 30px rgba(0,0,0,0.15); animation:fadeUp 0.6s ease-out 0.4s both; }
.hero-cta:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 16px 40px rgba(0,0,0,0.2); }
.hero-status { margin-top:24px; display:inline-flex; align-items:center; gap:8px; font-size:14px; color:rgba(255,255,255,0.7); animation:fadeUp 0.6s ease-out 0.5s both; }
.status-dot { width:8px; height:8px; background:var(--accent-yellow); border-radius:50%; animation:blink 1.5s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0.3;} }

/* ═══ SECTION COMMON ═══ */
.section { max-width:1100px; margin:0 auto; padding:80px 24px; }
.section-label { display:inline-block; padding:6px 16px; background:var(--primary-glow); border-radius:100px; font-size:12px; font-weight:700; color:var(--primary); letter-spacing:2px; text-transform:uppercase; margin-bottom:20px; }
.section-title { font-family:'Nunito',sans-serif; font-size:36px; font-weight:900; color:var(--text); margin-bottom:14px; line-height:1.2; }
.section-desc { font-size:16px; color:var(--text-dim); line-height:1.7; max-width:650px; }

/* ═══ MISSION ═══ */
.mission { background:var(--bg-warm); }
.mission-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
.mission-card { background:var(--bg-card); border:1px solid var(--border); border-radius:24px; padding:36px 28px; text-align:center; transition:all 0.3s; box-shadow:var(--shadow); }
.mission-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); border-color:var(--primary-light); }
.mission-icon { font-size:48px; margin-bottom:18px; }
.mission-name { font-family:'Nunito',sans-serif; font-size:20px; font-weight:800; margin-bottom:10px; }
.mission-text { font-size:14px; color:var(--text-dim); line-height:1.7; }

/* ═══ RISKS ═══ */
.risks { background:var(--bg-dark); color:#fff; padding:80px 24px; }
.risks .section-label { background:rgba(239,71,111,0.15); color:var(--accent-pink); }
.risks .section-title { color:#fff; }
.risks .section-desc { color:rgba(255,255,255,0.65); }
.risks-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; max-width:1100px; margin-left:auto; margin-right:auto; }
.risk-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:20px; padding:32px 24px; text-align:center; transition:all 0.3s; text-decoration:none; color:inherit; display:block; }
.risk-card:hover { background:rgba(255,255,255,0.08); transform:translateY(-4px); border-color:rgba(255,255,255,0.15); }
.risk-link { display:inline-block; margin-top:12px; font-size:13px; font-weight:700; color:var(--accent-yellow); opacity:0; transition:opacity 0.3s; }
.risk-card:hover .risk-link { opacity:1; }
.risk-emoji { font-size:40px; margin-bottom:14px; }
.risk-name { font-family:'Nunito',sans-serif; font-size:17px; font-weight:800; margin-bottom:8px; }
.risk-text { font-size:13px; color:rgba(255,255,255,0.55); line-height:1.6; }
.risks-cta { text-align:center; margin-top:48px; }
.aware-btn-hero { display:inline-flex; align-items:center; gap:12px; padding:20px 44px; background:linear-gradient(135deg,var(--accent-pink),#d63384); color:#fff; font-family:'Nunito',sans-serif; font-size:18px; font-weight:800; border-radius:100px; text-decoration:none; transition:all 0.3s; box-shadow:0 8px 30px rgba(239,71,111,0.3); }
.aware-btn-hero:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(239,71,111,0.4); }
.risks-cta-note { margin-top:16px; font-size:13px; color:rgba(255,255,255,0.4); }

/* ═══ TOOLS — CHILD FRIENDLY ═══ */
.tools-section { background:linear-gradient(180deg,#f0e6ff 0%,#e8f4fd 50%,#e6fff5 100%); padding:80px 24px; position:relative; overflow:hidden; }
.tools-section::before { content:''; position:absolute; top:0; left:0; right:0; height:6px; background:linear-gradient(90deg,var(--accent-pink),var(--accent-orange),var(--accent-yellow),var(--accent-teal),var(--accent-blue),var(--primary)); }

.tools-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 280px; gap:32px; }

.tools-main { min-width:0; }

.tools-header { text-align:center; margin-bottom:48px; }
.tools-header .section-title { color:var(--primary); }
.tools-subtitle { font-size:16px; color:var(--text-dim); margin-top:8px; }

.tools-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }

.tool-card {
  background:#fff; border:2px solid transparent; border-radius:24px; padding:28px 24px; text-align:center; transition:all 0.3s; box-shadow:var(--shadow); position:relative; overflow:hidden;
  background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--accent-pink),var(--accent-orange),var(--accent-yellow),var(--accent-teal));
  background-origin:border-box; background-clip:padding-box,border-box;
}
.tool-card:hover { transform:translateY(-6px) scale(1.02); box-shadow:var(--shadow-hover); }

.tool-emoji { font-size:44px; margin-bottom:14px; }
.tool-name { font-family:'Nunito',sans-serif; font-size:17px; font-weight:800; margin-bottom:8px; color:var(--text); }
.tool-name a { color:inherit; text-decoration:none; }
.tool-name a:hover { color:var(--primary); }
.tool-text { font-size:13px; color:var(--text-dim); line-height:1.6; margin-bottom:14px; }
.tool-badge { display:inline-block; padding:4px 14px; border-radius:100px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.badge-soon { background:rgba(6,214,160,0.12); color:var(--accent-teal); border:1px solid rgba(6,214,160,0.2); }
.badge-new { background:rgba(108,92,231,0.12); color:var(--primary); border:1px solid rgba(108,92,231,0.2); }
.badge-popular { background:rgba(255,107,53,0.12); color:var(--accent-orange); border:1px solid rgba(255,107,53,0.2); }

.tool-link { display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:13px; font-weight:700; color:var(--primary); text-decoration:none; transition:all 0.2s; }
.tool-link:hover { color:var(--accent-pink); gap:10px; }

/* ═══ SPONSOR SIDEBAR ═══ */
.sponsor-sidebar { display:flex; flex-direction:column; gap:16px; position:sticky; top:24px; align-self:start; }

.sponsor-title { font-size:11px; font-weight:700; color:var(--text-light); letter-spacing:2px; text-transform:uppercase; text-align:center; margin-bottom:4px; }

.sponsor-card { background:#fff; border:1px solid var(--border); border-radius:20px; padding:24px 18px; text-align:center; box-shadow:var(--shadow); transition:all 0.3s; }
.sponsor-card:hover { box-shadow:var(--shadow-hover); transform:translateY(-3px); }
.sponsor-card-name { font-family:'Nunito',sans-serif; font-size:18px; font-weight:900; margin-bottom:6px; }
.sponsor-card-name.nord { color:#4582f7; }
.sponsor-card-name.surf { color:#1ed7b2; }
.sponsor-card-name.pure { color:var(--primary); }
.sponsor-card-tag { font-size:10px; font-weight:700; color:var(--text-light); letter-spacing:1px; text-transform:uppercase; margin-bottom:12px; }
.sponsor-card-desc { font-size:12px; color:var(--text-dim); line-height:1.5; margin-bottom:14px; }
.sponsor-card-btn { display:block; width:100%; padding:10px; border-radius:10px; font-family:'Nunito',sans-serif; font-size:12px; font-weight:800; color:#fff; text-decoration:none; text-align:center; transition:all 0.2s; }
.sponsor-card-btn:hover { transform:translateY(-2px); }
.sponsor-card-btn.nord { background:linear-gradient(135deg,#3366ff,#4582f7); }
.sponsor-card-btn.surf { background:linear-gradient(135deg,#17b89c,#1ed7b2); }
.sponsor-card-btn.pure { background:linear-gradient(135deg,#6c5ce7,#a29bfe); }

.sponsor-contact { font-size:11px; color:var(--text-light); text-align:center; padding:12px; background:var(--bg-warm); border-radius:12px; border:1px dashed var(--border); }
.sponsor-contact a { color:var(--primary); text-decoration:none; font-weight:700; }

/* ═══ PARENT WARNING ═══ */
.parent-section { background:var(--accent-orange); color:#fff; padding:64px 24px; }
.parent-inner { max-width:900px; margin:0 auto; display:grid; grid-template-columns:auto 1fr; gap:32px; align-items:center; }
.parent-emoji { font-size:80px; }
.parent-title { font-family:'Nunito',sans-serif; font-size:28px; font-weight:900; margin-bottom:12px; }
.parent-text { font-size:15px; line-height:1.7; opacity:0.9; margin-bottom:20px; }
.parent-checklist { list-style:none; margin-bottom:24px; }
.parent-checklist li { padding:6px 0 6px 24px; position:relative; font-size:14px; font-weight:600; }
.parent-checklist li::before { content:'⚠️'; position:absolute; left:0; }
.parent-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; background:#fff; color:var(--accent-orange); font-family:'Nunito',sans-serif; font-size:15px; font-weight:800; border-radius:100px; text-decoration:none; transition:all 0.3s; }
.parent-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.15); }

/* ═══ TIMELINE ═══ */
.timeline { background:var(--bg-warm); }
.timeline-track { display:flex; gap:0; margin-top:48px; position:relative; }
.timeline-track::before { content:''; position:absolute; top:28px; left:0; right:0; height:3px; background:var(--border); border-radius:100px; }
.timeline-step { flex:1; text-align:center; position:relative; padding-top:60px; }
.timeline-dot { position:absolute; top:16px; left:50%; transform:translateX(-50%); width:28px; height:28px; border-radius:50%; border:3px solid var(--border); background:var(--bg-warm); z-index:1; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; color:var(--text-light); }
.timeline-step.active .timeline-dot { background:var(--primary); border-color:var(--primary); color:#fff; box-shadow:0 0 0 6px var(--primary-glow); }
.timeline-step.done .timeline-dot { background:var(--accent-teal); border-color:var(--accent-teal); color:#fff; }
.timeline-phase { font-family:'Nunito',sans-serif; font-size:15px; font-weight:800; margin-bottom:6px; }
.timeline-info { font-size:12px; color:var(--text-light); line-height:1.5; padding:0 8px; }

/* ═══ VPN SECTION ═══ */
.vpn-section { background:var(--bg-dark); color:#fff; padding:80px 24px; }
.vpn-section .section-label { background:rgba(108,92,231,0.15); color:var(--primary-light); }
.vpn-section .section-title { color:#fff; }
.vpn-section .section-desc { color:rgba(255,255,255,0.6); }
.vpn-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; max-width:1100px; margin-left:auto; margin-right:auto; }
.vpn-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:24px; padding:32px 24px; text-align:center; transition:all 0.3s; }
.vpn-card:hover { background:rgba(255,255,255,0.07); transform:translateY(-4px); }
.vpn-badge { display:inline-block; padding:4px 14px; border-radius:100px; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:16px; }
.vpn-badge.nord { background:rgba(69,130,247,0.15); color:#6fa3f7; }
.vpn-badge.surf { background:rgba(30,215,178,0.15); color:#4de8c8; }
.vpn-badge.pure { background:rgba(162,155,254,0.15); color:var(--primary-light); }
.vpn-name { font-family:'Nunito',sans-serif; font-size:24px; font-weight:900; margin-bottom:18px; }
.vpn-feats { text-align:left; margin-bottom:22px; }
.vpn-feat { font-size:13px; color:rgba(255,255,255,0.55); padding:5px 0; }
.vpn-btn { display:block; width:100%; padding:14px; border:none; border-radius:14px; font-family:'Nunito',sans-serif; font-size:14px; font-weight:800; color:#fff; text-decoration:none; text-align:center; transition:all 0.3s; }
.vpn-btn:hover { transform:translateY(-2px); }
.vpn-btn.nord { background:linear-gradient(135deg,#3366ff,#4582f7); }
.vpn-btn.nord:hover { box-shadow:0 8px 24px rgba(69,130,247,0.3); }
.vpn-btn.surf { background:linear-gradient(135deg,#17b89c,#1ed7b2); }
.vpn-btn.surf:hover { box-shadow:0 8px 24px rgba(30,215,178,0.3); }
.vpn-btn.pure { background:linear-gradient(135deg,#6c5ce7,#a29bfe); }
.vpn-btn.pure:hover { box-shadow:0 8px 24px rgba(108,92,231,0.3); }
.hosting-bar { text-align:center; margin-top:40px; padding-top:32px; border-top:1px solid rgba(255,255,255,0.06); }
.hosting-bar a { color:rgba(255,255,255,0.4); text-decoration:none; font-size:13px; }
.hosting-bar a:hover { color:var(--accent-yellow); }

/* ═══ FOOTER ═══ */
.footer { text-align:center; padding:32px 24px; font-size:13px; color:var(--text-light); border-top:1px solid var(--border); }
.footer a { color:var(--primary); text-decoration:none; font-weight:600; }
.footer a:hover { color:var(--text); }

/* ═══ RESPONSIVE ═══ */
@media(max-width:900px) {
  .hero-title{font-size:36px;} .mission-grid,.risks-grid,.vpn-grid{grid-template-columns:1fr;}
  .tools-inner{grid-template-columns:1fr;} .tools-grid{grid-template-columns:1fr;}
  .sponsor-sidebar{flex-direction:row;overflow-x:auto;position:static;} .sponsor-card{min-width:220px;}
  .timeline-track{flex-direction:column;gap:24px;} .timeline-track::before{display:none;} .timeline-step{padding-top:0;padding-left:48px;text-align:left;} .timeline-dot{left:0;top:50%;transform:translateY(-50%);}
  .parent-inner{grid-template-columns:1fr;text-align:center;} .parent-emoji{margin:0 auto;}
}
@media(max-width:640px) {
  .hero{padding:60px 20px 80px;} .hero-title{font-size:28px;} .hero-desc{font-size:15px;}
  .section{padding:56px 20px;} .section-title{font-size:28px;}
  .risks,.vpn-section{padding:56px 20px;} .tools-section{padding:56px 20px;}
  .sponsor-sidebar{flex-direction:column;}
}


/* ═══ CHILDSAFE SHARED NAVBAR (Landing — Purple Theme) ═══ */
.cs-nav{position:sticky;top:0;z-index:9999;background:rgba(26,19,51,0.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(108,92,231,0.15);font-family:'Nunito',sans-serif}
.cs-nav-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:56px}
.cs-nav-brand{font-size:17px;font-weight:900;color:#fff;text-decoration:none;display:flex;align-items:center;gap:6px;letter-spacing:-0.3px}
.cs-nav-links{display:flex;align-items:center;gap:3px}
.cs-nav-links a,.cs-nav-drop-btn{padding:8px 14px;font-size:13px;font-weight:700;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:10px;transition:all .2s;white-space:nowrap;border:none;background:none;cursor:pointer;font-family:inherit}
.cs-nav-links a:hover,.cs-nav-drop-btn:hover{color:#fff;background:rgba(108,92,231,0.2)}
.cs-nav-dropdown{position:relative}
.cs-nav-drop-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1a1333;border:1px solid rgba(108,92,231,0.2);border-radius:14px;padding:8px;min-width:200px;box-shadow:0 16px 48px rgba(0,0,0,0.5);z-index:100}
.cs-nav-dropdown.open .cs-nav-drop-menu{display:block;animation:csFadeIn .25s}
.cs-nav-drop-menu a{display:block;padding:10px 14px;border-radius:10px;font-size:13px;color:rgba(255,255,255,0.65)}
.cs-nav-drop-menu a:hover{background:rgba(108,92,231,0.15);color:#fff}
@keyframes csFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.cs-nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-size:20px;padding:5px 12px;cursor:pointer;transition:all .2s}
.cs-nav-toggle:hover{background:rgba(108,92,231,0.2)}
@media(max-width:768px){
  .cs-nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:rgba(26,19,51,0.98);backdrop-filter:blur(16px);flex-direction:column;padding:10px;border-bottom:1px solid rgba(108,92,231,0.15);gap:2px}
  .cs-nav-links.open{display:flex}
  .cs-nav-toggle{display:block}
  .cs-nav-dropdown{width:100%}
  .cs-nav-drop-btn{width:100%;text-align:left}
  .cs-nav-drop-menu{position:static;transform:none;box-shadow:none;border:none;background:rgba(108,92,231,0.08);border-radius:10px;margin-top:4px}
  .cs-nav-drop-menu a{padding:10px 16px}
}

/* ═══ CHILDSAFE SHARED FOOTER ═══ */
.cs-footer{text-align:center;padding:28px 24px;font-size:12px;color:var(--text-light);border-top:1px solid var(--border);margin-top:0;font-family:'Nunito',sans-serif;background:var(--bg-warm, #fdf6ee)}
.cs-footer a{color:var(--text-dim);text-decoration:none}
.cs-footer a:hover{color:var(--primary)}
.cs-footer-brand{color:var(--primary)!important;font-weight:800}
.cs-footer-credit{margin-top:8px;font-size:11px;color:var(--text-light)}
.cs-footer-credit a{color:var(--accent-orange);font-weight:700}
.cs-footer-links{margin-top:8px}
.cs-footer-links a{margin:0 4px;font-size:11px}

/* ═══ CYBERBUDDY CTA BUTTON ═══ */
.cs-cyberbuddy-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,var(--primary),var(--accent-teal));background-size:200% 200%;animation:csShimmer 4s ease-in-out infinite;border:none;border-radius:50px;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;color:#fff;text-decoration:none;transition:all .3s;box-shadow:0 6px 24px rgba(108,92,231,0.35);cursor:pointer}
.cs-cyberbuddy-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 36px rgba(108,92,231,0.45)}
@keyframes csShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}


/* ═══ PARENT GUIDANCE SECTION ═══ */
.parent-guidance-section{padding:70px 24px;background:linear-gradient(135deg,#1a1333 0%,#2d1f5e 100%);position:relative}
.parent-guidance-inner{max-width:900px;margin:0 auto;text-align:center}
.pg-emoji{font-size:52px;margin-bottom:16px}
.pg-title{font-family:'Nunito',sans-serif;font-size:30px;font-weight:900;color:#fff;margin-bottom:12px}
.pg-subtitle{font-size:17px;color:rgba(255,255,255,0.7);line-height:1.7;max-width:600px;margin:0 auto 36px}
.pg-subtitle em{color:var(--accent-yellow);font-style:italic;font-weight:700}
.pg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}
.pg-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:28px 20px;text-align:center;transition:all .3s}
.pg-card:hover{border-color:rgba(162,155,254,0.3);transform:translateY(-4px);box-shadow:0 8px 30px rgba(108,92,231,0.15)}
.pg-card-icon{font-size:36px;margin-bottom:12px}
.pg-card-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:8px}
.pg-card-text{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.7}
.pg-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:18px 40px;background:linear-gradient(135deg,var(--accent-pink),var(--primary));border:none;border-radius:100px;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;color:#fff;text-decoration:none;transition:all .3s;box-shadow:0 6px 24px rgba(239,71,111,0.3)}
.pg-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(239,71,111,0.4)}
.pg-note{margin-top:14px;font-size:12px;color:rgba(255,255,255,0.35)}
@media(max-width:700px){.pg-cards{grid-template-columns:1fr}.pg-title{font-size:24px}}