Smart Finance Tips for Indian Investors

<!– WORDPRESS.COM SAFE HOMEPAGE (paste into a Page using the “Custom HTML” block). No , no JSON-LD, no JS. All quotes and CSS variables fixed. –>

:root {
–bg: #0b0f19; /* deep navy */
–card: #111827; /* slate */
–muted: #94a3b8; /* slate-300 */
–text: #e5e7eb; /* gray-200 */
–brand: #22c55e; /* emerald */
–brand-2: #3b82f6; /* blue */
–accent: #facc15; /* amber */
–maxw: 1200px;
–radius: 16px;
–shadow: 0 10px 30px rgba(0,0,0,0.35);
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(–bg); color: var(–text); line-height: 1.55; }
a { color: var(–brand-2); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; border-radius: calc(var(–radius) – 4px); }
.container { width: 100%; max-width: var(–maxw); margin: 0 auto; padding: 0 16px; }
.btn { display:inline-flex; gap:8px; align-items:center; padding:12px 18px; border-radius: 999px; background: linear-gradient(90deg, var(–brand), var(–brand-2)); color:#06121a; font-weight: 700; border:0; box-shadow: var(–shadow); }
.btn:hover { filter: brightness(1.05); text-decoration: none; }
.tag { font-size: 12px; padding:4px 10px; border-radius:999px; background:#0f172a; color:var(–muted); border:1px solid #1f2937; }

/* Header */
header { position: sticky; top:0; z-index:50; backdrop-filter: saturate(140%) blur(8px); background: rgba(11,15,25,.6); border-bottom: 1px solid rgba(255,255,255,.05); }
.nav { display:flex; align-items:center; justify-content: space-between; padding:14px 0; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.2px; }
.brand-logo { width:36px; height:36px; border-radius: 10px; background: linear-gradient(135deg, var(–brand-2), var(–brand)); display:grid; place-items:center; color:#00131a; font-weight:800; }
.nav-links { display:flex; gap:18px; align-items:center; }
.search { position: relative; }
.search input { width: 260px; max-width: 45vw; background:#0f172a; color: var(–text); border:1px solid #1f2937; border-radius: 999px; padding:10px 14px 10px 36px; }
.search svg { position:absolute; left:10px; top:50%; transform: translateY(-50%); opacity:.6; }

/* Hero */
.hero { padding: 48px 0 24px; }
.hero-wrap { display:grid; gap:24px; grid-template-columns: 1.1fr 0.9fr; align-items:center; }
.hero h1 { font-size: clamp(28px, 5vw, 48px); line-height: 1.1; margin: 0; }
.hero p { color: var(–muted); margin: 12px 0 20px; font-size: clamp(16px, 2vw, 18px); }
.hero-card { background: linear-gradient(180deg, rgba(59,130,246,.12), rgba(34,197,94,.08)); border:1px solid #1f2937; border-radius: var(–radius); padding:16px; display:grid; gap:12px; }

/* Feature + Latest grid */
.section { padding: 24px 0; }
.grid { display:grid; gap: 18px; grid-template-columns: repeat(12, 1fr); }
.featured { grid-column: span 7; background: var(–card); border:1px solid #1f2937; border-radius: var(–radius); padding:16px; box-shadow: var(–shadow); }
.sidebar { grid-column: span 5; display:grid; gap:18px; }
.card { background: var(–card); border:1px solid #1f2937; border-radius: var(–radius); padding:14px; display:grid; gap:12px; }
.card h3 { margin: 0; font-size: 18px; }
.meta { display:flex; gap:10px; align-items:center; color: var(–muted); font-size: 13px; }

/* Posts Grid */
.posts { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px; }
.post { background: var(–card); border:1px solid #1f2937; border-radius: var(–radius); overflow: hidden; display:grid; grid-template-rows: auto 1fr auto; }
.post .content { padding:14px; display:grid; gap:8px; }
.post h3 { margin:0; font-size: 17px; }
.post p { margin:0; color:var(–muted); font-size: 14px; }

/* Newsletter */
.nl { display:grid; grid-template-columns: 1.2fr 0.8fr; align-items:center; gap:18px; background: linear-gradient(180deg, rgba(250,204,21,.12), rgba(59,130,246,.1)); border:1px solid #1f2937; border-radius: var(–radius); padding:18px; }
.nl form { display:flex; gap:10px; }
.nl input[type=email] { flex:1; background:#0f172a; color: var(–text); border:1px solid #1f2937; border-radius: 999px; padding:12px 14px; }

/* FAQ */
.faq { display:grid; gap:10px; }
details { background: var(–card); border:1px solid #1f2937; border-radius: 12px; padding:12px 14px; }
summary { cursor: pointer; font-weight:600; }

/* Footer */
footer { margin-top: 28px; border-top:1px solid #1f2937; background:#0b1220; }
.foot { display:grid; gap:18px; grid-template-columns: 2fr 1fr 1fr 1fr; padding: 24px 0; }
.copyright { color: var(–muted); padding: 0 0 24px; font-size: 14px; }

/* Responsive */
@media (max-width: 980px){
.hero-wrap { grid-template-columns: 1fr; }
.grid { grid-template-columns: 1fr; }
.featured, .sidebar { grid-column: span 1; }
.posts { grid-template-columns: repeat(2, minmax(0,1fr)); }
.nl { grid-template-columns: 1fr; }
.foot { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px){
.search input { width: 100%; max-width: none; }
.posts { grid-template-columns: 1fr; }
.foot { grid-template-columns: 1fr; }
}

Actionable • India-focused • No jargon

Smart Personal Finance & Investing for Indian Readers

Learn SIPs, tax planning, safe banking, and step-by-step wealth playbooks. Weekly insights with examples and templates you can copy.

Email

Get Starter Kit
Browse Articles

No spam. Unsubscribe anytime.

Illustration of personal finance growth with graphs and rupee symbol

Latest Articles

FAQ

Is this financial advice?

No. Education only. Always do your own research or consult a SEBI-registered advisor before investing.

Do you cover Indian tax rules?

Yes, we focus on India-specific examples (old vs. new regime, 80C, capital gains, etc.) and keep guides updated.

How often do you publish?

Typically 1–2 posts per week. Subscribe for the weekly summary and tools.

<!– WORDPRESS.COM SAFE HOMEPAGE (paste into a Page using the “Custom HTML” block). No , no JSON-LD, no JS. All quotes and CSS variables fixed. –>

:root {
–bg: #0b0f19; /* deep navy */
–card: #111827; /* slate */
–muted: #94a3b8; /* slate-300 */
–text: #e5e7eb; /* gray-200 */
–brand: #22c55e; /* emerald */
–brand-2: #3b82f6; /* blue */
–accent: #facc15; /* amber */
–maxw: 1200px;
–radius: 16px;
–shadow: 0 10px 30px rgba(0,0,0,0.35);
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(–bg); color: var(–text); line-height: 1.55; }
a { color: var(–brand-2); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; border-radius: calc(var(–radius) – 4px); }
.container { width: 100%; max-width: var(–maxw); margin: 0 auto; padding: 0 16px; }
.btn { display:inline-flex; gap:8px; align-items:center; padding:12px 18px; border-radius: 999px; background: linear-gradient(90deg, var(–brand), var(–brand-2)); color:#06121a; font-weight: 700; border:0; box-shadow: var(–shadow); }
.btn:hover { filter: brightness(1.05); text-decoration: none; }
.tag { font-size: 12px; padding:4px 10px; border-radius:999px; background:#0f172a; color:var(–muted); border:1px solid #1f2937; }

/* Header */
header { position: sticky; top:0; z-index:50; backdrop-filter: saturate(140%) blur(8px); background: rgba(11,15,25,.6); border-bottom: 1px solid rgba(255,255,255,.05); }
.nav { display:flex; align-items:center; justify-content: space-between; padding:14px 0; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.2px; }
.brand-logo { width:36px; height:36px; border-radius: 10px; background: linear-gradient(135deg, var(–brand-2), var(–brand)); display:grid; place-items:center; color:#00131a; font-weight:800; }
.nav-links { display:flex; gap:18px; align-items:center; }
.search { position: relative; }
.search input { width: 260px; max-width: 45vw; background:#0f172a; color: var(–text); border:1px solid #1f2937; border-radius: 999px; padding:10px 14px 10px 36px; }
.search svg { position:absolute; left:10px; top:50%; transform: translateY(-50%); opacity:.6; }

/* Hero */
.hero { padding: 48px 0 24px; }
.hero-wrap { display:grid; gap:24px; grid-template-columns: 1.1fr 0.9fr; align-items:center; }
.hero h1 { font-size: clamp(28px, 5vw, 48px); line-height: 1.1; margin: 0; }
.hero p { color: var(–muted); margin: 12px 0 20px; font-size: clamp(16px, 2vw, 18px); }
.hero-card { background: linear-gradient(180deg, rgba(59,130,246,.12), rgba(34,197,94,.08)); border:1px solid #1f2937; border-radius: var(–radius); padding:16px; display:grid; gap:12px; }

/* Feature + Latest grid */
.section { padding: 24px 0; }
.grid { display:grid; gap: 18px; grid-template-columns: repeat(12, 1fr); }
.featured { grid-column: span 7; background: var(–card); border:1px solid #1f2937; border-radius: var(–radius); padding:16px; box-shadow: var(–shadow); }
.sidebar { grid-column: span 5; display:grid; gap:18px; }
.card { background: var(–card); border:1px solid #1f2937; border-radius: var(–radius); padding:14px; display:grid; gap:12px; }
.card h3 { margin: 0; font-size: 18px; }
.meta { display:flex; gap:10px; align-items:center; color: var(–muted); font-size: 13px; }

/* Posts Grid */
.posts { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px; }
.post { background: var(–card); border:1px solid #1f2937; border-radius: var(–radius); overflow: hidden; display:grid; grid-template-rows: auto 1fr auto; }
.post .content { padding:14px; display:grid; gap:8px; }
.post h3 { margin:0; font-size: 17px; }
.post p { margin:0; color:var(–muted); font-size: 14px; }

/* Newsletter */
.nl { display:grid; grid-template-columns: 1.2fr 0.8fr; align-items:center; gap:18px; background: linear-gradient(180deg, rgba(250,204,21,.12), rgba(59,130,246,.1)); border:1px solid #1f2937; border-radius: var(–radius); padding:18px; }
.nl form { display:flex; gap:10px; }
.nl input[type=email] { flex:1; background:#0f172a; color: var(–text); border:1px solid #1f2937; border-radius: 999px; padding:12px 14px; }

/* FAQ */
.faq { display:grid; gap:10px; }
details { background: var(–card); border:1px solid #1f2937; border-radius: 12px; padding:12px 14px; }
summary { cursor: pointer; font-weight:600; }

/* Footer */
footer { margin-top: 28px; border-top:1px solid #1f2937; background:#0b1220; }
.foot { display:grid; gap:18px; grid-template-columns: 2fr 1fr 1fr 1fr; padding: 24px 0; }
.copyright { color: var(–muted); padding: 0 0 24px; font-size: 14px; }

/* Responsive */
@media (max-width: 980px){
.hero-wrap { grid-template-columns: 1fr; }
.grid { grid-template-columns: 1fr; }
.featured, .sidebar { grid-column: span 1; }
.posts { grid-template-columns: repeat(2, minmax(0,1fr)); }
.nl { grid-template-columns: 1fr; }
.foot { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px){
.search input { width: 100%; max-width: none; }
.posts { grid-template-columns: 1fr; }
.foot { grid-template-columns: 1fr; }
}

Actionable • India-focused • No jargon

Smart Personal Finance & Investing for Indian Readers

Learn SIPs, tax planning, safe banking, and step-by-step wealth playbooks. Weekly insights with examples and templates you can copy.

Email

Get Starter Kit
Browse Articles

No spam. Unsubscribe anytime.

Illustration of personal finance growth with graphs and rupee symbol

Latest Articles

FAQ

Is this financial advice?

No. Education only. Always do your own research or consult a SEBI-registered advisor before investing.

Do you cover Indian tax rules?

Yes, we focus on India-specific examples (old vs. new regime, 80C, capital gains, etc.) and keep guides updated.

How often do you publish?

Typically 1–2 posts per week. Subscribe for the weekly summary and tools.

Design a site like this with WordPress.com
Get started