*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#eef4fb 0%,#f8fafd 18%,#fff 42%)}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.wrap{max-width:920px;margin:0 auto;padding:8px 24px 80px}.intro-text{font-family:"Manrope",sans-serif;font-size:16px;line-height:1.85;color:#4a5f78;margin-bottom:32px;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both .1s}.intro-text strong{color:#0d1b2a;font-weight:700}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.tip-card{background:#f8fafd;border:1px solid #e4eef4;border-radius:16px;padding:32px 28px;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}.tip-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .18s}.tip-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.08)}.tip-card:hover::before{opacity:1}.c-gold::before{background:linear-gradient(90deg,#d97706,#b45309)}.c-gold:hover{border-color:#d97706;box-shadow:0 14px 32px rgba(217,119,6,.12)}.c-gold .tip-icon{background:rgba(217,119,6,.08);color:#d97706}.c-gold .tip-badge,.c-gold .tip-link{color:#b45309}.c-gold .tip-link{border-color:rgba(217,119,6,.25)}.c-rose::before{background:linear-gradient(90deg,#e11d48,#be123c)}.c-rose:hover{border-color:#e11d48;box-shadow:0 14px 32px rgba(225,29,72,.12)}.c-rose .tip-icon{background:rgba(225,29,72,.08);color:#e11d48}.c-rose .tip-badge,.c-rose .tip-link{color:#be123c}.c-rose .tip-link{border-color:rgba(225,29,72,.25)}.c-emerald::before{background:linear-gradient(90deg,#10b981,#059669)}.c-emerald:hover{border-color:#10b981;box-shadow:0 14px 32px rgba(16,185,129,.12)}.c-emerald .tip-icon{background:rgba(16,185,129,.08);color:#10b981}.c-emerald .tip-badge,.c-emerald .tip-link{color:#047857}.c-emerald .tip-link{border-color:rgba(16,185,129,.25)}.t1{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both .2s}.t2{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both .3s}.t3{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both .4s}.tip-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.tip-badge{font-family:"Manrope",sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.tip-card h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:20px;font-weight:800;color:#0d1b2a;margin-bottom:12px;letter-spacing:-.02em;line-height:1.2}.tip-card p{font-family:"Manrope",sans-serif;font-size:14px;line-height:1.7;color:#4a5f78;margin-bottom:20px;flex:1}.tip-link{display:inline-flex;align-items:center;gap:5px;font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-bottom:1.5px solid;padding-bottom:2px;align-self:flex-start;transition:gap .18s}.tip-card:hover .tip-link{gap:8px}.next-steps{background:#f8fafd;border:1px solid #e4eef4;border-radius:14px;padding:28px 30px;display:flex;align-items:center;gap:20px;animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both .5s}.next-icon{width:48px;height:48px;border-radius:12px;background:rgba(32,145,218,.08);color:#2091DA;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-steps h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:16px;font-weight:800;color:#0d1b2a;margin-bottom:5px}.next-steps p{font-family:"Manrope",sans-serif;font-size:14px;color:#4a5f78;line-height:1.6;margin-bottom:10px}.next-btn{display:inline-flex;align-items:center;gap:6px;font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#2091DA;text-decoration:none;border-bottom:2px solid rgba(32,145,218,.25);padding-bottom:1px;transition:gap .18s,border-color .18s}.next-btn:hover{gap:9px;border-color:#2091DA}@media (max-width:900px){.tip-grid{grid-template-columns:1fr}}@media (max-width:640px){.tip-card{padding:26px 22px}.next-steps{flex-direction:column;align-items:flex-start;padding:24px 22px}}