*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: #0a0a0f; color: #e0e0e0; line-height: 1.7; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
.highlight { background: linear-gradient(135deg, #a855f7, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.section { padding: 100px 0; }
.section-header { text-align: center; margin-bottom: 60px; }
.section-badge { display: inline-block; background: linear-gradient(135deg, rgba(168,85,247,0.15), rgba(59,130,246,0.15)); color: #a855f7; padding: 6px 18px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 16px; border: 1px solid rgba(168,85,247,0.25); }
.section-header h2 { font-size: 2.4rem; font-weight: 800; color: #fff; }
.divider { width: 60px; height: 4px; background: linear-gradient(90deg, #a855f7, #3b82f6); border-radius: 2px; margin: 20px auto 0; }
.btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 32px; border-radius: 10px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: none; }
.btn-primary { background: linear-gradient(135deg, #a855f7, #3b82f6); color: #fff; box-shadow: 0 4px 20px rgba(168,85,247,0.3); }
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(168,85,247,0.45); }
.btn-secondary { background: transparent; color: #fff; border: 2px solid rgba(168,85,247,0.5); }
.btn-secondary:hover { background: rgba(168,85,247,0.1); border-color: #a855f7; transform: translateY(-3px); }
.btn-large { padding: 18px 40px; font-size: 1.1rem; }
.hero { min-height: 80vh; display: flex; align-items: center; position: relative; overflow: hidden; padding: 100px 0; }
.hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 50%, rgba(168,85,247,0.08) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(59,130,246,0.08) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(168,85,247,0.05) 0%, transparent 50%); }
.hero-content { position: relative; text-align: center; max-width: 800px; margin: 0 auto; }
.hero-tag { display: inline-block; background: rgba(168,85,247,0.1); color: #a855f7; padding: 6px 18px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; margin-bottom: 24px; border: 1px solid rgba(168,85,247,0.2); }
.hero-title { font-size: 4rem; font-weight: 800; color: #fff; line-height: 1.1; margin-bottom: 12px; }
.hero-subtitle { font-size: 1.2rem; color: #888; margin-bottom: 20px; font-weight: 400; }
.hero-desc { font-size: 1.05rem; color: #999; max-width: 600px; margin: 0 auto 36px; line-height: 1.8; }
.hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 24px; }
.hero-email { display: inline-flex; align-items: center; gap: 8px; color: #888; text-decoration: none; font-size: 0.95rem; transition: color 0.3s; }
.hero-email:hover { color: #a855f7; }
.about { background: linear-gradient(180deg, #0a0a0f 0%, #0f0f1a 100%); }
.about-content { display: flex; gap: 60px; align-items: center; }
.about-text { flex: 1; }
.about-text p { margin-bottom: 16px; color: #aaa; font-size: 1.05rem; }
.about-text p strong { color: #fff; }
.about-stats { flex: 0 0 320px; display: grid; grid-template-columns: 1fr; gap: 16px; }
.stat { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 14px; padding: 24px; text-align: center; transition: all 0.3s; }
.stat:hover { background: rgba(168,85,247,0.05); border-color: rgba(168,85,247,0.2); transform: translateY(-4px); }
.stat-icon { font-size: 1.8rem; color: #a855f7; margin-bottom: 8px; display: block; }
.stat h3 { color: #fff; font-size: 1rem; margin-bottom: 4px; }
.stat p { color: #888; font-size: 0.85rem; }
.expertise { background: #0f0f1a; }
.expertise-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 16px; }
.expertise-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 14px; padding: 28px 16px; text-align: center; transition: all 0.3s; cursor: default; }
.expertise-card:hover { background: rgba(168,85,247,0.08); border-color: rgba(168,85,247,0.25); transform: translateY(-6px); }
.expertise-card i { font-size: 2rem; background: linear-gradient(135deg, #a855f7, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 10px; }
.expertise-card h3 { color: #ccc; font-size: 0.85rem; font-weight: 600; }
.services { background: linear-gradient(180deg, #0f0f1a 0%, #0a0a0f 100%); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.service-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 36px 28px; transition: all 0.4s; }
.service-card:hover { background: rgba(168,85,247,0.04); border-color: rgba(168,85,247,0.2); transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.2); }
.service-icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(135deg, rgba(168,85,247,0.12), rgba(59,130,246,0.12)); margin-bottom: 20px; }
.service-icon i { font-size: 1.4rem; background: linear-gradient(135deg, #a855f7, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.service-card h3 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }
.service-card p { color: #999; font-size: 0.9rem; line-height: 1.7; }
.why-me { background: #0f0f1a; }
.why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.why-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 36px 28px; text-align: center; position: relative; overflow: hidden; transition: all 0.3s; }
.why-card:hover { background: rgba(168,85,247,0.04); border-color: rgba(168,85,247,0.2); transform: translateY(-6px); }
.why-number { position: absolute; top: 12px; right: 20px; font-size: 3rem; font-weight: 800; color: rgba(168,85,247,0.07); line-height: 1; }
.why-icon { font-size: 2rem; background: linear-gradient(135deg, #a855f7, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 16px; }
.why-card h3 { color: #fff; font-size: 1.1rem; margin-bottom: 8px; }
.why-card p { color: #999; font-size: 0.9rem; }
.tools { background: linear-gradient(180deg, #0f0f1a 0%, #0a0a0f 100%); }
.tools-category { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 28px 32px; margin-bottom: 20px; transition: all 0.3s; }
.tools-category:hover { border-color: rgba(168,85,247,0.2); }
.tools-category h3 { color: #fff; font-size: 1rem; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.tools-category h3 i { color: #a855f7; }
.tools-list { display: flex; flex-wrap: wrap; gap: 10px; }
.tools-list span { background: rgba(168,85,247,0.08); border: 1px solid rgba(168,85,247,0.15); color: #c0b0d0; padding: 6px 16px; border-radius: 8px; font-size: 0.85rem; font-weight: 500; transition: all 0.3s; }
.tools-list span:hover { background: rgba(168,85,247,0.15); border-color: rgba(168,85,247,0.3); color: #fff; }
.portfolio { background: #0f0f1a; }
.portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.portfolio-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 36px 28px; text-align: center; transition: all 0.4s; }
.portfolio-card:hover { background: rgba(168,85,247,0.04); border-color: rgba(168,85,247,0.2); transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.2); }
.portfolio-icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient(135deg, rgba(168,85,247,0.12), rgba(59,130,246,0.12)); margin: 0 auto 20px; }
.portfolio-icon i { font-size: 1.5rem; background: linear-gradient(135deg, #a855f7, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.portfolio-card h3 { color: #fff; font-size: 1.15rem; margin-bottom: 10px; }
.portfolio-card p { color: #999; font-size: 0.9rem; }
.contact { background: linear-gradient(180deg, #0f0f1a 0%, #0a0a0f 100%); }
.contact-wrapper { text-align: center; max-width: 650px; margin: 0 auto; }
.contact-desc { color: #aaa; font-size: 1.05rem; margin-bottom: 36px; line-height: 1.8; }
.contact-tagline { margin-top: 32px; font-size: 1.3rem; font-weight: 600; background: linear-gradient(135deg, #a855f7, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-style: italic; }
.footer { text-align: center; padding: 32px 0; border-top: 1px solid rgba(255,255,255,0.06); }
.footer p { color: #666; font-size: 0.85rem; }
@media (max-width: 768px) {
.hero-title { font-size: 2.6rem; }
.hero-subtitle { font-size: 1rem; }
.section-header h2 { font-size: 1.8rem; }
.about-content { flex-direction: column; }
.about-stats { flex: unset; width: 100%; }
.services-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.hero-title { font-size: 2rem; }
.section-header h2 { font-size: 1.5rem; }
.btn { padding: 12px 24px; font-size: 0.9rem; }
.btn-large { padding: 14px 28px; }
.section { padding: 60px 0; }
}
AI-Powered Digital Marketer
Mamatha Kamalakar
SEO Specialist • Content Strategist • Growth Driver
I help businesses increase visibility, generate quality leads, and drive measurable growth through strategic digital marketing solutions.
mamathadigitalmarkter@gmail.com
My journey into digital marketing began with a passion for creativity, technology, and business growth. Through advanced AI-powered digital marketing training, I developed practical expertise in SEO, paid advertising, content strategy, analytics, automation, and conversion optimization.
I combine data-driven decision-making with creative storytelling to create marketing campaigns that deliver real business results.
SEO & Analytics
Data-backed strategies
AI-Powered
Modern tools & automation
Results-Driven
Measurable growth
SEO
SMM
Google Ads
Meta Ads
Content Marketing
WordPress
Analytics
Email Marketing
AI Marketing Tools
Automation
SEO Optimization
Improve search rankings, organic traffic, and online visibility through strategic keyword research, on-page optimization, technical SEO, and content planning.
Social Media Marketing
Build brand awareness and audience engagement through creative social media campaigns across major platforms.
Google Ads
Create high-converting search, display, and performance campaigns that maximize ROI and lead generation.
Meta Ads
Design targeted Facebook and Instagram advertising campaigns that drive engagement, traffic, and sales.
Content Marketing
Develop compelling content strategies that attract, educate, and convert audiences.
WordPress Development
Create responsive, user-friendly, and SEO-optimized websites that strengthen online presence.
Analytics & Reporting
Track performance using Google Analytics, Search Console, and data visualization tools for informed decision-making.
Email Marketing
Design personalized email campaigns that nurture leads and improve customer retention.
AI Tools & Automation
Leverage artificial intelligence and automation tools to streamline marketing workflows and improve efficiency.
01
Data-Driven Strategy
Every decision is backed by analytics and performance insights.
02
AI-Powered Innovation
Combining modern AI tools with proven marketing techniques.
03
Creative Storytelling
Crafting compelling brand experiences that connect with audiences.
04
Continuous Learning
Staying updated with the latest digital marketing trends and technologies.
SEO Projects
Keyword Research • On-Page SEO • Technical SEO • Content Optimization
Paid Advertising
Google Ads Campaign Setup • Meta Ads Strategy • Conversion Tracking
Content Marketing
Blog Strategy • Social Media Content • Brand Storytelling
Website Development
Responsive WordPress Websites • Landing Pages • Conversion-Focused Design