/* Pages Specific Styles - Fully Responsive */

/* Content Sections */
.content-section{padding:60px 1.5rem}
.alt-bg{background:var(--bg-secondary)}

/* About Page - Intro Grid */
.about-intro-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}
.profile-card{background:var(--bg-card);border-radius:20px;padding:1.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);text-align:center;position:sticky;top:calc(var(--nav-height) + 20px)}
.profile-img{width:120px;height:120px;background:var(--gradient-accent);border-radius:50%;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;font-size:2.75rem;font-weight:800;color:#fff}
.profile-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.375rem}
.profile-card p{color:var(--text-secondary);font-size:.9375rem}
.profile-card .location{margin-top:.375rem;font-size:.875rem}
.about-text h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1.25rem;line-height:1.3}
.about-text p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}
.stats-row{display:flex;gap:2rem;margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border-color);flex-wrap:wrap}
.stat-box{text-align:center;min-width:70px}
.stat-box .num{display:block;font-size:1.75rem;font-weight:800;color:var(--accent-primary);font-family:'JetBrains Mono',monospace;line-height:1.2}
.stat-box .label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}

/* Competencies Grid */
.competencies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.comp-card{background:var(--bg-card);border-radius:16px;padding:1.75rem;border:1px solid var(--border-color);transition:all .3s}
.comp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.comp-card .icon{font-size:2.25rem;display:block;margin-bottom:1rem}
.comp-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.625rem}
.comp-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}

/* Certifications Grid */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.cert-item{display:flex;align-items:center;gap:1rem;background:var(--bg-card);padding:1.25rem;border-radius:16px;border:1px solid var(--border-color);transition:all .3s}
.cert-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.cert-item .badge{font-size:1.75rem;width:54px;height:54px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cert-item h4{font-size:.9375rem;font-weight:600;margin-bottom:.1875rem;line-height:1.3}
.cert-item p{font-size:.8125rem;color:var(--text-tertiary)}

/* Industry Grid */
.industry-grid{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center}
.ind-item{padding:.875rem 1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);font-weight:500;transition:all .3s;font-size:.9375rem}
.ind-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}

/* CTA Section */
.cta-section{padding:3rem 1.5rem}
.cta-box{background:var(--gradient-accent);border-radius:24px;padding:3rem 2rem;text-align:center;color:#fff}
.cta-box h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.875rem}
.cta-box p{font-size:clamp(.9375rem,2vw,1.125rem);opacity:.9;margin-bottom:1.75rem;max-width:600px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-box .btn-primary{background:#fff;color:var(--accent-primary)}
.cta-box .btn-secondary{background:transparent;border:2px solid #fff;color:#fff}

/* Services Page - Full Grid */
.services-grid-full{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.service-full{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border-color);transition:all .3s}
.service-full:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.service-full .icon{font-size:2.5rem;margin-bottom:1.25rem;display:block}
.service-full h3{font-size:1.375rem;font-weight:700;margin-bottom:.875rem}
.service-full p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7}
.service-full ul{padding-left:1.25rem;color:var(--text-secondary);line-height:1.8}
.service-full li{margin-bottom:.375rem}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.tag{padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);font-family:'JetBrains Mono',monospace}

/* Experience Timeline */
.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:2rem}
.timeline::before{content:'';position:absolute;left:0;width:2px;height:100%;background:var(--border-color)}
.timeline-item{position:relative;margin-bottom:2rem;padding-left:2rem}
.timeline-item::before{content:'';position:absolute;left:-2rem;top:.375rem;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;border:3px solid var(--bg-primary);margin-left:-6px}
.timeline-item .date{display:inline-block;padding:.25rem .75rem;background:var(--accent-light);color:var(--accent-primary);border-radius:50px;font-size:.8125rem;font-weight:600;margin-bottom:.75rem}
.timeline-item .card{background:var(--bg-card);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}
.timeline-item h3{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}
.timeline-item .company{color:var(--accent-primary);font-weight:600;margin-bottom:.625rem;font-size:.9375rem}
.timeline-item p,.timeline-item li{color:var(--text-secondary);font-size:.9rem;line-height:1.7}
.timeline-item ul{margin-top:.625rem;padding-left:1.25rem}
.timeline-item li{margin-bottom:.25rem}

/* Blog Grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.blog-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.blog-card .image{height:160px;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:3rem;flex-shrink:0}
.blog-card .content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}
.blog-card .meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;flex-wrap:wrap}
.blog-card .cat{padding:.25rem .625rem;background:var(--accent-light);color:var(--accent-primary);border-radius:50px;font-size:.6875rem;font-weight:600;white-space:nowrap}
.blog-card .date{font-size:.75rem;color:var(--text-tertiary)}
.blog-card h3{font-size:1rem;font-weight:700;margin-bottom:.625rem;line-height:1.4}
.blog-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}
.blog-card .link{color:var(--accent-primary);font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.375rem;margin-top:auto}

/* Contact Page Grid */
.contact-page-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem}
.contact-info-card{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border-color)}
.contact-info-card h3{font-size:1.375rem;font-weight:700;margin-bottom:.875rem}
.contact-info-card>p{color:var(--text-secondary);margin-bottom:1.5rem}
.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;margin-bottom:.875rem;transition:all .2s}
.contact-item:hover{transform:translateX(5px)}
.contact-item .icon{width:44px;height:44px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.25rem;flex-shrink:0}
.contact-item .text{min-width:0}.contact-item .text span{display:block}.contact-item .text .label{font-size:.75rem;color:var(--text-tertiary)}.contact-item .text .value{font-weight:600;word-break:break-word}
.social-links-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}
.social-links-section h4{font-size:1rem;font-weight:600;margin-bottom:.875rem}
.social-row{display:flex;gap:.625rem;flex-wrap:wrap}
.social-row .social-link{width:44px;height:44px}

/* Form Card */
.form-card{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}
.form-card h3{font-size:1.375rem;font-weight:700;margin-bottom:.375rem}
.form-card>p{color:var(--text-secondary);margin-bottom:1.5rem}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.form-group.full{grid-column:span 2}
.form-submit{margin-top:1.25rem;width:100%;padding:1rem 1.5rem;background:var(--gradient-accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}
.form-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.recaptcha-notice{font-size:.75rem;color:var(--text-tertiary);margin-top:1rem;line-height:1.5}
.recaptcha-notice a{color:var(--accent-primary);text-decoration:underline}
.recaptcha-box{margin-top:1.25rem;overflow:hidden}
.recaptcha-box>div{transform-origin:left top}
.success-msg,.error-msg{display:none;padding:1.25rem;border-radius:12px;text-align:center;margin-top:1.25rem}
.success-msg{background:rgba(16,185,129,.1);border:1px solid var(--success)}
.success-msg.show,.error-msg.show{display:block}
.success-msg h4{font-size:1.125rem;font-weight:700;margin-bottom:.375rem}
.success-msg p{color:var(--text-secondary)}
.error-msg{background:rgba(239,68,68,.1);border:1px solid var(--error);color:var(--error)}

/* ==================== RESPONSIVE - PAGES ==================== */

/* Large Desktop */
@media(min-width:1400px){
    .content-section{padding:80px 3rem}
    .cta-section{padding:4rem 3rem}
    .cta-box{padding:4rem 3rem}
}

/* Tablet Landscape */
@media(max-width:1199px){
    .competencies-grid{grid-template-columns:repeat(2,1fr)}
    .cert-grid{grid-template-columns:repeat(2,1fr)}
    .blog-grid{grid-template-columns:repeat(2,1fr)}
    .about-intro-grid{grid-template-columns:250px 1fr;gap:2rem}
}

/* Tablet Portrait */
@media(max-width:991px){
    .content-section{padding:50px 1.25rem}
    .about-intro-grid{grid-template-columns:1fr;gap:2rem}
    .profile-card{position:static;max-width:300px;margin:0 auto}
    .services-grid-full{grid-template-columns:1fr}
    .contact-page-grid{grid-template-columns:1fr;gap:2rem}
    .contact-info-card{text-align:center}
    .contact-item{flex-direction:column;text-align:center}
    .social-links-section{text-align:center}
    .social-row{justify-content:center}
    .cta-section{padding:2.5rem 1.25rem}
    .cta-box{padding:2.5rem 1.5rem}
    .timeline{padding-left:1.5rem}
    .timeline-item{padding-left:1.5rem}
    .timeline-item::before{left:-1.5rem;margin-left:-6px}
}

/* Mobile Landscape */
@media(max-width:767px){
    .content-section{padding:40px 1rem}
    .competencies-grid{grid-template-columns:1fr}
    .cert-grid{grid-template-columns:1fr}
    .blog-grid{grid-template-columns:1fr}
    .stats-row{justify-content:center;gap:1.5rem}
    .cta-btns{flex-direction:column;max-width:280px;margin-left:auto;margin-right:auto}
    .form-grid{grid-template-columns:1fr}
    .form-group.full{grid-column:1}
    .form-card,.contact-info-card{padding:1.5rem}
    .service-full{padding:1.5rem}
    .comp-card{padding:1.5rem}
    .timeline-item .card{padding:1.25rem}
    .blog-card .image{height:140px}
    .blog-card .content{padding:1.25rem}
}

/* Mobile Portrait */
@media(max-width:575px){
    .content-section{padding:32px 1rem}
    .profile-card{padding:1.5rem}
    .profile-img{width:100px;height:100px;font-size:2.25rem}
    .stats-row{flex-direction:column;align-items:center;gap:1rem}
    .stat-box .num{font-size:1.5rem}
    .cta-box{padding:2rem 1.25rem;border-radius:20px}
    .cta-box h2{font-size:1.375rem}
    .cert-item{flex-direction:column;text-align:center;padding:1.25rem}
    .cert-item .badge{margin:0 auto}
    .ind-item{padding:.75rem 1.25rem;font-size:.875rem}
    .timeline{padding-left:1.25rem}
    .timeline-item{padding-left:1.25rem}
    .recaptcha-box>div{transform:scale(.85)}
    .blog-card h3{font-size:.9375rem}
}

/* Small Mobile */
@media(max-width:375px){
    .content-section{padding:28px .875rem}
    .recaptcha-box>div{transform:scale(.77)}
    .service-full,.comp-card{padding:1.25rem}
    .blog-card .content{padding:1rem}
}