.blog-container .blog-content-wrapper{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-4) var(--spacing-4) var(--spacing-8)}@media (min-width: 768px){.blog-container .blog-content-wrapper{padding:var(--spacing-8) var(--spacing-6) var(--spacing-16)}}@media (min-width: 1024px){.blog-container .blog-content-wrapper{padding:var(--spacing-12) var(--spacing-8) var(--spacing-20)}}.profile-page-header{text-align:center;margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}@media (min-width: 768px){.profile-page-header{margin-top:var(--spacing-12)}}@media (min-width: 1024px){.profile-page-header{margin-top:var(--spacing-16)}}.profile-page-header .profile-page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}@media (max-width: 768px){.profile-page-header .profile-page-title{font-size:var(--text-2xl)}}.profile-page-header .profile-page-title i{color:var(--primary-500)}.profile-cards-container{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:100%}@media (max-width: 768px){.profile-cards-container{gap:var(--spacing-4)}}.profile-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--duration-300) var(--ease-out)}.profile-card:hover{border-color:var(--primary-200)}.profile-card .profile-card-header{padding:var(--spacing-6) var(--spacing-8);background:linear-gradient(135deg, var(--primary-50), var(--neutral-50));border-bottom:1px solid var(--border-primary)}@media (max-width: 768px){.profile-card .profile-card-header{padding:var(--spacing-4) var(--spacing-6)}}.profile-card .profile-card-header .profile-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}@media (max-width: 768px){.profile-card .profile-card-header .profile-card-title{font-size:var(--text-lg)}}.profile-card .profile-card-header .profile-card-title i{font-size:var(--text-base)}.profile-card .profile-card-header .profile-card-title i.text-primary{color:var(--primary-500)}.profile-card .profile-card-header .profile-card-title i.text-secondary{color:var(--secondary-500)}.profile-card .profile-card-header .profile-card-title i.text-warning{color:var(--warning)}.profile-card .profile-card-header .profile-card-title i.text-info{color:var(--info)}.profile-card .profile-card-header .profile-card-title i.text-success{color:var(--success)}.profile-card .profile-card-body{padding:var(--spacing-8)}@media (max-width: 768px){.profile-card .profile-card-body{padding:var(--spacing-6)}}.profile-card .profile-card-body p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.profile-card .profile-card-body p:last-child{margin-bottom:0}.profile-intro-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8)}@media (min-width: 768px){.profile-intro-wrapper{flex-direction:row;align-items:flex-start}}.profile-intro-wrapper .profile-image-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);flex-shrink:0}.profile-intro-wrapper .profile-image-container .profile-image{width:160px;height:160px;border-radius:50%;border:4px solid var(--primary-200);box-shadow:0 8px 32px rgba(59,130,246,0.2);object-fit:cover;transition:transform var(--duration-300) var(--ease-out)}.profile-intro-wrapper .profile-image-container .profile-image:hover{transform:scale(1.05)}.profile-intro-wrapper .profile-image-container .profile-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-600);margin:0;text-align:center}.profile-intro-wrapper .profile-description{flex:1;text-align:center}@media (min-width: 768px){.profile-intro-wrapper .profile-description{text-align:left}}.skills-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.skills-list .skill-item{padding:var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.skills-list .skill-item .skill-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.skills-list .skill-item .skill-header .skill-icon{color:var(--primary-500);font-size:var(--text-lg);width:20px;text-align:center}.skills-list .skill-item .skill-header .skill-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.skills-list .skill-item .skill-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:0;padding-left:calc(20px + var(--spacing-3))}.certificates-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media (min-width: 768px){.certificates-list{grid-template-columns:repeat(2, 1fr)}}.certificates-list .certificate-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.certificates-list .certificate-item .certificate-icon{color:var(--primary-500);font-size:var(--text-base)}.certificates-list .certificate-item .certificate-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.apps-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 768px){.apps-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.apps-grid{grid-template-columns:repeat(3, 1fr)}}.app-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-300) var(--ease-out);position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.app-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--primary-400), var(--primary-600));opacity:0;transition:opacity var(--duration-300) var(--ease-out)}.app-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);border-color:var(--primary-200);background:var(--bg-secondary)}.app-card:hover::before{opacity:1}.app-card:hover .app-card-icon i{transform:scale(1.1)}.app-card:hover .app-card-content .app-card-title{color:var(--primary-600)}.app-card .app-card-link{display:flex;padding:var(--spacing-6);text-decoration:none;color:inherit;gap:var(--spacing-4)}.app-card .app-card-link:hover{text-decoration:none;color:inherit}@media (max-width: 768px){.app-card .app-card-link{padding:var(--spacing-4);gap:var(--spacing-3)}}.app-card .app-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.app-card .app-card-icon i{font-size:var(--text-2xl);transition:transform var(--duration-200) var(--ease-out);display:block}@media (max-width: 768px){.app-card .app-card-icon{width:40px;height:40px}.app-card .app-card-icon i{font-size:var(--text-xl)}}.app-card .app-card-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.app-card .app-card-content .app-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}@media (max-width: 768px){.app-card .app-card-content .app-card-title{font-size:var(--text-base)}}.app-card .app-card-content .app-card-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);margin:0}@media (max-width: 768px){.app-card .app-card-content .app-card-description{font-size:var(--text-xs)}}.profile-card .blog-profile{text-align:center}.profile-card .blog-profile .contact-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);border:1px solid transparent;text-decoration:none;white-space:nowrap}.badge.badge-lg{padding:var(--spacing-2-5) var(--spacing-5);font-size:var(--text-base)}.badge.badge-lg i{margin-right:var(--spacing-2)}.badge.badge-primary{background:var(--primary-100);color:var(--primary-800);border-color:var(--primary-200)}.badge.badge-secondary{background:var(--secondary-100);color:var(--secondary-800);border-color:var(--secondary-200)}.badge.badge-success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.badge.badge-warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.badge.badge-error{background:#fecaca;color:#dc2626;border-color:#fca5a5}.profile-card{animation:fadeInUp 0.6s ease-out}.profile-card:nth-child(1){animation-delay:0.1s}.profile-card:nth-child(2){animation-delay:0.2s}.profile-card:nth-child(3){animation-delay:0.3s}.profile-card:nth-child(4){animation-delay:0.4s}.profile-card:nth-child(5){animation-delay:0.5s}.profile-card:nth-child(6){animation-delay:0.6s}.profile-card:nth-child(7){animation-delay:0.7s}.profile-card:nth-child(8){animation-delay:0.8s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}
