*,body,html,input,button,textarea,select,option,h1,h2,h3,h4,h5,h6,p,span,a,label,li,div,.btn,.nav-links,.card{font-family:Playfair Display,Georgia,Times New Roman,serif!important}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-card,.skeleton-profile,.skeleton-project-card,.skeleton-stat-box,.skeleton-header,.skeleton-line,.skeleton-avatar,.skeleton-project-image,.skeleton-tag,.skeleton-stat-number,.skeleton-stat-label{background:linear-gradient(90deg,#1e293b 0%,#334155 50%,#1e293b 100%) 0 0/1000px 100%;border-radius:8px;animation:2s infinite shimmer}.skeleton-card{margin-bottom:16px;padding:24px}.skeleton-header{width:60%;height:32px;margin-bottom:16px}.skeleton-line{width:100%;height:16px;margin-bottom:12px}.skeleton-line.short{width:70%}.skeleton-profile{align-items:center;gap:16px;padding:24px;display:flex}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:80px;height:80px}.skeleton-text{flex:1}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px 0;display:grid}.skeleton-project-card{border-radius:12px;overflow:hidden}.skeleton-project-image{width:100%;height:200px}.skeleton-project-content{padding:20px}.skeleton-tags{gap:8px;margin-top:16px;display:flex}.skeleton-tag{border-radius:4px;width:60px;height:24px}.skeleton-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:24px 0;display:grid}.skeleton-stat-box{background:#1e293b;border-radius:12px;padding:24px}.skeleton-stat-number{width:80px;height:48px;margin-bottom:12px}.skeleton-stat-label{width:100%;height:20px}.john-portfolio-root{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f8fafc;background:#0f172a;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.john-portfolio-root *,.john-portfolio-root :before,.john-portfolio-root :after{box-sizing:border-box}.john-loading-container{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.john-spinner{border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite john-spin}@keyframes john-spin{to{transform:rotate(360deg)}}.john-navbar{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0f172af2;border-bottom:1px solid #334155;padding:.75rem 0;position:fixed;top:0;left:0;right:0}.john-nav-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.john-nav-brand{color:#f8fafc;cursor:pointer;letter-spacing:.05em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:.5rem;font-size:1.25rem;font-weight:700;transition:all .3s}.john-nav-brand:hover{color:#3b82f6}.john-nav-center{flex:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.john-nav-link{color:#cbd5e1;cursor:pointer;text-transform:capitalize;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;align-items:center;min-height:44px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.john-nav-link:hover,.john-nav-link.john-nav-link-active{color:#f8fafc}.john-btn-hire{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#3b82f6;border:none;border-radius:6px;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s}.john-btn-hire:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.john-hero-section{background:#0f172a;align-items:center;min-height:100vh;padding:8rem 3rem 3rem;display:flex;position:relative}.john-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.john-hero-left{animation:.8s ease-out john-fadeInUp}@keyframes john-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.john-hero-greeting{color:#f8fafc;margin-bottom:.5rem;font-size:3.5rem;font-weight:400;line-height:1.2}.john-hero-name{cursor:pointer;user-select:none;font-weight:700}.john-hero-title{color:#f8fafc;margin-bottom:2rem;font-size:3.5rem;font-weight:700;line-height:1.2}.john-hero-desc{color:#cbd5e1;max-width:600px;margin-bottom:3rem;font-size:1.125rem;line-height:1.8}.john-scroll-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.john-scroll-btn svg{width:24px;height:24px}.john-scroll-btn:hover{background:#2563eb;transform:translateY(-4px);box-shadow:0 8px 20px #3b82f680}.john-hero-right{justify-content:center;align-items:center;height:600px;animation:1s ease-out john-fadeIn;display:flex;position:relative}@keyframes john-fadeIn{0%{opacity:0}to{opacity:1}}.john-hero-img,.john-hero-placeholder{object-fit:cover;border-radius:12px;width:100%;height:100%;box-shadow:0 20px 60px #00000080}.john-hero-placeholder{color:#94a3b8;background:#1e293b;justify-content:center;align-items:center;font-size:8rem;display:flex}.john-info-panels{flex-direction:column;gap:2rem;max-width:280px;display:flex;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}.john-info-panel{backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #334155;border-radius:8px;padding:1.75rem;box-shadow:0 4px 6px #0000001a}.john-info-label{color:#3b82f6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.john-info-text{color:#cbd5e1;font-size:.875rem;line-height:1.6}.john-section{padding:6rem 3rem;position:relative}.john-section-dark{background:#0f172a}.john-section-darker{background:#1e293b}.john-container{max-width:1400px;margin:0 auto}.john-section-label{color:#3b82f6;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem;font-size:.875rem;font-weight:700}.john-section-header{align-items:baseline;gap:2rem;margin-bottom:4rem;display:flex}.john-section-number{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:700}.john-section-title{color:#f8fafc;letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1}.john-about-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:4rem;display:grid}.john-about-left{max-width:700px}.john-about-title{letter-spacing:-.02em;color:#f8fafc;margin-bottom:2rem;font-size:2.5rem;font-weight:700;line-height:1.2}.john-about-desc{color:#cbd5e1;margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.john-about-link{color:#3b82f6;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.john-about-link:hover{color:#60a5fa;gap:1rem}.john-stats-col{flex-direction:column;gap:2rem;display:flex}.john-stat-box{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;padding:2.5rem 2rem;transition:all .3s}.john-stat-box:hover{background:#3b82f61a;border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 10px 30px #3b82f633}.john-stat-number{color:#f8fafc;letter-spacing:-.02em;margin-bottom:.5rem;font-size:3.5rem;font-weight:900;line-height:1}.john-stat-label{color:#cbd5e1;font-size:1rem;font-weight:500;line-height:1.4}.john-skills-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.john-skill-card{background:#1e293b;border:1px solid #334155;border-radius:12px;min-height:280px;padding:3rem 2rem;transition:all .3s;position:relative;overflow:hidden}.john-skill-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 15px 40px #3b82f633}.john-skill-number{opacity:.05;letter-spacing:-.05em;color:#f8fafc;z-index:0;pointer-events:none;font-size:8rem;font-weight:900;position:absolute;top:-30px;right:20px}.john-skill-title{z-index:1;color:#f8fafc;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;position:relative}.john-skill-tags{z-index:1;flex-wrap:wrap;gap:.75rem;display:flex;position:relative}.john-skill-tag{color:#cbd5e1;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.john-skill-tag:hover{color:#60a5fa;background:#3b82f633;border-color:#3b82f6}.john-timeline{padding-left:3rem;position:relative}.john-timeline:before{content:"";background:#3b82f6;width:2px;position:absolute;top:0;bottom:0;left:0}.john-timeline-item{padding-bottom:3rem;position:relative}.john-timeline-dot{background:#3b82f6;border:4px solid #1e293b;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-3.5rem;box-shadow:0 0 0 2px #3b82f6}.john-timeline-content{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;padding:2rem;transition:all .3s}.john-timeline-content:hover{background:#3b82f61a;border-color:#3b82f6;transform:translate(10px)}.john-timeline-title{color:#f8fafc;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.john-timeline-company{color:#3b82f6;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.john-timeline-date{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.john-timeline-desc{color:#cbd5e1;line-height:1.7}.john-projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.john-project-card{background:#1e293b;border:1px solid #334155;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.john-project-card:hover{border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 15px 40px #3b82f633}.john-project-number{color:#fff;z-index:10;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:900;display:flex;position:absolute;top:2rem;left:2rem}.john-project-img-wrap{background:#334155;width:100%;height:280px;position:relative;overflow:hidden}.john-project-img-wrap img{object-fit:cover;width:100%;height:100%;transition:all .3s}.john-project-card:hover .john-project-img-wrap img{transform:scale(1.05)}.john-project-overlay{background:linear-gradient(#0000 40%,#0f172acc 100%);position:absolute;inset:0}.john-project-info{z-index:2;padding:2rem 2rem 2rem 5rem;position:relative}.john-project-name{letter-spacing:-.01em;color:#f8fafc;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.john-project-desc{color:#cbd5e1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.john-project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.john-tech-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.john-project-link{color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.john-project-link:hover{color:#60a5fa;gap:1rem}.john-contact-subtitle{text-align:center;color:#cbd5e1;margin-bottom:3rem;font-size:1.25rem}.john-contact-content{max-width:600px;margin:0 auto}.john-contact-info{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.john-contact-item{color:#f8fafc;background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.john-contact-item:hover{background:#3b82f61a;border-color:#3b82f6;transform:translate(8px)}.john-contact-icon{font-size:1.5rem}.john-social-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.john-social-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.john-social-btn svg{width:20px;height:20px}.john-social-btn:hover{background:#2563eb;transform:translateY(-4px);box-shadow:0 8px 25px #3b82f666}.john-footer{color:#cbd5e1;text-align:center;background:#0f172a;border-top:1px solid #334155;padding:2rem}.john-footer-subtitle{opacity:.7;margin-top:.5rem;font-size:.875rem}.john-secret-reveal{z-index:9999;background:#3b82f6;justify-content:center;align-items:center;animation:.3s ease-out john-fadeIn;display:flex;position:fixed;inset:0}.john-secret-content{text-align:center;color:#fff}.john-secret-icon{margin-bottom:1rem;font-size:4rem;animation:2s linear infinite john-rotate}@keyframes john-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.john-secret-text{text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:600}@media (width<=1200px){.john-hero-grid{grid-template-columns:1fr}.john-info-panels{flex-direction:row;gap:1rem;max-width:100%;margin-top:3rem;position:static;transform:none}.john-info-panel{flex:1}.john-about-grid{grid-template-columns:1fr}.john-skills-grid,.john-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=968px){.john-nav-center{display:none}.john-hero-section{padding:6rem 1.5rem 3rem}.john-hero-greeting,.john-hero-title{font-size:2.5rem}.john-hero-right{height:400px}.john-section{padding:4rem 1.5rem}.john-section-title,.john-about-title{font-size:2rem}.john-skills-grid,.john-projects-grid{grid-template-columns:1fr}}@media (width<=640px){.john-hero-greeting,.john-hero-title{font-size:2rem}.john-section-title{font-size:1.75rem}.john-info-panels{flex-direction:column}.john-hero-right{height:300px}.john-social-links{flex-direction:column}.john-social-btn{justify-content:center;width:100%}.john-nav-container{padding:0 1rem}.john-navbar{padding:.5rem 0}.john-nav-brand{font-size:1.125rem}.john-nav-center{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;overflow-x:auto}.john-nav-center::-webkit-scrollbar{display:none}.john-nav-link{padding:.375rem .5rem;font-size:.8rem}.john-btn-hire{padding:.5rem 1rem;font-size:.8rem}}@media (width<=1024px) and (width>=641px){.john-nav-container{padding:0 1.5rem}.john-nav-center{gap:1.25rem}.john-nav-link{font-size:.85rem}}@media (hover:none) and (pointer:coarse){.john-nav-link,.john-btn-hire,.john-nav-brand{min-width:48px;min-height:48px}}.loading-container{justify-content:center;align-items:center;min-height:300px;padding:40px 20px;display:flex}.loading-container-fullscreen{z-index:9999;background:#1e293b;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:fixed;top:0;left:0}.loading-content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.loading-spinner{display:inline-block;position:relative}.loading-spinner-small{width:40px;height:40px}.loading-spinner-medium{width:50px;height:50px}.loading-spinner-large{width:60px;height:60px}.spinner-ring{box-sizing:border-box;border:4px solid #e0e0e0;border-top-color:#333;border-radius:50%;width:100%;height:100%;animation:.8s linear infinite spin;position:absolute;top:0;left:0}.spinner-ring:nth-child(2),.spinner-ring:nth-child(3),.spinner-ring:nth-child(4){display:none}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{color:#e2e8f0;letter-spacing:.5px;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;font-weight:400}.loading-message:after{content:"..."}@media (width<=768px){.loading-container{min-height:200px;padding:20px 15px}.loading-spinner-small{width:36px;height:36px}.loading-spinner-medium{width:44px;height:44px}.loading-spinner-large{width:52px;height:52px}.spinner-ring{border-width:3px}.loading-message{font-size:.9rem}}@media (prefers-color-scheme:light){.loading-container-fullscreen{background:#fff}.loading-message{color:#334155}.spinner-ring{border-color:#333 #e0e0e0 #e0e0e0}}*,body,html{font-family:Playfair Display,Georgia,Times New Roman,serif!important}:root{--bg-primary:#f7f7fb;--bg-secondary:#fff;--bg-tertiary:#f3f5f9;--text-primary:#0f1724;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent-primary:#6b5bff;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg,#6b5bff 0%,#06b6d4 100%);--border-color:#e6e9f2;--shadow-light:0 4px 18px #0f17240f;--shadow-medium:0 10px 30px #0f172414;--shadow-heavy:0 24px 60px #0f17241f;--hero-gradient:linear-gradient(135deg,#6b5bff 0%,#06b6d4 50%,#6b5bff 100%);--card-bg:#fff;--nav-bg:#fffffffa;--hero-card-bg:#ffffff0d;--hero-card-border:#d4af3733;--hero-left-bg:linear-gradient(180deg,#667eea1a 0%,#764ba214 100%);--hero-right-bg:linear-gradient(135deg,#d4af3714 0%,#ffd7000d 100%);--hero-badge-bg:#667eea26;--hero-badge-text:#667eea;--hero-badge-border:#667eea4d;--golden-accent:#d4af3799;--golden-accent-light:#ffd70066;--background-gradient:var(--hero-gradient);--gradient-primary:var(--accent-gradient);--primary-color:var(--accent-primary);--primary-dark:var(--accent-secondary);--background-secondary:var(--bg-secondary);--card-background:var(--card-bg);--shadow-lg:var(--shadow-medium);--primary-rgb:102,126,234;--accent-rgb:102,126,234;--accent-secondary-rgb:118,75,162;--success-rgb:40,167,69;--error-rgb:220,53,69;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--text-on-accent:#fff;--overlay-white:#fff3;--error-gradient:linear-gradient(135deg,var(--error-color)0%,var(--error-color)100%)}[data-theme=dark]{--bg-primary:#0a0e27;--bg-secondary:#0f1419;--bg-tertiary:#1a1f35;--text-primary:#f0f4f8;--text-secondary:#b4c1d8;--text-muted:#7c8db0;--accent-primary:#64b5f6;--accent-secondary:#7c4dff;--accent-gradient:linear-gradient(135deg,#64b5f6 0%,#7c4dff 100%);--border-color:#1e2738;--shadow-light:0 4px 20px #00000080;--shadow-medium:0 10px 40px #0009;--shadow-heavy:0 20px 60px #000000b3;--hero-gradient:linear-gradient(135deg,#0a0e27 0%,#1a1f35 50%,#2d1b69 100%);--card-bg:#151932;--nav-bg:#0a0e27f2;--hero-card-bg:#64b5f60d;--hero-card-border:#64b5f633;--hero-left-bg:linear-gradient(180deg,#0a0e27f2 0%,#1a1f35e6 100%);--hero-right-bg:linear-gradient(135deg,#64b5f61f 0%,#7c4dff14 100%);--hero-badge-bg:#151932f2;--hero-badge-text:#64b5f6;--hero-badge-border:#64b5f64d;--golden-accent:#64b5f6cc;--golden-accent-light:#7c4dff99;--background-gradient:var(--hero-gradient);--gradient-primary:var(--accent-gradient);--primary-color:var(--accent-primary);--primary-dark:var(--accent-secondary);--background-secondary:var(--bg-secondary);--card-background:var(--card-bg);--shadow-lg:var(--shadow-medium);--primary-rgb:144,205,244;--accent-rgb:144,205,244;--accent-secondary-rgb:102,126,234;--success-rgb:72,187,120;--error-rgb:245,101,101;--success-color:#48bb78;--error-color:#f56565;--warning-color:#ed8936;--info-color:#4299e1;--text-on-accent:#fff;--overlay-white:#ffffff0f;--error-gradient:linear-gradient(135deg,var(--error-color)0%,var(--error-color)100%)}[data-theme=blue]{--bg-primary:#0a1628;--bg-secondary:#0f1f3a;--bg-tertiary:#1a2c4d;--text-primary:#e3f2fd;--text-secondary:#90caf9;--text-muted:#64b5f6;--accent-primary:#2196f3;--accent-secondary:#1976d2;--accent-gradient:linear-gradient(135deg,#42a5f5 0%,#1976d2 100%);--border-color:#1a3a5c;--shadow-light:0 4px 20px #2196f34d;--shadow-medium:0 10px 40px #2196f366;--shadow-heavy:0 20px 60px #2196f380;--hero-gradient:linear-gradient(135deg,#0a1628 0%,#1a2c4d 50%,#1565c0 100%);--card-bg:#0f1f3a;--nav-bg:#0a1628f2;--hero-card-bg:#2196f314;--hero-card-border:#2196f340;--hero-left-bg:linear-gradient(180deg,#0a1628f2 0%,#1a2c4de6 100%);--hero-right-bg:linear-gradient(135deg,#2196f326 0%,#1976d21a 100%);--hero-badge-bg:#0f1f3af2;--hero-badge-text:#42a5f5;--hero-badge-border:#2196f359;--golden-accent:#2196f3cc;--golden-accent-light:#42a5f599;--background-gradient:var(--hero-gradient);--gradient-primary:var(--accent-gradient);--primary-color:var(--accent-primary);--primary-dark:var(--accent-secondary);--background-secondary:var(--bg-secondary);--card-background:var(--card-bg);--shadow-lg:var(--shadow-medium);--primary-rgb:59,130,246;--accent-rgb:59,130,246;--accent-secondary-rgb:29,78,216;--success-rgb:5,150,105;--error-rgb:220,38,38;--success-color:#059669;--error-color:#dc2626;--warning-color:#d97706;--info-color:#0284c7;--text-on-accent:#fff;--overlay-white:#ffffff2e;--error-gradient:linear-gradient(135deg,var(--error-color)0%,var(--error-color)100%)}[data-theme=purple]{--bg-primary:#1a0b2e;--bg-secondary:#16011c;--bg-tertiary:#2d1b3d;--text-primary:#e1d5f0;--text-secondary:#c4a3e8;--text-muted:#9d7cbd;--accent-primary:#9c27b0;--accent-secondary:#7b1fa2;--accent-gradient:linear-gradient(135deg,#ab47bc 0%,#7b1fa2 100%);--border-color:#2d1b3d;--shadow-light:0 4px 20px #9c27b04d;--shadow-medium:0 10px 40px #9c27b066;--shadow-heavy:0 20px 60px #9c27b080;--hero-gradient:linear-gradient(135deg,#1a0b2e 0%,#2d1b3d 50%,#6a1b9a 100%);--card-bg:#1f0e2e;--nav-bg:#1a0b2ef2;--background-gradient:var(--hero-gradient);--gradient-primary:var(--accent-gradient);--primary-color:var(--accent-primary);--primary-dark:var(--accent-secondary);--background-secondary:var(--bg-secondary);--card-background:var(--card-bg);--shadow-lg:var(--shadow-medium);--primary-rgb:168,85,247;--accent-rgb:168,85,247;--accent-secondary-rgb:124,58,237;--success-rgb:6,95,70;--error-rgb:185,28,28;--success-color:#065f46;--error-color:#b91c1c;--warning-color:#92400e;--info-color:#0369a1;--text-on-accent:#fff;--overlay-white:#ffffff2e;--error-gradient:linear-gradient(135deg,var(--error-color)0%,var(--error-color)100%)}[data-theme=green]{--bg-primary:#0a1f12;--bg-secondary:#0d2818;--bg-tertiary:#1a3d2a;--text-primary:#d1f4e0;--text-secondary:#81c995;--text-muted:#5aa469;--accent-primary:#4caf50;--accent-secondary:#388e3c;--accent-gradient:linear-gradient(135deg,#66bb6a 0%,#388e3c 100%);--border-color:#1a3d2a;--shadow-light:0 4px 20px #4caf504d;--shadow-medium:0 10px 40px #4caf5066;--shadow-heavy:0 20px 60px #4caf5080;--hero-gradient:linear-gradient(135deg,#0a1f12 0%,#1a3d2a 50%,#2e7d32 100%);--card-bg:#0f2419;--nav-bg:#0a1f12f2;--background-gradient:var(--hero-gradient);--gradient-primary:var(--accent-gradient);--primary-color:var(--accent-primary);--primary-dark:var(--accent-secondary);--background-secondary:var(--bg-secondary);--card-background:var(--card-bg);--shadow-lg:var(--shadow-medium);--primary-rgb:34,197,94;--accent-rgb:34,197,94;--accent-secondary-rgb:21,128,61;--success-rgb:4,120,87;--error-rgb:185,28,28;--success-color:#047857;--error-color:#b91c1c;--warning-color:#92400e;--info-color:#0369a1}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.theme-selector{z-index:1000;background:var(--card-bg);box-shadow:var(--shadow-medium);border:1px solid var(--border-color);backdrop-filter:blur(10px);border-radius:15px;position:fixed;top:20px;right:20px;overflow:visible}.theme-dropdown-container{align-items:center;gap:.5rem;padding:.75rem;display:flex}.theme-dropdown{position:relative}.theme-dropdown-trigger{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;min-width:120px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.theme-dropdown-trigger:hover{border-color:var(--accent-primary);background:var(--card-bg);box-shadow:var(--shadow-light);transform:translateY(-2px)}.current-theme{align-items:center;gap:.5rem;font-weight:600;display:flex}.dropdown-arrow{color:var(--text-secondary);font-size:.7rem;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.theme-dropdown-menu{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:var(--shadow-heavy);z-index:1001;border-radius:12px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.theme-option{cursor:pointer;width:100%;color:var(--text-primary);border:none;border-bottom:1px solid var(--border-color);background:0 0;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex;position:relative}.animation-control{align-items:center;display:flex}.animation-btn{border:2px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .3s;display:flex}.animation-btn:hover{box-shadow:var(--shadow-light);border-color:var(--accent-primary);background:var(--card-bg);transform:translateY(-2px)}.animation-btn.active{background:var(--accent-gradient);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.animation-btn.active:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.05)}.animation-icon{transition:transform .3s}.animation-btn:hover .animation-icon{transform:scale(1.1)}.theme-selector:before{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}@media (width<=768px){.theme-selector{border-radius:12px;top:10px;right:10px}.theme-dropdown-container{gap:.375rem;padding:.5rem}.theme-dropdown-trigger{min-width:100px;padding:.375rem .75rem;font-size:.8rem}.theme-option{padding:.625rem .75rem;font-size:.8rem}.animation-btn{width:35px;height:35px;font-size:1rem}}@media (width<=480px){.theme-selector{top:8px;right:8px}.theme-dropdown-container{gap:.25rem;padding:.375rem}.theme-dropdown-trigger{min-width:90px;padding:.25rem .5rem;font-size:.75rem}.theme-option{padding:.5rem;font-size:.75rem}.animation-btn{width:32px;height:32px;font-size:.9rem}}.portfolio-site{background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s}.section{background-color:var(--bg-primary);color:var(--text-primary)}.section:nth-child(2n){background-color:var(--bg-secondary)}.home-section{background:var(--hero-gradient);color:#fff}.service-card,.project-card,.education-card,.blog-card,.contact-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-light);transition:all .3s}.service-card:hover,.project-card:hover,.education-card:hover,.blog-card:hover,.contact-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.service-card h3,.project-card h3,.education-card h3,.blog-card h3{color:var(--text-primary)}.service-card p,.project-card p,.education-card p,.blog-card p{color:var(--text-secondary)}.btn-primary,.submit-btn,.view-all-btn{background:var(--accent-gradient);color:#fff;border:none;transition:all .3s}.btn-primary:hover,.submit-btn:hover:not(:disabled),.view-all-btn:hover{box-shadow:var(--shadow-medium);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{border:2px solid var(--accent-primary);color:var(--accent-primary);background:0 0}.btn-secondary:hover{background:var(--accent-primary);color:#fff}.form-group input,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);background:var(--card-bg);box-shadow:0 0 0 3px #667eea1a}.form-group label{color:var(--text-primary)}.tech-tag{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.experience-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-light)}.experience-content h3{color:var(--text-primary)}.experience-content h4{color:var(--accent-primary)}.header{background:var(--nav-bg);border-bottom:1px solid var(--border-color)}.nav-brand h2{background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-clip:text}.nav-links a{color:var(--text-secondary)}.nav-links a:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.card-header{background:var(--accent-gradient);color:#fff}.contact-item{background:var(--bg-tertiary);transition:all .3s}.contact-item:hover{background:var(--accent-primary);color:#fff;transform:translate(5px)}.contact-link{color:var(--accent-primary)}.contact-link:hover{color:var(--accent-secondary)}.social-btn,.platform-btn,.cta-btn{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;transition:all .3s}.social-btn:hover,.platform-btn:hover,.cta-btn:hover{box-shadow:var(--shadow-medium);background:#fff3;transform:translateY(-3px)}[data-animations=disabled] *{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important;transform:none!important}[data-animations=enabled] .fade-in{animation:.8s ease-out fadeInUp}[data-animations=enabled] .slide-in-left{animation:.8s ease-out slideInLeft}[data-animations=enabled] .slide-in-right{animation:.8s ease-out slideInRight}[data-animations=enabled] .scale-in{animation:.6s ease-out scaleIn}[data-animations=enabled] .rotate-in{animation:.8s ease-out rotateIn}[data-animations=enabled] .bounce-in{animation:1s ease-out bounceIn}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.theme-selector{flex-direction:column;gap:.5rem;padding:.5rem;top:10px;right:10px}.theme-controls{flex-direction:column;gap:.5rem}.theme-buttons{gap:.25rem}.theme-btn,.animation-btn{width:28px;height:28px;font-size:.8rem}.theme-cycle-btn{width:32px;height:32px;font-size:1rem}}[data-theme=dark] .nav-links a{color:var(--text-secondary)}[data-theme=dark] .nav-links a:hover{color:var(--accent-primary);background:var(--bg-tertiary)}[data-theme=dark] .contact-item:hover{background:var(--accent-primary);color:#fff}[data-theme=dark] .theme-selector{background:var(--card-bg);border:1px solid var(--border-color)}.home-section{justify-content:center;align-items:center;min-height:100vh;padding:2rem 0;display:flex}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.section-header h2{color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:700}.view-all-link{color:var(--accent-primary);border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s}.view-all-link:hover{color:var(--accent-secondary);background:#6b5bff1a;transform:translate(4px)}.section-icon{vertical-align:middle;margin-right:.5rem;font-size:2rem}@media (width<=768px){.main-content{width:100%;margin-left:0}.container-centered{padding:0 1.5rem}.section{padding:3rem 0}.section-header h2{font-size:2rem}.home-section{min-height:auto;padding:4rem 0}}@media (width<=480px){.container-centered{padding:0 1rem}.section-header{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:Playfair Display,Georgia,Times New Roman,serif;line-height:1.6}*{font-family:Playfair Display,Georgia,Times New Roman,serif!important}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:600}p,span,a,button,input,textarea,label,li,div{font-family:Playfair Display,Georgia,Times New Roman,serif}.app{min-height:100vh}.header{background:var(--nav-bg);backdrop-filter:blur(20px)saturate(180%);z-index:1000;border-bottom:1px solid var(--border-color);animation:.4s ease-out slideDown;position:sticky;top:0;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;position:relative}.nav:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav:hover:after{width:100%}.nav-brand h2{color:var(--accent-primary);background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #00000014;cursor:pointer;background-clip:text;font-size:1.8rem;font-weight:800;transition:all .3s;position:relative}.nav-brand h2:after{content:"";background:var(--accent-gradient);width:0;height:3px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-brand h2:hover:after{width:100%}.nav-brand h2:hover{filter:drop-shadow(0 0 10px var(--accent-primary));transform:scale(1.05)}.nav-links{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-links a:before{content:"";background:linear-gradient(90deg,#0000,#667eea26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-links a:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover{color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px)}.nav-links a:hover:before{left:100%}.nav-links a:hover:after{width:80%}.nav-links a svg{transition:transform .3s}.nav-links a:hover svg{transform:scale(1.2)rotate(5deg)}.admin-link{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d;background:var(--accent-gradient)!important;color:#fff!important;border-radius:12px!important;padding:.75rem 1.5rem!important;font-size:.95rem!important;font-weight:700!important}.admin-link:after{display:none!important}.admin-link:hover{filter:brightness(1.1);box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)scale(1.05)!important}.nav-login-btn,.nav-logout-btn{border:2px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-login-btn:before,.nav-logout-btn:before{content:"";z-index:-1;background:#667eea;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.nav-login-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.nav-login-btn:hover:before{left:0}.nav-logout-btn{color:#e53e3e;border-color:#e53e3e}.nav-logout-btn:before{background:#e53e3e}.nav-logout-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #e53e3e4d}.nav-logout-btn:hover:before{left:0}.user-menu{align-items:center;gap:1rem;display:flex}.user-info{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.user-badge{color:#fff;text-transform:uppercase;background:#007bff;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.user-badge.admin{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.user-badge.editor{color:#333;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.user-badge.viewer{color:#333;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.user-name{color:#333;font-weight:600}.access-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.access-denied h2{color:#dc3545;margin-bottom:1rem;font-size:2rem}.access-denied p{color:#666;margin-bottom:2rem;font-size:1.1rem}.access-denied button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;transition:background .3s}.access-denied button:hover{background:#0056b3}.nav-links a:hover{color:#007bff}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:8rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#d4af3714 0%,#0000 50%),radial-gradient(circle at 70%,#667eea1a 0%,#0000 50%);width:200%;height:200%;animation:30s linear infinite rotateBackground;position:absolute;top:-50%;left:-50%}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.home-section{background:linear-gradient(135deg,var(--hero-gradient-start,#667eea)0%,var(--hero-gradient-end,#764ba2)100%);color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.home-section:before{content:"";pointer-events:none;background:#0000001a;position:absolute;inset:0}.home-section .hero-content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;padding:4rem 2rem;display:flex;position:relative}.profile-image{justify-content:center;align-items:center;margin-bottom:2rem;display:flex;position:relative}.profile-pic{object-fit:cover;border:8px solid #fff3;border-radius:50%;width:200px;height:200px;transition:all .3s;box-shadow:0 10px 30px #0000004d}.profile-pic:hover{transform:scale(1.05);box-shadow:0 15px 40px #0006}.hero-text{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-text h1{background:linear-gradient(135deg,#fff 0%,beige 30%,#d4af37 50%,beige 70%,#fff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #d4af374d,0 4px 20px #0006;letter-spacing:-1px;filter:drop-shadow(0 2px 8px #d4af3733);background-clip:text;margin-bottom:.8rem;font-size:3.5rem;font-weight:800;line-height:1.1;animation:1s fadeInUp,4s ease-in-out infinite luxuryShine;position:relative}@keyframes luxuryShine{0%,to{background-position:0%}50%{background-position:100%}}.hero-text h2{color:var(--text-primary);text-shadow:0 2px 12px #0006,0 0 20px var(--golden-accent-light);letter-spacing:-.5px;margin-bottom:.6rem;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:600;animation:1s .15s both fadeInUp;position:relative}.hero-text h3{color:var(--text-secondary);text-shadow:0 2px 8px #0000004d;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--hero-card-border);margin-bottom:2rem;padding-bottom:1.5rem;font-size:1rem;font-weight:400;animation:1s .3s both fadeInUp;position:relative}.hero-text p{opacity:.88;color:var(--text-secondary);text-shadow:0 1px 3px #0000004d;letter-spacing:.3px;margin-bottom:2.5rem;font-size:1.1rem;font-weight:300;line-height:1.8;animation:1s .45s both fadeInUp}.social-links-home{flex-wrap:wrap;gap:.75rem;margin:2rem 0 1.5rem;animation:1s .6s both fadeInUp;display:flex}.social-btn{background:var(--hero-badge-bg);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--hero-card-border);box-shadow:0 2px 8px #0003,inset 0 1px 0 var(--overlay-white);border-radius:10px;align-items:center;gap:.5rem;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.social-btn:before{content:"";background:linear-gradient(90deg,transparent,var(--golden-accent-light),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.social-btn:hover{background:var(--hero-right-bg);border-color:var(--golden-accent);box-shadow:0 4px 15px var(--golden-accent-light),inset 0 1px 0 var(--overlay-white);color:var(--hero-badge-text);transform:translateY(-2px)}.social-btn:hover:before{left:100%}.social-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1rem}.social-text{letter-spacing:.3px;font-size:.85rem;font-weight:500}.hero-title{text-shadow:0 2px 10px #0000004d;margin-bottom:.5rem;font-size:4rem;font-weight:800;line-height:1.2;animation:1s fadeInUp}.hero-subtitle{opacity:.95;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.75rem;font-weight:300;animation:1s .2s both fadeInUp}.hero-buttons,.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;animation:1s .4s both fadeInUp;display:flex}.btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:50px;justify-content:center;align-items:center;min-width:180px;padding:16px 40px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#667eea;background:#fff;font-weight:700;box-shadow:0 10px 25px #0003}.btn-primary:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 15px 35px #0000004d}.btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff80;font-weight:600}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-secondary,.cta-button.secondary{background:var(--hero-card-bg);color:var(--text-primary);border:2px solid var(--golden-accent);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003,inset 0 1px 0 var(--overlay-white);padding:12px 32px}.btn-secondary:hover,.cta-button.secondary:hover{background:var(--hero-right-bg);color:var(--hero-badge-text);border-color:var(--golden-accent);transform:translateY(-3px);box-shadow:0 8px 25px #d4af374d,inset 0 1px #fff3}.professional-links-home h4{color:var(--hero-badge-text);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:inline-block;position:relative}.professional-links-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:100%;display:grid}.platform-btn{background:var(--hero-badge-bg);backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--hero-card-border);box-shadow:0 2px 6px #00000026,inset 0 1px 0 var(--overlay-white);border-radius:8px;align-items:center;gap:.5rem;padding:10px 16px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.platform-btn:hover{background:var(--hero-right-bg);border-color:var(--golden-accent);box-shadow:0 4px 12px var(--golden-accent-light),inset 0 1px 0 var(--overlay-white);color:var(--text-primary);transform:translateY(-1px)}.platform-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1rem}.platform-text{letter-spacing:.2px;font-size:.8rem}.section{background-color:var(--bg-primary);color:var(--text-primary);padding:5rem 2rem}.container{max-width:1600px;margin:0 auto}.section-title:after{content:"";background:var(--accent-primary);border-radius:2px;width:60px;height:4px;margin:1.5rem auto 0;display:block}.about-content{text-align:center;max-width:800px;margin:0 auto}.about-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.2rem}.skills h3{color:var(--text-primary);margin-bottom:1rem}.skill-tags{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.skill-tag{background:var(--accent-primary);color:#fff;border-radius:25px;padding:8px 16px;font-size:.9rem;font-weight:500}.projects-section{background:var(--bg-secondary);position:relative}.projects-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#667eea08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#764ba208 0%,#0000 50%);position:absolute;inset:0}.projects-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid;position:relative}.project-card{background:var(--card-bg);border:1px solid #0000000d;border-radius:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 20px #0000001a}.project-featured{color:#fff;text-transform:uppercase;background:#007bff;border-radius:15px;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:10px;right:10px}.tech-tag{background:var(--bg-tertiary);color:var(--text-primary);border-radius:15px;padding:4px 12px;font-size:.8rem;font-weight:500}.project-link{color:#007bff;font-weight:600;text-decoration:none;transition:color .3s}.project-link:hover{color:#0056b3}.contact-section{background:#f8f9fa}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:1600px;margin:0 auto;display:grid}.contact-info-display{background:#fff;border:1px solid #f0f0f0;border-radius:15px;padding:2.5rem;box-shadow:0 10px 30px #0000001a}.contact-details h3{color:#2c3e50;margin-bottom:2rem;font-size:1.8rem;font-weight:700}.contact-items{flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;display:flex}.contact-text{flex-direction:column;gap:.25rem;display:flex}.contact-text strong{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.social-links-section{margin-bottom:2.5rem}.social-links-section h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.social-links-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.social-link{color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.social-link.facebook{background:#1877f2}.social-link.twitter{background:#1da1f2}.social-link.linkedin{background:#0a66c2}.social-link.instagram{background:#e4405f}.social-link.github{background:#333}.social-link.youtube{background:red}.social-link.website{background:#6c757d}.social-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.business-hours-section h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.business-hours{flex-direction:column;gap:.5rem;display:flex}.business-hour{background:#f8f9fa;border-radius:5px;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.business-hour .day{color:#2c3e50;font-weight:600}.business-hour .hours{color:#007bff;font-weight:500}.contact-form-section{background:#fff;border:1px solid #f0f0f0;border-radius:15px;padding:2.5rem;box-shadow:0 10px 30px #0000001a}.contact-form-section h3{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.contact-form-section p{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group input,.form-group textarea{border:2px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);background:var(--card-bg);outline:none;box-shadow:0 0 0 3px #667eea14}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);filter:brightness(1.05);transform:translateY(-2px)}.submit-btn:disabled{background:var(--border-color);cursor:not-allowed;box-shadow:none;transform:none}.status-message.success{color:var(--success-color);border:1px solid var(--success-color);background:#28a74514}.status-message.error{color:var(--error-color);border:1px solid var(--error-color);background:#dc354514}@media (width<=768px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info-display,.contact-form-section{padding:2rem}.form-row{grid-template-columns:1fr;gap:1rem}.social-links-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.contact-item{padding:.75rem}.contact-icon{min-width:35px;font-size:1.25rem}.contact-links{align-items:stretch}.contact-link{min-width:auto}}.footer{background:var(--nav-bg);color:var(--text-primary);text-align:center;padding:2rem}.loading{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:5px solid var(--border-color);border-top:5px solid var(--accent-primary);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@media (width<=768px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:1rem}.hero{padding:4rem 1rem}.home-section{text-align:center;padding:4rem 1rem}.home-section .hero-content{text-align:center;flex-direction:column;gap:2rem}.profile-pic{width:200px;height:200px}.hero-text h1{font-size:2.5rem}.hero-text h2{font-size:1.8rem}.hero-text h3{font-size:1.3rem}.hero-text p{font-size:1.1rem}.social-links{justify-content:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.section{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:2rem}.skill-tags,.project-tech{justify-content:center}}.section-footer{text-align:center;border-top:1px solid #4a90e21a;margin-top:3rem;padding-top:2rem}.view-all-btn{color:#4a90e2;background:0 0;border:2px solid #4a90e2;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.view-all-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.view-all-btn:hover{color:#fff;background:#4a90e2;transform:translateY(-2px);box-shadow:0 8px 25px #4a90e24d}.view-all-btn:hover:before{left:100%}.featured-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#ff6b6b,#4a90e2);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 10px #ff6b6b4d}.content-limit-info{text-align:center;background:#4a90e20d;border-left:4px solid #4a90e2;border-radius:8px;margin:1rem 0;padding:1rem}.content-limit-info a{color:#4a90e2;font-weight:600;text-decoration:none;transition:color .3s}.content-limit-info a:hover{color:#ff6b6b;text-decoration:underline}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.project-card,.blog-card,.testimonial-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover,.blog-card:hover,.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}@media (width<=768px){.section-footer{margin-top:2rem;padding-top:1.5rem}.view-all-btn{padding:.75rem 1.5rem;font-size:.9rem}.content-limit-info{margin:.75rem 0;padding:.75rem;font-size:.9rem}}@media (width<=480px){.view-all-btn{justify-content:center;width:100%}}.main-navigation{backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-bottom:1px solid #0000001a;padding:1rem 0;position:sticky;top:0}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.1rem;max-width:1700px;margin-right:50px;padding:0 1.4rem;display:flex;position:relative}.nav-links{flex-wrap:wrap;order:2;justify-content:flex-end;align-items:center;gap:.1rem;display:flex}.user-info{backdrop-filter:blur(6px);cursor:pointer;user-select:none;background:#ffffff0d;border:1px solid #0000000a;border-radius:14px;flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:all .18s;display:flex;position:relative}.user-info:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-dropdown-menu{backdrop-filter:blur(20px);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.dropdown-item{cursor:pointer;color:#374151;border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f3f4f6}.user-dropdown{flex-direction:column;order:3;display:flex;position:relative}.user-dropdown:hover .user-dropdown-menu{display:block}.dropdown-item.has-submenu{justify-content:space-between;position:relative}.submenu-arrow{transition:transform .3s}.dropdown-item.has-submenu:hover .submenu-arrow,.dropdown-item.has-submenu.submenu-open .submenu-arrow{transform:translate(-2px)}.theme-submenu{backdrop-filter:blur(20px);z-index:1000;background:#fff;border-radius:12px;min-width:200px;overflow:hidden;box-shadow:0 10px 25px #00000026;border:3px solid red!important;margin-left:0!important;margin-right:8px!important;position:absolute!important;top:0!important;left:auto!important;right:100%!important;transform:translate(-8px)!important}.theme-submenu-header{background:var(--accent-gradient);color:#fff;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.nav-user-inline .user-avatar img{object-fit:cover;border-radius:50%;width:36px;height:36px}.nav-user-inline .user-details{flex-direction:column;line-height:1;display:flex}.nav-user-inline .username{font-size:13px;font-weight:600}.nav-user-inline .user-role{color:#6b7280;text-transform:capitalize;font-size:11px}.hero-ellipse,.hero-oval,.profile-ellipse,.ellipse-ring,.oval-ring,.profile-picture-container:before,.profile-picture-container:after,.hero:before,.hero:after{display:none!important}.profile-preview-circular{border:6px solid #ffffffeb;box-shadow:0 12px 30px #08194b2e}.nav-user-inline{z-index:2000;transition:transform .18s;position:absolute;top:10px;right:18px;transform:translate(70px,-30px)}.nav-user-inline .user-info{border-radius:12px;padding:6px 10px}@media (width<=680px){.nav-user-inline{position:static;top:auto;right:auto;transform:none}.nav-user-inline .user-details{display:none}}.theme-options{padding:.5rem 0}.theme-option{cursor:pointer;color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex;position:relative}.theme-option:last-child{border-bottom:none}.theme-option:hover{background:var(--bg-secondary);color:var(--accent-primary);transform:translate(4px)}.theme-option.active{background:var(--accent-gradient);color:#fff;font-weight:600}.theme-option.active:hover{background:var(--accent-gradient);color:#fff;filter:brightness(1.1);transform:translate(0)}.theme-icon{text-align:center;min-width:20px;font-size:1.1rem}.theme-name{text-align:left;flex:1;font-weight:500}.active-indicator{color:#fff;font-size:.9rem;font-weight:700}[data-theme=dark] .theme-submenu{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .theme-option{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .theme-option:hover{background:var(--bg-tertiary);color:var(--accent-primary)}[data-theme=dark] .theme-option.active{background:var(--accent-gradient);color:#fff}.dropdown-item.toggler{justify-content:space-between}@media (width<=768px){.theme-submenu{z-index:2000;min-width:280px;margin-right:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-submenu:before{content:"";z-index:-1;background:#0000004d;position:fixed;inset:0}}.theme-toggle{cursor:pointer;background-color:#e5e7eb;border-radius:20px;width:40px;height:20px;transition:background-color .3s;position:relative}.theme-toggle.active{background-color:#3b82f6}.toggle-slider{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.theme-toggle.active .toggle-slider{transform:translate(20px)}:root.dark-theme{--bg-color:#1f2937;--text-color:#f9fafb;--nav-bg:#374151}.dark-theme body{background-color:var(--bg-color);color:var(--text-color)}.dark-theme .main-navigation{background-color:var(--nav-bg)}.dark-theme .user-dropdown-menu{color:#f9fafb;background-color:#374151;border-color:#4b5563}.dark-theme .dropdown-item{color:#f9fafb;border-color:#4b5563}.dark-theme .dropdown-item:hover{background-color:#4b5563}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-details{flex-direction:column;align-items:flex-start;display:flex}.username{color:#333;font-size:.9rem;font-weight:600;line-height:1.2}.user-role{color:#666;text-transform:capitalize;font-size:.75rem;line-height:1.2}.nav-brand{flex-shrink:0;order:1;align-items:center;display:flex}.brand-link{z-index:1;color:#333;align-items:center;gap:.1rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex;position:relative}.brand-link:hover{color:#4a90e2}.nav-links{flex-wrap:wrap;order:2;justify-content:flex-end;align-items:center;gap:.2rem;margin-right:70px;display:flex}.nav-link{color:#666;white-space:nowrap;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-btn{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}.nav-link:hover{color:#4a90e2;background:#4a90e21a}.nav-link.active{color:#4a90e2;background:#4a90e226;box-shadow:0 4px 12px #4a90e22e}.nav-link.secondary{color:#888;font-size:.9rem}.nav-link.secondary:hover{color:#4a90e2;background:#4a90e214}.nav-divider{background:#0000001a;width:1px;height:24px;margin:0 .5rem}.nav-login{color:#4a90e2;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #4a90e2;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .3s;display:flex}.nav-login:hover{color:#fff;background:#4a90e2}.admin-link{border:none;color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.admin-link:hover{color:#fff!important;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)!important}.user-info{z-index:10;background:#4a90e21a;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex;position:absolute;right:10px}.user-avatar{color:#fff;background:#4a90e2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;gap:.125rem;display:flex}.username{color:#333;font-size:.875rem;font-weight:600}.user-role{color:#666;text-transform:capitalize;font-size:.75rem}@media (width<=1024px){.nav-links{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.5rem;padding:.25rem 0;overflow-x:auto}.nav-divider{display:none}.nav-link{padding:.25rem .5rem;font-size:.85rem}}@media (width<=768px){.nav-container{gap:.75rem;padding:0 .75rem}.nav-links{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.5rem;overflow-x:auto}.nav-link{gap:.25rem;padding:.25rem .5rem;font-size:.8rem}.nav-link.secondary{padding:.2rem .4rem;font-size:.75rem}.user-info{gap:.25rem;padding:.25rem .5rem}}@media (width<=480px){.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.nav-link{flex:none;justify-content:center;min-width:fit-content;padding:.5rem .75rem}.nav-link.secondary{display:none}}.section-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.testimonials-section{background:var(--bg-secondary)}.testimonials-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:1.5rem;display:grid}.testimonial-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-light);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:160px;padding:1.5rem;display:flex}.testimonial-body{margin-bottom:1rem}.testimonial-text{color:var(--text-primary);line-height:1.6}.testimonial-meta{align-items:center;gap:.75rem;display:flex}.testimonial-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.testimonial-author strong{font-weight:700;display:block}.testimonial-role{color:var(--text-secondary);font-size:.9rem}.view-all-link{color:var(--accent-primary);font-weight:600;text-decoration:none}.view-all-link:hover{text-decoration:underline}.section-title{color:#2c3e50;font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(135deg,#007bff,#00d4ff);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:0}.view-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#00d4ff);border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.view-all-btn:hover{background:linear-gradient(135deg,#0056b3,#09c);transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.view-all-btn:active{transform:translateY(0)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin:3rem 0;display:grid}.service-card{background:var(--card-bg);text-align:center;border:1px solid #0000000d;border-radius:12px;padding:3rem 2rem;transition:all .3s;position:relative;box-shadow:0 5px 20px #00000014}.service-icon{color:var(--accent-primary);margin-bottom:1.5rem;font-size:4rem;transition:all .3s;display:inline-block}.service-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.8}.service-price{color:#fff;background:linear-gradient(135deg,#007bff,#00d4ff);border-radius:20px;margin-top:1rem;padding:.5rem 1rem;font-weight:600;display:inline-block}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;display:grid}.project-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 5px 20px #0000001a}.project-image{object-fit:cover;width:100%;height:200px}.project-title{color:#2c3e50;margin-bottom:.5rem;font-size:1.25rem}.project-description{color:#666;margin-bottom:1rem;line-height:1.6}.tech-tag{color:#007bff;background:#e8f4f8;border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.project-link{color:#007bff;border:1px solid #007bff;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.project-link:hover{color:#fff;background:#007bff;transform:scale(1.05)}.experience-timeline{margin:2rem 0;position:relative}.experience-timeline:before{content:"";background:linear-gradient(135deg,#007bff,#00d4ff);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.experience-item{margin-bottom:2rem;position:relative}.experience-item:nth-child(odd) .experience-content{text-align:right;margin-right:55%}.experience-item:nth-child(2n) .experience-content{text-align:left;margin-left:55%}.experience-content{background:var(--card-bg);border:1px solid var(--border-color);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 5px 20px #8b5cf61a}.experience-content:hover{border-color:var(--accent-color);transform:translate(10px);box-shadow:0 15px 40px #8b5cf633}.experience-content:before{content:"";background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));width:15px;height:15px;box-shadow:0 0 15px var(--accent-color);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.experience-item:nth-child(odd) .experience-content:before{right:-55px}.experience-item:nth-child(2n) .experience-content:before{left:-55px}.experience-content h4{color:var(--accent-color);margin-bottom:1rem;font-weight:600}.experience-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.experience-dates,.experience-location{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.experience-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.experience-tech{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.experience-tech .tech-tag{color:var(--accent-color);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;padding:4px 12px;font-size:.85rem;transition:all .3s}.experience-tech .tech-tag:hover{border-color:var(--accent-color);background:#8b5cf633;transform:translateY(-2px)}.education-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;display:grid}.education-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 5px 20px #0000001a}.education-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.education-card h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.25rem}.education-card h4{color:#007bff;margin-bottom:1rem;font-weight:600}.education-meta{color:#666;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;display:flex}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:2rem 0;display:grid}.blog-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 5px 20px #0000001a}.blog-image{object-fit:cover;width:100%;height:200px}.blog-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.blog-category{color:#fff;background:#007bff;border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.blog-date{color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.blog-title{color:#2c3e50;margin-bottom:.5rem;font-size:1.2rem;line-height:1.4}.blog-excerpt{color:#666;margin-bottom:1rem;line-height:1.6}.blog-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-tag{color:#666;background:#f8f9fa;border-radius:15px;padding:.25rem .75rem;font-size:.8rem}.blog-stats{color:#666;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.blog-stats span{align-items:center;gap:.25rem;display:flex}.contact-content{max-width:800px;margin:0 auto}.contact-info{text-align:center;margin-bottom:2rem}.contact-info h3{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.contact-info p{color:#666;margin-bottom:2rem;font-size:1.1rem}.contact-links{flex-direction:column;align-items:center;gap:1rem;display:flex}.contact-link{color:#007bff;border:2px solid #007bff;border-radius:25px;justify-content:center;align-items:center;gap:1rem;min-width:250px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.contact-link:hover{color:#fff;background:#007bff;transform:translate(10px)scale(1.05)}.contact-section .section-header{text-align:center;margin-bottom:4rem}.contact-section .section-subtitle{color:#666;max-width:600px;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-info-wrapper{background:#f8f9fa;border-radius:20px;height:fit-content;padding:2.5rem;position:sticky;top:2rem}.contact-intro{margin-bottom:2rem}.contact-intro h3{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem}.contact-intro p{color:#666;font-size:1.1rem;line-height:1.6}.contact-item.modern{background:#fff;border-radius:15px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 10px #0000001a}.contact-item.modern:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000026}.contact-icon-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.social-links-section.modern{margin-top:2rem}.social-links-section.modern h4{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.social-links-grid.modern{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.social-link.modern{color:#333;background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.social-link.modern:hover{color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.business-hours-section.modern{margin-top:2rem}.business-hours-section.modern h4{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.business-hours.modern{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.business-hour.modern{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.business-hour.modern:last-child{border-bottom:none}.contact-form-section.modern{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 5px 25px #0000001a}.form-header{text-align:center;margin-bottom:2rem}.form-header h3{color:#2c3e50;margin-bottom:1rem;font-size:2rem}.form-header p{color:#666;font-size:1.1rem}.contact-form.modern{flex-direction:column;gap:1.5rem;display:flex}.form-group.modern{flex-direction:column;gap:.5rem;display:flex}.form-group.modern label{color:#2c3e50;font-size:.95rem;font-weight:600}.form-group.modern input,.form-group.modern textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.form-group.modern input:focus,.form-group.modern textarea:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group.full-width{width:100%}.form-actions{justify-content:center;margin-top:1rem;display:flex}.submit-btn.modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.submit-btn.modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.submit-btn.modern:disabled{opacity:.7;cursor:not-allowed}.spinner.modern{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.btn-icon{font-size:1.2rem;transition:transform .3s}.submit-btn.modern:hover .btn-icon{transform:translate(3px)}.status-message.modern{border-radius:12px;align-items:center;gap:1rem;margin-top:1rem;padding:1.5rem;font-weight:500;display:flex}.status-message.modern.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.status-message.modern.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.status-icon{font-size:1.5rem}.form-footer{text-align:center;border-top:1px solid #eee;margin-top:2rem;padding-top:2rem}.form-footer p{color:#666;font-style:italic}.professional-links-home{margin-top:2.5rem;animation:1s .5s both fadeInUp}.professional-links-home h4{color:#ffffffe6;text-align:center;text-shadow:0 1px 2px #0000004d;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.professional-links-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:500px;margin:0 auto;display:flex}.platform-btn{backdrop-filter:blur(8px);color:#fff;text-shadow:0 1px 2px #0000004d;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:.5rem;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.platform-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);transition:opacity .3s;position:absolute;inset:0}.platform-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.platform-btn:hover:before{opacity:1}.platform-btn.stackoverflow:hover{border-color:#f48024}.platform-btn.leetcode:hover{border-color:#ffa116}.platform-btn.medium:hover{border-color:#00ab6c}.platform-btn.devto:hover{border-color:#0a0a0a}.platform-icon{font-size:1rem}.platform-text{font-weight:500}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;animation:1s .6s both fadeInUp;display:flex}.cta-btn{color:#667eea;text-shadow:none;background:#ffffffe6;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.cta-btn:hover{color:#667eea;background:#fff;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 30px #0000004d,0 0 0 3px #ffffff4d}.cta-btn.secondary{color:#fff;background:0 0;border-color:#fff9}.cta-btn.secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff}.availability-status.modern{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:1px solid #fffc;border-radius:15px;margin:1.5rem 0;padding:1.5rem;box-shadow:0 8px 25px #0000001a}.status-indicator{align-items:center;gap:1rem;display:flex}.status-dot{font-size:1.2rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.1;transform:translate(-50%,-50%)scale(1.2)}}.status-text{flex-direction:column;gap:.25rem;display:flex}.status-text strong{color:#2c3e50;font-size:1.1rem;font-weight:700}.response-time,.timezone{color:#666;font-size:.9rem;font-weight:500}.preferred-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #667eea4d}.preferred-indicator{opacity:.8;margin-left:.5rem;font-size:.8rem}.section{padding:6rem 2rem;position:relative}.section-title{text-align:center;color:#2c3e50;letter-spacing:-.5px;margin-bottom:3.5rem;font-size:2.8rem;font-weight:800;position:relative}.section-title:after{content:"";background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;width:80px;height:4px;margin:1.5rem auto;display:block;box-shadow:0 2px 8px #667eea4d}@media (width<=768px){.profile-pic{border-width:6px;width:220px;height:220px}.profile-image:before{width:260px;height:260px}.hero-text h1{font-size:2.8rem}.hero-text h2{font-size:1.9rem}.hero-text h3{font-size:1.4rem}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.social-links-home{justify-content:center;gap:.75rem}.social-btn{padding:10px 18px;font-size:.85rem}.professional-links-grid{flex-wrap:wrap;gap:.75rem}.platform-btn{padding:8px 16px;font-size:.8rem}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%;max-width:280px}.section-title{font-size:2.2rem}}@media (width<=480px){.profile-pic{border-width:4px;width:180px;height:180px}.profile-image:before{width:220px;height:220px}.hero-text h1{font-size:2.2rem}.hero-text h2{font-size:1.6rem}.platforms-grid{grid-template-columns:1fr 1fr}.social-links-home{gap:.5rem}.social-btn{gap:.375rem;padding:8px 16px;font-size:.8rem}.professional-links-grid{gap:.5rem}.platform-btn{gap:.375rem;padding:6px 12px;font-size:.75rem}}@media (width<=968px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info-wrapper{margin-bottom:2rem;position:static}.social-links-grid.modern{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (width<=768px){.contact-info-wrapper,.contact-form-section.modern{border-radius:15px;padding:1.5rem}.form-header h3,.contact-intro h3{font-size:1.5rem}.social-links-grid.modern{grid-template-columns:1fr 1fr}.section-header{text-align:center;flex-direction:column;gap:1rem}.experience-timeline:before{left:20px}.experience-item:nth-child(odd) .experience-content,.experience-item:nth-child(2n) .experience-content{text-align:left;margin-left:60px;margin-right:0}.experience-item:nth-child(odd) .experience-content:before,.experience-item:nth-child(2n) .experience-content:before{left:-55px}.education-meta{flex-direction:column;gap:.5rem}.contact-links{align-items:stretch}.contact-link{min-width:auto}}.contact-cards-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.contact-card{background:#fff;border:1px solid #f0f0f0;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #0000001a}.contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.5rem 2rem}.card-header h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.card-header p{opacity:.9;margin:0;font-size:.9rem}.card-content{padding:2rem}.contact-info-list{flex-direction:column;gap:1.5rem;display:flex}.contact-item{background:#f8f9fa;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.contact-item:hover{background:#e3f2fd;transform:translate(5px)}.contact-icon{text-align:center;min-width:40px;font-size:1.5rem}.contact-details{flex-direction:column;gap:.25rem;display:flex}.contact-details strong{color:#2c3e50;font-size:.9rem;font-weight:600}.contact-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s}.contact-link:hover{color:#764ba2;text-decoration:underline}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.contact-form .form-group{flex-direction:column;gap:.5rem;display:flex}.contact-form label{color:#2c3e50;font-size:.9rem;font-weight:600}.contact-form input,.contact-form textarea{background:#fff;border:2px solid #e1e8ed;border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.contact-form textarea{resize:vertical;min-height:100px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.status-message{text-align:center;border-radius:8px;margin-top:.5rem;padding:1rem;font-weight:500}.status-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.status-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.no-data{text-align:center;color:#666;padding:2rem;font-style:italic}@media (width<=768px){.contact-cards-grid{grid-template-columns:1fr;gap:1.5rem}.card-header{padding:1.25rem 1.5rem}.card-content{padding:1.5rem}.contact-item,.message-item{padding:1rem}.message-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.mobile-menu-toggle{color:#4a5568;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .3s;display:none}.mobile-menu-toggle:hover{color:#2d3748;background:#4a55681a}.desktop-nav{display:flex}.desktop-only{display:block}.mobile-nav-overlay{z-index:9998;background:#00000080;display:none;position:fixed;inset:0}.mobile-nav-menu{z-index:9999;-webkit-overflow-scrolling:touch;background:#fff;flex-direction:column;width:320px;max-width:85vw;height:100vh;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.mobile-nav-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.mobile-nav-header h3{margin:0;font-size:1.25rem;font-weight:700}.mobile-close-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background .3s}.mobile-close-btn:hover{background:#ffffff1a}.mobile-nav-links{flex-direction:column;flex:1;padding:1rem 0;display:flex}.mobile-nav-link{color:#2d3748;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1px solid #f7fafc;align-items:center;gap:1rem;min-height:56px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.mobile-nav-link:hover{color:#667eea;background:#f7fafc}.mobile-nav-link:active{background:#e2e8f0}.mobile-nav-link.admin-link{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:none;border-radius:8px;margin:.5rem 1rem}.mobile-nav-link.admin-link:hover{color:#fff;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.mobile-nav-link.login-link{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border-bottom:none;border-radius:8px;margin:.5rem 1rem}.mobile-nav-link.login-link:hover{color:#fff;background:linear-gradient(135deg,#38a169 0%,#48bb78 100%)}.mobile-nav-link.danger{color:#e53e3e}.mobile-nav-link.danger:hover{color:#c53030;background:#fed7d7}.mobile-nav-divider{background:#e2e8f0;height:1px;margin:.5rem 1.5rem}.mobile-toggle{background:#e2e8f0;border-radius:24px;width:48px;height:24px;margin-left:auto;transition:background .3s;position:relative}.mobile-toggle.active{background:#667eea}.mobile-toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.mobile-toggle.active .mobile-toggle-slider{transform:translate(24px)}.mobile-theme-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.mobile-theme-section h4{color:#2d3748;margin:0 0 1rem;font-size:1rem;font-weight:600}.mobile-theme-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.mobile-theme-option{cursor:pointer;text-align:center;color:#4a5568;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .3s}.mobile-theme-option:hover{background:#f0f4ff;border-color:#667eea}.mobile-theme-option.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}@media (width<=768px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.desktop-nav,.desktop-only{display:none}.mobile-nav-overlay{display:block}.nav-container{gap:1rem;padding:0 1rem}.nav-links,.user-dropdown{display:none}}@media (width<=480px){.mobile-nav-menu{width:100vw;max-width:100vw}.mobile-nav-header{padding:1rem 1.25rem}.mobile-nav-link{padding:1rem 1.25rem;font-size:.95rem}.mobile-theme-section{padding:1rem 1.25rem}.mobile-theme-grid{grid-template-columns:1fr;gap:.5rem}}[data-theme=dark] .mobile-nav-menu{color:#e2e8f0;background:#2d3748}[data-theme=dark] .mobile-nav-header{border-color:#4a5568}[data-theme=dark] .mobile-nav-link{color:#e2e8f0;border-color:#4a5568}[data-theme=dark] .mobile-nav-link:hover{color:#fff;background:#4a5568}[data-theme=dark] .mobile-nav-divider{background:#4a5568}[data-theme=dark] .mobile-theme-section{background:#1a202c;border-color:#4a5568}[data-theme=dark] .mobile-theme-option{color:#e2e8f0;background:#2d3748;border-color:#4a5568}[data-theme=dark] .mobile-theme-option:hover{background:#4a5568;border-color:#667eea}:root,body,.app,.section,.project-card,.card,.contact-item,.contact-info,.contact-content,.social-btn,.btn,.btn-primary,.btn-secondary,.submit-btn,.form-group input,.form-group textarea,.footer{color:var(--text-primary)!important;background-color:var(--bg-primary)!important}a,.nav-links a,.contact-link,.project-link,.view-all-btn{color:var(--accent-primary)!important;border-color:var(--accent-primary)!important}.btn-primary,.submit-btn,.admin-link{background:var(--accent-gradient)!important;color:#fff!important}.form-group input,.form-group textarea,.project-card,.contact-form-section,.contact-info-display{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.header,.main-navigation,.footer{background:var(--nav-bg)!important;color:var(--text-primary)!important}.highlight-accent{color:var(--accent-primary)!important}@media (width<=1024px){.home-section{padding:3rem 1.5rem}.home-section .hero-content{grid-template-columns:340px 1fr;max-width:1100px}.profile-image{min-height:550px;padding:2.5rem 1.5rem}.profile-pic{border-radius:18px;width:260px;height:260px}.hero-text{min-height:550px;padding:2.5rem 3rem}.hero-text h1{font-size:3rem}.hero-text h2{font-size:2rem}.hero-text h3{font-size:.95rem}.hero-text p{font-size:1.05rem}}@media (width<=768px){.home-section{min-height:auto;padding:3rem 1rem}.home-section .hero-content{border-radius:16px;grid-template-columns:1fr;max-width:600px}.profile-image{border-bottom:1px solid #d4af3733;border-right:none;grid-column:1;min-height:auto;padding:2rem 1.5rem}.profile-image:before{padding:.4rem 1.2rem;font-size:.7rem;top:1.5rem}.profile-pic{border-radius:16px;width:220px;height:220px}.hero-text{grid-column:1;min-height:auto;padding:2.5rem 2rem}.hero-text h1{font-size:2.5rem}.hero-text h2{font-size:1.8rem}.hero-text h3{font-size:.9rem}.hero-text p{font-size:1rem}.social-links-home{gap:.6rem;margin:1.5rem 0}.social-btn{padding:8px 16px;font-size:.8rem}.professional-links-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.platform-btn{padding:8px 12px;font-size:.75rem}}@media (width<=480px){.home-section{padding:2rem .75rem}.home-section .hero-content{border-radius:12px}.profile-image{padding:1.5rem 1rem}.profile-image:before{padding:.35rem 1rem;font-size:.65rem;top:1rem}.profile-pic{border-width:3px;border-radius:12px;width:180px;height:180px}.hero-text{padding:2rem 1.5rem}.hero-text h1{margin-bottom:.6rem;font-size:2rem}.hero-text h2{margin-bottom:.5rem;font-size:1.5rem}.hero-text h3{letter-spacing:1.2px;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.85rem}.hero-text p{font-size:.95rem;line-height:1.7}.social-links-home{flex-wrap:wrap;gap:.5rem}.social-btn{gap:.4rem;padding:8px 14px;font-size:.75rem}.social-icon{font-size:.9rem}.professional-links-grid{grid-template-columns:1fr;gap:.5rem}.platform-btn{padding:8px 12px;font-size:.75rem}.btn,.btn-primary,.btn-secondary,.cta-button{padding:10px 24px;font-size:.9rem}.hero-actions,.hero-buttons{flex-direction:column;gap:.75rem;width:100%}.hero-actions .btn,.hero-actions .cta-button,.hero-buttons .btn{text-align:center;justify-content:center;width:100%}}@media (width<=360px){.hero-text h1{font-size:1.75rem}.hero-text h2{font-size:1.3rem}.profile-pic{width:160px;height:160px}.hero-text{padding:1.5rem 1.25rem}}.hero-background-elements{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-shape{filter:blur(80px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.shape-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.shape-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:350px;height:350px;animation-delay:5s;bottom:-80px;left:-80px}.shape-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:300px;height:300px;animation-delay:10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.hero-content-modern{z-index:1;grid-template-columns:400px 1fr;align-items:center;gap:4rem;max-width:1400px;min-height:64vh;margin:0 auto;display:grid;position:relative}.profile-card-modern{background:var(--card-bg);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--border-color);border:1px solid var(--border-color);border-radius:32px;flex-direction:column;gap:2rem;padding:3rem 2rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profile-card-modern:before{content:"";background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-secondary)50%,var(--accent-primary)100%);background-size:200% 100%;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}.profile-card-modern:hover{box-shadow:0 30px 80px #0006,0 0 0 1px var(--accent-primary);transform:translateY(-8px)}.profile-image-wrapper{justify-content:center;align-items:center;width:100%;padding:1rem;display:flex;position:relative}.profile-image-glow{background:radial-gradient(circle,var(--accent-primary)0%,transparent 70%);filter:blur(40px);opacity:.3;border-radius:50%;width:280px;height:280px;animation:3s ease-in-out infinite pulse;position:absolute}.profile-pic-modern{object-fit:cover;border:4px solid var(--accent-primary);width:280px;height:280px;box-shadow:0 20px 40px #0006,0 0 0 8px var(--card-bg),0 0 0 10px var(--border-color);z-index:1;border-radius:50%;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.profile-pic-modern:hover{border-color:var(--accent-secondary);box-shadow:0 25px 50px #00000080,0 0 0 8px var(--card-bg),0 0 0 10px var(--accent-primary),0 0 40px var(--accent-primary);transform:scale(1.05)rotate(5deg)}@keyframes badgeBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.badge-icon{font-size:1rem;animation:3s linear infinite spin}.stat-item{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1rem;transition:all .3s}.stat-item:hover{background:var(--accent-primary);color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #0003}.stat-number{color:var(--accent-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;transition:color .3s;display:block}.stat-item:hover .stat-number{color:#fff}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:500;transition:color .3s;display:block}.stat-item:hover .stat-label{color:#ffffffe6}.hero-text-modern{flex-direction:column;gap:2rem;animation:1s ease-out fadeInRight;display:flex}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero-intro{flex-direction:column;gap:.5rem;display:flex}.greeting-text{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;animation:1s ease-out .2s both fadeIn;display:flex}.hero-name{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);-webkit-text-fill-color:transparent;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;animation:1s ease-out .4s both fadeIn;display:inline-block;position:relative}.name-underline{background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-secondary)100%);transform-origin:0;border-radius:2px;width:100%;height:4px;animation:1s ease-out .8s forwards expandWidth;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}@keyframes expandWidth{to{transform:scaleX(1)}}.hero-title{color:var(--text-primary);opacity:.9;margin-top:.5rem;font-size:1.75rem;font-weight:600;animation:1s ease-out .6s both fadeIn}.hero-description{color:var(--text-secondary);max-width:600px;font-size:1.15rem;line-height:1.8;animation:1s ease-out .8s both fadeIn}.hero-cta-group{flex-wrap:wrap;gap:1rem;animation:1s ease-out 1s both fadeIn;display:flex}.cta-btn{border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-btn:hover:before{left:100%}.primary-cta{background:var(--accent-primary);color:#fff;box-shadow:0 8px 20px #0003}.primary-cta:hover{background:var(--accent-secondary);transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.secondary-cta{color:var(--text-primary);border-color:var(--border-color);background:0 0}.secondary-cta:hover{background:var(--card-bg);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 20px #0003}.tertiary-cta{color:var(--accent-primary);background:0 0;padding:1rem 1.5rem}.tertiary-cta:hover{color:var(--accent-secondary);transform:translate(8px)}.cta-arrow{transition:transform .3s}.tertiary-cta:hover .cta-arrow{transform:translate(4px)}.social-links-modern{border-top:1px solid var(--border-color);align-items:center;gap:1rem;padding:1.5rem 0;animation:1s ease-out 1.2s both fadeIn;display:flex}.social-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.social-icon-btn{background:var(--bg-secondary);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-icon-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-4px)rotate(5deg);box-shadow:0 8px 20px #0003}.social-icon-btn svg{transition:transform .3s}.social-icon-btn:hover svg{transform:scale(1.1)}.tech-stack-preview{align-items:center;gap:1rem;padding:1.5rem 0;animation:1s ease-out 1.4s both fadeIn;display:flex}.tech-label{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:500}.tech-tags-scroll{flex-wrap:wrap;gap:.5rem;display:flex;overflow:hidden}.tech-tag-mini{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.tech-tag-mini:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-mouse{border:2px solid var(--text-muted);border-radius:14px;justify-content:center;width:28px;height:45px;padding-top:8px;display:flex}.scroll-wheel{background:var(--accent-primary);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(16px)}}@media (width<=1024px){.hero-content-modern{text-align:center;grid-template-columns:1fr;gap:3rem}.profile-card-modern{max-width:400px;margin:0 auto}.hero-text-modern{align-items:center}.hero-name{font-size:3rem}.hero-cta-group,.social-links-modern{justify-content:center}.tech-stack-preview{flex-direction:column;justify-content:center}}.vlogs-section{padding:100px 0;position:relative}.vlogs-section .section-header{z-index:3;position:relative}.vlogs-section .vlogs-grid{z-index:1;margin-top:2rem;position:relative}.vlogs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;margin-top:40px;display:grid}.vlog-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf61a}.vlog-card-modern:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 20px 40px #8b5cf633}.vlog-thumbnail-wrapper{background:var(--bg-secondary);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.vlog-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.vlog-card-modern:hover .vlog-thumbnail{transform:scale(1.08)}.vlog-play-overlay{opacity:0;background:linear-gradient(#0000 0%,#0000004d 50%,#000000b3 100%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.vlog-card-modern:hover .vlog-play-overlay{opacity:1}.vlog-play-button{background:#8b5cf6f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(.8);box-shadow:0 8px 32px #8b5cf680}.vlog-card-modern:hover .vlog-play-button{background:var(--accent-color);transform:scale(1)}.vlog-play-button svg{color:#fff;width:32px;height:32px;margin-left:4px}.vlog-meta-badges{z-index:3;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.vlog-badge{color:#fff;backdrop-filter:blur(10px);background:#14141ff2;border:1px solid #8b5cf680;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #0000004d}.vlog-badge:hover{background:#8b5cf6f2;border-color:#8b5cf6cc;transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.vlog-badge svg{width:14px;height:14px;color:var(--accent-color)}.vlog-content{padding:20px 24px 24px}.vlog-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:1.25rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.vlog-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.vlog-date,.vlog-platform{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.vlog-date svg,.vlog-platform svg{width:16px;height:16px;color:var(--accent-color)}.vlog-watch-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #8b5cf64d}.vlog-watch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.vlog-watch-btn svg{width:16px;height:16px;transition:transform .3s}.vlog-watch-btn:hover svg{transform:translate(4px)}@media (width<=768px){.vlogs-grid{grid-template-columns:1fr;gap:24px}.vlog-thumbnail-wrapper{padding-top:60%}}.gallery-section{padding:100px 0;position:relative}.gallery-grid-modern{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:300px;gap:24px;animation:.6s ease-out fadeIn;display:grid}.gallery-item-modern{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf61a}.gallery-item-modern.tall{grid-row:span 1}.gallery-item-modern:hover{border-color:var(--accent-color);transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #8b5cf64d}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gallery-overlay-modern{opacity:0;backdrop-filter:blur(10px);background:linear-gradient(#0000 0%,#3b82f6cc 60%,#8b5cf6f2 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.gallery-info h3{color:#fff;margin:0 0 12px;font-size:1.5rem;font-weight:600;transition:transform .4s cubic-bezier(.4,0,.2,1) .1s;transform:translateY(20px)}.gallery-item-modern:hover .gallery-info h3{transform:translateY(0)}.gallery-tags{flex-wrap:wrap;gap:8px;transition:transform .4s cubic-bezier(.4,0,.2,1) .15s;display:flex;transform:translateY(20px)}.gallery-item-modern:hover .gallery-tags{transform:translateY(0)}.gallery-tag{color:#fff;backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.gallery-tag svg{width:14px;height:14px}.gallery-zoom{opacity:0;background:#8b5cf6e6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1) .2s;display:flex;position:absolute;top:24px;right:24px;transform:scale(.8)rotate(-90deg)}.gallery-item-modern:hover .gallery-zoom{opacity:1;transform:scale(1)rotate(0)}.gallery-zoom svg{color:#fff;width:24px;height:24px}.empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:80px 20px}.empty-state svg{opacity:.5;margin:0 auto 20px}.empty-state p{margin:0;font-size:1.1rem}@media (width<=768px){.hero-name{font-size:2.5rem}.gallery-grid-modern{grid-template-columns:1fr;grid-auto-rows:250px;gap:16px}.gallery-item-modern.tall{grid-row:span 1}.gallery-overlay-modern{opacity:1;background:linear-gradient(#0000 0%,#3b82f699 60%,#8b5cf6e6 100%)}.gallery-info h3{font-size:1.2rem;transform:translateY(0)}.gallery-tags{transform:translateY(0)}.gallery-zoom{opacity:1;transform:scale(1)rotate(0)}}.testimonials-section{padding:100px 0;position:relative}.testimonials-grid-modern{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;animation:.6s ease-out fadeIn;display:grid}.testimonial-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.testimonial-card-modern:before{content:"";background:linear-gradient(to bottom,var(--accent-color),var(--accent-secondary));opacity:0;width:4px;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.testimonial-card-modern.accent-left:before{left:0}.testimonial-card-modern.accent-right:before{left:auto;right:0}.testimonial-card-modern:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 20px 40px #8b5cf633}.testimonial-card-modern:hover:before{opacity:1}.quote-icon{color:var(--accent-color);opacity:.7;margin-bottom:20px}.testimonial-text-modern{color:var(--text-primary);margin:0 0 24px;font-size:1.1rem;font-style:italic;line-height:1.8;position:relative}.testimonial-meta-modern{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.testimonial-avatar-modern{border:3px solid var(--accent-color);background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-radius:50%;width:56px;height:56px;padding:2px;transition:transform .4s;overflow:hidden}.testimonial-card-modern:hover .testimonial-avatar-modern{transform:scale(1.1)rotate(5deg)}.testimonial-avatar-modern img{object-fit:cover;border-radius:50%;width:100%;height:100%}.testimonial-info{flex:1}.author-name{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:600;display:block}.author-role{color:var(--text-secondary);font-size:.9rem}.testimonial-rating svg{width:16px;height:16px;transition:transform .3s}.testimonial-card-modern:hover .testimonial-rating svg{transform:scale(1.2)}@media (width<=768px){.testimonials-grid-modern{grid-template-columns:1fr;gap:24px}.testimonial-card-modern{padding:24px}.testimonial-meta-modern{flex-direction:column;align-items:flex-start;gap:16px}.testimonial-rating{align-self:flex-start}}.contact-section{padding:100px 0;position:relative}.contact-cards-grid-modern{grid-template-columns:400px 1fr;gap:32px;animation:.6s ease-out fadeIn;display:grid}.contact-info-card-modern,.contact-form-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-info-card-modern:hover,.contact-form-card-modern:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf633}.header-icon{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-header-modern h3{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem;font-weight:600}.card-header-modern p{color:var(--text-secondary);margin:0;font-size:.95rem}.contact-item-modern{background:var(--bg-secondary);border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;transition:all .3s;display:flex;position:relative}.contact-item-modern:hover{background:var(--card-bg);border-color:var(--accent-color);transform:translate(8px)}.contact-item-modern *{pointer-events:auto}.contact-details-modern{flex:1}.contact-details-modern strong{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.contact-details-modern span{color:var(--text-secondary);font-size:.9rem;display:block}.contact-details-modern a{margin-top:2px;display:block}.contact-link-modern{color:var(--accent-color);cursor:pointer;z-index:1;border-bottom:1px solid #0000;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.no-data-modern{text-align:center;color:var(--text-secondary);padding:40px 20px}.form-group-modern label{color:var(--text-primary);font-size:.95rem;font-weight:500}.input-wrapper svg{color:var(--text-secondary);pointer-events:none;transition:color .3s;position:absolute;left:16px}.input-wrapper:focus-within svg{color:var(--accent-color)}.input-wrapper input,.input-wrapper textarea{background:var(--bg-secondary);border:2px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px 14px 48px;font-family:inherit;font-size:1rem;transition:all .3s}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:var(--accent-color);background:var(--card-bg);outline:none;box-shadow:0 0 0 4px #8b5cf61a}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--text-secondary);opacity:.6}.submit-btn-modern{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.submit-btn-modern:before{content:"";background:linear-gradient(135deg,var(--accent-secondary),var(--accent-color));opacity:0;transition:opacity .4s;position:absolute;inset:0}.submit-btn-modern:hover:before{opacity:1}.submit-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.submit-btn-modern:active{transform:translateY(0)}.submit-btn-modern svg,.submit-btn-modern span{z-index:1;position:relative}.status-message-modern{border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:.95rem;animation:.4s ease-out slideDown;display:flex}.status-message-modern.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.status-message-modern.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}@media (width<=1024px){.contact-cards-grid-modern{grid-template-columns:1fr;gap:24px}.contact-info-card-modern{order:2}.contact-form-card-modern{order:1}}@media (width<=768px){.card-header-modern,.contact-item-modern{text-align:center;flex-direction:column;align-items:center}.contact-item-modern:hover{transform:translateY(-4px)}.contact-details-modern strong,.contact-details-modern span{text-align:center}}.floating-shape{opacity:.1;z-index:0;pointer-events:none;filter:blur(40px);border-radius:50%;animation:20s ease-in-out infinite float,30s ease-in-out infinite colorShift;position:absolute}@keyframes colorShift{0%,to{filter:blur(40px)hue-rotate()}50%{filter:blur(60px)hue-rotate(30deg)}}.shape-achievement-1{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));width:400px;height:400px;animation:20s ease-in-out infinite float,15s ease-in-out infinite morph;top:10%;left:-200px}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.shape-achievement-2{background:linear-gradient(225deg,var(--accent-secondary),var(--accent-color));width:300px;height:300px;animation:25s ease-in-out infinite reverse float,18s ease-in-out infinite morph;bottom:10%;right:-150px}.shape-achievement-3{background:radial-gradient(circle,var(--accent-color),transparent);width:250px;height:250px;animation:15s ease-in-out infinite pulse,40s linear infinite rotate;top:50%;right:10%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shape-service-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:350px;height:350px;animation:22s ease-in-out infinite float;top:20%;right:-175px}.shape-service-2{background:radial-gradient(circle,#8b5cf6,#0000);width:280px;height:280px;animation:18s ease-in-out infinite pulse;bottom:20%;left:5%}.shape-project-1{background:linear-gradient(225deg,var(--accent-color),var(--accent-secondary));width:380px;height:380px;animation:24s ease-in-out infinite float;top:15%;left:-190px}.shape-project-2{background:radial-gradient(circle,var(--accent-secondary),transparent);width:320px;height:320px;animation:20s ease-in-out infinite pulse;bottom:15%;right:8%}.shape-experience-1{background:linear-gradient(135deg,#8b5cf6,#3b82f6);width:300px;height:300px;animation:26s ease-in-out infinite reverse float;top:10%;right:-150px}.shape-experience-2{background:radial-gradient(circle,#3b82f6,#0000);width:250px;height:250px;animation:22s ease-in-out infinite pulse;bottom:25%;left:-125px}.achievement-card{opacity:1;transform-style:preserve-3d;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;position:relative;overflow:hidden}.achievement-card:before{content:"";background:linear-gradient(45deg,#0000 30%,#8b5cf61a 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmerMove;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmerMove{0%,to{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(0%)translateY(0%)rotate(45deg)}}.achievement-card:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 25px 50px #8b5cf64d,inset 0 0 80px #8b5cf633}.achievement-icon-glow{filter:drop-shadow(0 0 30px #8b5cf699);justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;position:relative}.icon-pulse{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:.3;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulseGlow,3s ease-out infinite ripple;position:absolute}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.2)}}@keyframes ripple{0%{box-shadow:0 0 #8b5cf6b3,0 0 #8b5cf6b3}to{box-shadow:0 0 0 20px #8b5cf600,0 0 0 40px #8b5cf600}}.achievement-icon{z-index:1;filter:drop-shadow(0 4px 12px #8b5cf666);justify-content:center;align-items:center;font-size:2.5rem;animation:3s ease-in-out infinite iconFloat,6s ease-in-out infinite iconRotate;display:flex;position:relative}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes iconRotate{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-10px)}}.card-shine{pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)translateY(-100%)rotate(45deg)}.achievement-card:hover .card-shine,.project-card:hover .card-shine,.education-card:hover .card-shine,.blog-card:hover .card-shine{transform:translate(100%)translateY(100%)rotate(45deg)}.achievement-card:after,.service-card:after,.project-card:after{content:"";opacity:0;background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);transition:opacity .5s;position:absolute;inset:0}.achievement-card:hover:after,.service-card:hover:after,.project-card:hover:after{opacity:1;animation:1.5s ease-in-out infinite particlePulse}@keyframes particlePulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.5;transform:scale(1.1)}}.service-card{opacity:1;transform-style:preserve-3d;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-15px)rotateX(5deg);box-shadow:0 30px 60px #8b5cf666,inset 0 0 100px #8b5cf633}.service-card:before{content:"";background:linear-gradient(90deg,var(--accent-color)0%,var(--accent-secondary)50%,var(--accent-color)100%);opacity:0;background-size:200% 100%;height:3px;transition:opacity .3s;animation:3s ease-in-out infinite gradientSlide;position:absolute;top:0;left:0;right:0}.service-card:hover:before{opacity:1}@keyframes gradientSlide{0%,to{background-position:0%}50%{background-position:100%}}.service-icon-wrapper{perspective:1000px;width:100px;height:100px;margin:0 auto 24px;position:relative}.icon-bg-pulse{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:.2;border-radius:24px;width:100%;height:100%;animation:3s ease-in-out infinite pulseScale,4s ease-in-out infinite tilt;position:absolute}@keyframes pulseScale{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(5deg)}}@keyframes tilt{0%,to{transform:rotateY(0)rotateX(0)}25%{transform:rotateY(10deg)rotateX(5deg)}75%{transform:rotateY(-10deg)rotateX(-5deg)}}.service-icon{z-index:1;filter:drop-shadow(0 8px 16px #8b5cf64d);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;transition:transform .3s;animation:2s ease-in-out infinite iconBounce;display:flex;position:relative}.service-card:hover .service-icon{transition:transform .8s cubic-bezier(.68,-.55,.265,1.55);transform:scale(1.2)rotate(360deg)}@keyframes iconBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.05)}}.service-hover-effect{background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));transform-origin:0;height:4px;box-shadow:0 0 20px var(--accent-color);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.service-card:hover .service-hover-effect{animation:1s ease-in-out infinite pulseBar;transform:scaleX(1)}@keyframes pulseBar{0%,to{box-shadow:0 0 20px var(--accent-color)}50%{box-shadow:0 0 40px var(--accent-color),0 0 60px var(--accent-secondary)}}.project-card{opacity:1;transform-style:preserve-3d;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-12px)rotateX(2deg);box-shadow:0 35px 70px #8b5cf666,inset 0 0 120px #8b5cf633}.project-card:before{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf600 0%,#8b5cf61a 100%);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-card:hover:before{opacity:1}.project-image-wrapper{position:relative;overflow:hidden}.image-overlay{opacity:0;backdrop-filter:blur();background:linear-gradient(#3b82f6d9 0%,#8b5cf6f2 100%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card:hover .image-overlay{opacity:1;backdrop-filter:blur(10px);animation:2s ease-in-out infinite overlayPulse}@keyframes overlayPulse{0%,to{background:linear-gradient(#3b82f6d9,#8b5cf6f2)}50%{background:linear-gradient(#3b82f6f2,#8b5cf6d9)}}.overlay-icon{backdrop-filter:blur(10px);color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite iconPulseGrow;display:flex;transform:scale(.8);box-shadow:0 0 40px #ffffff80}.project-card:hover .overlay-icon{transition:transform .8s cubic-bezier(.68,-.55,.265,1.55);transform:scale(1)rotate(360deg)}@keyframes iconPulseGrow{0%,to{box-shadow:0 0 40px #ffffff80}50%{box-shadow:0 0 60px #fffc,0 0 80px #8b5cf699}}.project-image{transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s}.project-card:hover .project-image{filter:brightness(1.1)contrast(1.1);transform:scale(1.15)rotate(2deg)}.experience-item{opacity:0;transition:all .4s;animation:.6s ease-out forwards fadeInLeft;position:relative}.experience-item:hover{filter:drop-shadow(0 10px 30px #8b5cf64d);transform:translate(10px)}.experience-timeline-dot{z-index:2;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:0;left:0}.experience-timeline-dot:before{content:"";background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));z-index:1;width:12px;height:12px;box-shadow:0 0 20px var(--accent-color);border-radius:50%;animation:2s ease-in-out infinite dotGlow;position:relative}@keyframes dotGlow{0%,to{box-shadow:0 0 20px var(--accent-color);transform:scale(1)}50%{box-shadow:0 0 40px var(--accent-color),0 0 60px var(--accent-secondary);transform:scale(1.2)}}.dot-pulse{background:var(--accent-color);opacity:.4;border-radius:50%;width:24px;height:24px;animation:2s ease-in-out infinite pulseDot,3s ease-out infinite rippleWave;position:absolute}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}@keyframes rippleWave{0%{box-shadow:0 0 #8b5cf6b3}50%{box-shadow:0 0 0 20px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.floating-shape{opacity:.05}.shape-achievement-1,.shape-service-1,.shape-project-1,.shape-experience-1{width:200px;height:200px}.shape-achievement-2,.shape-achievement-3,.shape-service-2,.shape-project-2,.shape-experience-2{width:150px;height:150px}.achievement-icon-glow,.service-icon-wrapper{width:60px;height:60px}.achievement-icon{font-size:2rem}.service-icon{font-size:2.5rem}}.shape-education-1{background:linear-gradient(135deg,#10b981,#8b5cf6);width:330px;height:330px;animation:23s ease-in-out infinite float;top:20%;left:-165px}.shape-education-2{background:radial-gradient(circle,#10b981,#0000);width:270px;height:270px;animation:19s ease-in-out infinite pulse;bottom:20%;right:10%}.shape-blog-1{background:linear-gradient(225deg,#f59e0b,#8b5cf6);width:360px;height:360px;animation:21s ease-in-out infinite reverse float;top:15%;right:-180px}.shape-blog-2{background:radial-gradient(circle,#f59e0b,#0000);width:290px;height:290px;animation:17s ease-in-out infinite pulse;bottom:15%;left:5%}.shape-vlog-1{background:linear-gradient(135deg,#ef4444,#8b5cf6);width:340px;height:340px;animation:24s ease-in-out infinite float;top:25%;left:-170px}.shape-vlog-2{background:radial-gradient(circle,#ef4444,#0000);width:280px;height:280px;animation:20s ease-in-out infinite pulse;bottom:25%;right:8%}.education-card{opacity:1;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;position:relative;overflow:hidden}.icon-bg-shine{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:.2;border-radius:50%;width:100%;height:100%;animation:4s linear infinite rotateShine;position:absolute}@keyframes rotateShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.education-icon-wrapper svg{z-index:1;color:var(--accent-color);filter:drop-shadow(0 4px 12px #8b5cf666);position:relative}.blog-card{opacity:1;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp;position:relative;overflow:hidden}.blog-image-wrapper{position:relative;overflow:hidden}.blog-image{transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-image-overlay{opacity:0;background:linear-gradient(135deg,#8b5cf6e6,#3b82f6b3);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.blog-image-overlay svg{color:#fff;width:32px;height:32px;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scale(.8)rotate(-10deg)}.card-flip-container{perspective:1000px;width:100%;height:100%}.card-flip-container.flipped .card-inner{transform:rotateY(180deg)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.card-front,.card-back{backface-visibility:hidden;border-radius:16px;width:100%;height:100%;position:absolute;overflow:hidden}.card-front{z-index:2}.card-back{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);flex-direction:column;justify-content:center;padding:30px;display:flex;transform:rotateY(180deg);box-shadow:0 20px 60px #8b5cf64d}.card-back-header{border-bottom:2px solid var(--accent-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.card-back-title{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:700}.card-close-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #8b5cf666}.card-close-btn:hover{transform:rotate(90deg)scale(1.1);box-shadow:0 6px 20px #8b5cf699}.card-back-content{color:var(--text-secondary);max-height:400px;padding-right:10px;font-size:.95rem;line-height:1.8;overflow-y:auto}.card-back-content::-webkit-scrollbar{width:6px}.card-back-content::-webkit-scrollbar-track{background:#8b5cf61a;border-radius:10px}.card-back-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-radius:10px}.card-back-meta{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:20px;display:flex}.card-meta-tag{border:1px solid var(--accent-color);color:var(--accent-color);background:#8b5cf61a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .3s}.card-meta-tag:hover{background:#8b5cf633;transform:translateY(-2px)}.achievements-section,.services-section,.projects-section,.education-section,.blogs-section,.vlogs-section,.gallery-section{position:relative;overflow:hidden}.achievements-section:before,.services-section:before,.projects-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#8b5cf666 0%,#0000 40%) 0 0/100% 100%,radial-gradient(circle at 80% 70%,#3b82f659 0%,#0000 40%) 0 0/100% 100%,radial-gradient(circle,#ec489940 0%,#0000 50%) 0 0/100% 100%,repeating-linear-gradient(90deg,#0000,#0000 49px,#8b5cf633 49px 51px) 0 0/50px 50px,repeating-linear-gradient(0deg,#0000,#0000 49px,#3b82f626 49px 51px) 0 0/50px 50px,linear-gradient(135deg,#8b5cf61a 0%,#3b82f614 50%,#ec48991a 100%) 0 0/100% 100%;animation:30s ease-in-out infinite patternShift,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.education-section:before,.blogs-section:before{content:"";pointer-events:none;z-index:0;opacity:1;background:radial-gradient(circle,#8b5cf666 2px,#0000 2px) 0 0/30px 30px,radial-gradient(circle at 30% 20%,#8b5cf64d 0%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 70% 80%,#3b82f640 0%,#0000 50%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614 0%,#ec489914 100%) 0 0/100% 100%;animation:4s ease-in-out infinite dotPulse;position:absolute;inset:0}.vlogs-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(30deg,#8b5cf640 12%,#0000 12.5% 87%,#8b5cf640 87.5%) 0 0/80px 140px,linear-gradient(150deg,#3b82f640 12%,#0000 12.5% 87%,#3b82f640 87.5%) 0 0/80px 140px,linear-gradient(30deg,#ec489933 12%,#0000 12.5% 87%,#ec489933 87.5%) 40px 70px/80px 140px,linear-gradient(150deg,#8b5cf633 12%,#0000 12.5% 87%,#8b5cf633 87.5%) 40px 70px/80px 140px,radial-gradient(circle at 30% 30%,#ec48994d 0%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 70% 70%,#8b5cf64d 0%,#0000 50%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf61a 0%,#3b82f61a 100%) 0 0/100% 100%;animation:20s ease-in-out infinite hexagonShift;position:absolute;inset:0}@keyframes hexagonShift{0%,to{opacity:.9}50%{opacity:1}}.gallery-section:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(at 50% 0,#8b5cf666 0%,#8b5cf640 30%,#0000 60%),radial-gradient(at 50% 100%,#3b82f666 0%,#3b82f640 30%,#0000 60%),radial-gradient(at 0%,#ec489940 0%,#0000 50%),radial-gradient(at 100%,#8b5cf640 0%,#0000 50%),linear-gradient(#8b5cf614 0%,#ec489914 100%);background-position:0 0,0 100%,0,100%,0 0;background-repeat:no-repeat;background-size:100% 50%,100% 50%,50% 100%,50% 100%,100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:15s ease-in-out infinite waveShift;position:absolute;inset:0}.achievements-section:after,.services-section:after,.projects-section:after{content:"";pointer-events:none;z-index:0;filter:blur(70px);background:radial-gradient(circle,#8b5cf659 0%,#3b82f647 30%,#ec489933 50%,#0000 70%);border-radius:50%;width:900px;height:900px;animation:20s ease-in-out infinite orbPulse,15s ease-in-out infinite orbFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes patternShift{0%,to{opacity:.9;transform:translate(0)translateY(0)}25%{opacity:1;transform:translate(20px)translateY(-20px)}50%{opacity:.95;transform:translate(0)translateY(-40px)}75%{opacity:1;transform:translate(-20px)translateY(-20px)}}@keyframes colorFlow{0%,to{filter:hue-rotate()brightness()}50%{filter:hue-rotate(10deg)brightness(1.1)}}@keyframes dotPulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:0;transform:translate(-50%)scale(2)}}@keyframes waveShift{0%,to{opacity:.9;transform:translate(0)}50%{opacity:1;transform:translate(50px)}}@keyframes orbPulse{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.2)}}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%)translate(0)translateY(0)}33%{transform:translate(-50%,-50%)translate(30px)translateY(-30px)}66%{transform:translate(-50%,-50%)translate(-30px)translateY(30px)}}.achievements-section>*,.services-section>*,.projects-section>*,.education-section>*,.blogs-section>*,.vlogs-section>*,.gallery-section>*,.hero-section>*,.profile-section>*,.experience-section>*,.skills-section>*,.testimonials-section>*,.contact-section>*{z-index:1;position:relative}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#8b5cf61f 1px,#0000 1px),linear-gradient(#8b5cf61f 1px,#0000 1px),radial-gradient(circle at 20% 30%,#8b5cf64d 0%,#8b5cf626 20%,#0000 40%),radial-gradient(circle at 80% 70%,#3b82f647 0%,#3b82f61f 20%,#0000 40%),radial-gradient(circle,#ec489933 0%,#ec489914 25%,#0000 50%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%;animation:30s linear infinite gridFlow,15s ease-in-out infinite radialPulse;position:absolute;inset:0}.hero-section:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf64d 0%,#3b82f638 30%,#ec489926 50%,#0000 70%);border-radius:50%;width:900px;height:900px;animation:25s ease-in-out infinite heroOrbFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gridFlow{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:50px 50px,50px 50px,0 0,0 0,0 0}}@keyframes radialPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes heroOrbFloat{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}33%{opacity:.4;transform:translate(-45%,-55%)scale(1.1)}66%{opacity:.25;transform:translate(-55%,-45%)scale(.9)}}.profile-section{position:relative;overflow:hidden}.profile-section:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(circle at 30% 20%,#8b5cf666 0%,#8b5cf640 20%,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f666 0%,#3b82f640 20%,#0000 50%),radial-gradient(circle,#ec48994d 0%,#ec489926 30%,#0000 60%),radial-gradient(circle at 15% 60%,#8b5cf640 0%,#0000 35%),radial-gradient(circle at 85% 40%,#3b82f640 0%,#0000 35%),linear-gradient(135deg,#8b5cf614,#3b82f614,#ec489914);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;animation:20s ease-in-out infinite profileWaves,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.profile-section:after{content:"";pointer-events:none;z-index:0;background:repeating-conic-gradient(#8b5cf640 0deg,#0000 5deg,#8b5cf640 10deg,#0000 15deg);animation:60s linear infinite conicRotate;position:absolute;inset:0}@keyframes profileWaves{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}}@keyframes conicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-section{position:relative;overflow:hidden}.experience-section:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,#0000,#0000 98px,#8b5cf64d 98px 102px,#0000 102px 198px) 0 0/100% 100%,repeating-linear-gradient(0deg,#0000,#0000 79px,#3b82f640 79px 81px,#0000 81px 159px) 0 0/100% 100%,radial-gradient(circle at 10% 20%,#8b5cf666 0%,#8b5cf640 20%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 90% 80%,#ec489966 0%,#ec489940 20%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 50% 10%,#3b82f64d 0%,#0000 40%) 0 0/100% 100%,radial-gradient(circle at 50% 90%,#8b5cf64d 0%,#0000 40%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614,#3b82f614) 0 0/100% 100%;animation:25s ease-in-out infinite timelineShift,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.experience-section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#8b5cf680 10%,#8b5cf6b3 50%,#8b5cf680 90%,#0000 100%);width:4px;height:80%;animation:4s ease-in-out infinite timelineGlow;position:absolute;top:50%;left:10%;transform:translateY(-50%);box-shadow:0 0 40px #8b5cf6b3,0 0 80px #8b5cf666}@keyframes timelineShift{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.skills-section{position:relative;overflow:hidden}.skills-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 24%,#8b5cf633 25% 26%,#0000 27% 74%,#8b5cf633 75% 76%,#0000 77%,#0000) 0 0/100px 100px,linear-gradient(#0000,#0000 23%,#3b82f633 24% 25%,#0000 26% 73%,#3b82f633 74% 75%,#0000 76%) 0 0/100px 100px,radial-gradient(circle at 25% 25%,#8b5cf666 0%,#8b5cf633 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle at 75% 25%,#3b82f666 0%,#3b82f633 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle at 25% 75%,#ec489966 0%,#ec489933 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle at 75% 75%,#8b5cf666 0%,#8b5cf633 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle,#3b82f64d 0%,#0000 15%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614,#3b82f614,#ec489914) 0 0/100% 100%;animation:8s ease-in-out infinite circuitPulse,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.skills-section:after{content:"";filter:blur(70px);pointer-events:none;z-index:0;background:conic-gradient(#8b5cf640 0deg,#3b82f633 90deg,#ec48992e 180deg,#3b82f633 270deg,#8b5cf640 360deg);border-radius:50%;width:800px;height:800px;animation:30s linear infinite skillsConicSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes skillsConicSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.testimonials-section{position:relative;overflow:hidden}.testimonials-section:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(circle at 15% 15%,#8b5cf659 0%,#8b5cf626 15%,#0000 30%),radial-gradient(circle at 85% 25%,#3b82f64d 0%,#3b82f61f 15%,#0000 28%),radial-gradient(circle at 25% 75%,#ec489959 0%,#ec489926 18%,#0000 35%),radial-gradient(circle at 75% 85%,#8b5cf666 0%,#8b5cf62e 15%,#0000 30%),radial-gradient(circle,#3b82f640 0%,#3b82f61a 20%,#0000 40%),radial-gradient(circle at 10%,#ec489940 0%,#0000 25%),radial-gradient(circle at 90%,#8b5cf640 0%,#0000 25%),linear-gradient(135deg,#8b5cf614,#3b82f614,#ec489914);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation:20s ease-in-out infinite testimonialFloat,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.testimonials-section:after{content:"\"";color:#8b5cf61f;pointer-events:none;z-index:0;font-family:Georgia,serif;font-size:400px;line-height:1;animation:10s ease-in-out infinite quoteFade;position:absolute;top:10%;right:10%;transform:rotate(15deg)}@keyframes testimonialFloat{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-10px,10px)}75%{transform:translate(10px,10px)}}.contact-section{position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#8b5cf699 3px,#8b5cf64d 3px,#8b5cf626 4px,#0000 8px) 0 0/100% 100%,radial-gradient(circle at 80% 20%,#3b82f699 3px,#3b82f64d 3px,#3b82f626 4px,#0000 8px) 0 0/100% 100%,radial-gradient(circle at 30% 70%,#ec489999 3px,#ec48994d 3px,#ec489926 4px,#0000 8px) 0 0/100% 100%,radial-gradient(circle at 70% 80%,#8b5cf699 3px,#8b5cf64d 3px,#8b5cf626 4px,#0000 8px) 0 0/100% 100%,radial-gradient(circle,#3b82f6b3 4px,#3b82f659 4px,#3b82f62e 5px,#0000 10px) 0 0/100% 100%,linear-gradient(135deg,#0000 48%,#8b5cf640 49% 51%,#0000 52%) 0 0/200% 200%,linear-gradient(45deg,#0000 48%,#3b82f633 49% 51%,#0000 52%) 0 0/200% 200%,linear-gradient(135deg,#8b5cf614,#3b82f614) 0 0/100% 100%;animation:6s ease-in-out infinite networkPulse,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.contact-section:after{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf64d 0%,#3b82f638 40%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:15s ease-in-out infinite contactOrbExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes networkPulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes contactOrbExpand{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.3)}}@keyframes circuitPulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes quoteFade{0%,to{opacity:.5}50%{opacity:.8}}@keyframes timelineGlow{0%,to{opacity:.5}50%{opacity:1}}@media (width<=768px){.shape-education-1,.shape-blog-1,.shape-vlog-1{width:180px;height:180px}.shape-education-2,.shape-blog-2,.shape-vlog-2{width:140px;height:140px}.education-icon-wrapper{width:60px;height:60px}.education-icon-wrapper svg{width:36px;height:36px}}.shape-gallery-1{background:linear-gradient(135deg,#ec4899,#8b5cf6);width:370px;height:370px;animation:20s ease-in-out infinite float;top:10%;left:-185px}.shape-gallery-2{background:linear-gradient(225deg,#8b5cf6,#ec4899);width:310px;height:310px;animation:27s ease-in-out infinite reverse float;bottom:10%;right:-155px}.shape-gallery-3{background:radial-gradient(circle,#ec4899,#0000);width:260px;height:260px;animation:16s ease-in-out infinite pulse;top:50%;right:15%}.shape-testimonial-1{background:linear-gradient(135deg,#06b6d4,#8b5cf6);width:350px;height:350px;animation:25s ease-in-out infinite float;top:20%;right:-175px}.shape-testimonial-2{background:radial-gradient(circle,#06b6d4,#0000);width:290px;height:290px;animation:21s ease-in-out infinite pulse;bottom:20%;left:10%}.shape-contact-1{background:linear-gradient(135deg,#10b981,#3b82f6);width:400px;height:400px;animation:22s ease-in-out infinite float;top:15%;left:-200px}.shape-contact-2{background:linear-gradient(225deg,#3b82f6,#8b5cf6);width:330px;height:330px;animation:28s ease-in-out infinite reverse float;bottom:15%;right:-165px}.shape-contact-3{background:radial-gradient(circle,#10b981,#0000);width:270px;height:270px;animation:19s ease-in-out infinite pulse;top:50%;right:20%}.gallery-item-modern{opacity:0;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInScale}.gallery-item-modern:hover{transform:translateY(-8px)scale(1.02)rotateX(2deg);box-shadow:0 25px 50px #8b5cf666,inset 0 0 100px #8b5cf633}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.testimonial-card-modern{opacity:0;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards fadeInUp}.testimonial-card-modern:hover{transform:translateY(-10px)rotateX(2deg);box-shadow:0 30px 60px #8b5cf64d,inset 0 0 80px #8b5cf626}.testimonial-card-modern:after{content:"";background:linear-gradient(45deg,var(--accent-color),var(--accent-secondary),var(--accent-color));z-index:-1;opacity:0;background-size:300% 300%;border-radius:20px;transition:opacity .5s;animation:3s infinite gradientRotate;position:absolute;inset:-2px}.testimonial-card-modern:hover:after{opacity:.3}@keyframes gradientRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.contact-info-card-modern,.contact-form-card-modern{opacity:0;transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1);animation:.7s ease-out forwards fadeInUp}.contact-info-card-modern{animation-delay:.1s}.contact-form-card-modern{animation-delay:.2s}.contact-info-card-modern:hover,.contact-form-card-modern:hover{transform:translateY(-6px)rotateX(2deg);box-shadow:0 30px 60px #8b5cf64d,inset 0 0 100px #8b5cf626}.contact-info-card-modern:before,.contact-form-card-modern:before{content:"";background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-mask-composite:xor;opacity:0;border-radius:20px;padding:2px;transition:opacity .5s;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.contact-info-card-modern:hover:before,.contact-form-card-modern:hover:before{opacity:1;animation:2s linear infinite borderFlow}@keyframes borderFlow{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(30deg)}}@media (width<=768px){.shape-gallery-1,.shape-testimonial-1,.shape-contact-1{width:200px;height:200px}.shape-gallery-2,.shape-gallery-3,.shape-testimonial-2,.shape-contact-2,.shape-contact-3{width:150px;height:150px}.hero-title{font-size:1.4rem}.hero-description{font-size:1rem}.profile-pic-modern,.profile-image-glow{width:220px;height:220px}.quick-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item{padding:.75rem}.stat-number{font-size:1.4rem}.cta-btn{padding:.875rem 1.5rem;font-size:.95rem}}@media (width<=480px){.hero-name{font-size:2rem}.hero-title{font-size:1.2rem}.profile-pic-modern,.profile-image-glow{width:180px;height:180px}.hero-cta-group{flex-direction:column;width:100%}.cta-btn{justify-content:center;width:100%}.quick-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.65rem}}.section{padding:5rem 2rem;position:relative;overflow:hidden}.section:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--border-color)50%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.container{z-index:1;max-width:1400px;margin:0 auto;position:relative}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex;position:relative}.section-header:after{content:"";background:var(--accent-gradient);border-radius:2px;width:80px;height:4px;animation:1s ease-out expandLine;position:absolute;bottom:-1rem;left:0}@keyframes expandLine{0%{width:0}to{width:80px}}.section-header h2{background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.section-header h2:before{content:attr(data-text);color:var(--text-primary);opacity:.05;z-index:-1;font-size:1.1em;position:absolute;top:0;left:0;transform:translate(-2px,2px)}.view-all-link{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.view-all-link:before{content:"→";transition:transform .3s;position:absolute;right:1.5rem}.view-all-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.view-all-link:hover:before{transform:translate(4px)}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;animation:.6s ease-out fadeInUp;display:grid}.achievement-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.achievement-card:before{content:"";background:var(--accent-gradient);transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.achievement-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.achievement-card:hover:before{transform:scaleX(1)}.achievement-icon{margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite bounce;display:inline-block}.achievement-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.achievement-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.4rem;font-weight:600}.achievement-card p{color:var(--text-secondary);line-height:1.6}.achievement-meta{color:var(--text-muted);gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.achievement-category{background:var(--accent-secondary-light);color:var(--accent-primary);border-radius:12px;padding:.25rem .75rem;font-weight:600}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;animation:.6s ease-out .2s both fadeInUp;display:grid}.service-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(circle,var(--accent-primary)0%,transparent 70%);opacity:0;width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:scale(0)}.service-card:hover:before{opacity:.1;transform:scale(1)}.service-card:hover{box-shadow:0 25px 50px #0003,0 0 0 1px var(--accent-primary);transform:translateY(-12px)scale(1.02)}.service-icon{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:1.5rem;font-size:3.5rem;transition:transform .4s;display:inline-block}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.service-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.6rem;font-weight:700}.service-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.service-price{border-top:1px solid var(--border-color);color:var(--accent-primary);margin-top:1.5rem;padding-top:1.5rem;font-size:1.8rem;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;animation:.6s ease-out .3s both fadeInUp;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-10px);box-shadow:0 20px 40px #0003}.project-content h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.project-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{background:var(--accent-secondary-light);color:var(--accent-primary);border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.tech-tag:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.project-links{gap:1rem;display:flex}.project-link{border:2px solid var(--border-color);color:var(--text-primary);text-align:center;background:0 0;border-radius:12px;flex:1;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s}.project-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.experience-list{flex-direction:column;gap:2rem;animation:.6s ease-out .4s both fadeInUp;display:flex}.experience-item{background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.experience-item:before{content:"";background:var(--accent-secondary);width:4px;height:0;transition:height .4s;position:absolute;top:0;left:-4px}.experience-item:hover{transform:translate(8px);box-shadow:-8px 8px 30px #00000026}.experience-item:hover:before{height:100%}.experience-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.experience-content h4{color:var(--accent-primary);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.experience-meta{color:var(--text-muted);gap:1.5rem;margin-bottom:1rem;font-size:.95rem;display:flex}.experience-dates,.experience-location{align-items:center;gap:.5rem;display:flex}.experience-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.experience-tech{flex-wrap:wrap;gap:.5rem;display:flex}.education-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2.5rem;animation:.6s ease-out .5s both fadeInUp;display:grid}.education-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.education-card:before{content:"🎓";opacity:.1;font-size:4rem;transition:all .4s;position:absolute;top:1rem;right:1rem}.education-card:hover{border-color:var(--accent-primary);transform:translateY(-8px)rotate(-1deg);box-shadow:0 20px 40px #00000026}.education-card:hover:before{opacity:.2;transform:scale(1.2)rotate(10deg)}.education-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.education-card h4{color:var(--accent-primary);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.education-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.education-card p{color:var(--text-secondary);line-height:1.7}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;animation:.6s ease-out .6s both fadeInUp;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.blog-card img{object-fit:cover;width:100%;height:220px;transition:transform .6s}.blog-card:hover img{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.section{padding:3rem 1rem}.section-header h2{font-size:2rem}.achievements-grid,.services-grid,.projects-grid,.education-grid,.blogs-grid{grid-template-columns:1fr;gap:1.5rem}}section.section{position:relative}section.section:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-color),var(--accent-secondary),transparent);z-index:1;width:100%;height:2px;animation:3s ease-in-out infinite scanLine;position:absolute;top:0;left:-100%}@keyframes scanLine{0%,to{opacity:0;left:-100%}10%,90%{opacity:1}50%{left:100%}}.achievements-grid>*,.services-grid>*,.projects-grid>*,.education-grid>*,.blogs-grid>*,.gallery-grid-modern>*,.testimonials-grid-modern>*{animation-fill-mode:both}.view-all-link{position:relative;overflow:hidden}.view-all-link:after{content:"";background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translate(-100%)}.view-all-link:hover:after{animation:1.5s ease-in-out infinite shimmerLink;transform:translate(0)}@keyframes shimmerLink{0%,to{opacity:1}50%{opacity:.5}}.section-header h2{display:inline-block;position:relative}.section-header h2:after{content:"";background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));width:0;height:3px;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-10px;left:0}section:hover .section-header h2:after{width:100%;animation:2s ease-in-out infinite pulseWidth}@keyframes pulseWidth{0%,to{box-shadow:0 0 10px var(--accent-color)}50%{box-shadow:0 0 20px var(--accent-color),0 0 30px var(--accent-secondary)}}.achievement-card:hover,.service-card:hover,.project-card:hover,.education-card:hover,.blog-card:hover{animation:2s ease-in-out infinite cardGlow}@keyframes cardGlow{0%,to{filter:drop-shadow(0 0 5px #8b5cf64d)}50%{filter:drop-shadow(0 0 20px #8b5cf699)}}img{animation:.6s ease-out imageLoad}@keyframes imageLoad{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;animation:1.5s ease-in-out infinite focusPulse}@keyframes focusPulse{0%,to{outline-color:var(--accent-color)}50%{outline-color:var(--accent-secondary)}}.section-header h2 .section-icon{animation:3s ease-in-out infinite iconBounceRotate}@keyframes iconBounceRotate{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-5px)rotate(-10deg)scale(1.1)}75%{transform:translateY(-5px)rotate(10deg)scale(1.1)}}.achievement-number{animation:1s ease-out numberCount}@keyframes numberCount{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tech-tag,.blog-tag{transition:all .3s;position:relative;overflow:hidden}.tech-tag:before,.blog-tag:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tech-tag:hover:before,.blog-tag:hover:before{left:100%}.tech-tag:hover,.blog-tag:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #8b5cf666}.project-link,.vlog-watch-btn,.submit-btn-modern{position:relative;overflow:hidden}.project-link:after,.vlog-watch-btn:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-link:hover:after,.vlog-watch-btn:hover:after{width:300px;height:300px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (width>=1024px){.floating-shape{will-change:transform;transition:transform .3s ease-out}}.achievement-card,.service-card,.project-card,.education-card,.blog-card,.gallery-item-modern,.testimonial-card-modern{will-change:transform,opacity;backface-visibility:hidden}.achievements-section,.services-section,.projects-section,.education-section,.blogs-section,.vlogs-section,.gallery-section{min-height:600px;padding:120px 0;position:relative}.section-header{z-index:2;animation:.8s ease-out fadeInDown;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.achievements-grid,.services-grid,.projects-grid,.education-grid,.blogs-grid{animation-delay:.2s}.achievement-card:first-child,.service-card:first-child,.project-card:first-child,.education-card:first-child,.blog-card:first-child{animation-delay:.1s}.achievement-card:nth-child(2),.service-card:nth-child(2),.project-card:nth-child(2),.education-card:nth-child(2),.blog-card:nth-child(2){animation-delay:.2s}.achievement-card:nth-child(3),.service-card:nth-child(3),.project-card:nth-child(3),.education-card:nth-child(3),.blog-card:nth-child(3){animation-delay:.3s}.achievement-card:nth-child(4),.service-card:nth-child(4),.project-card:nth-child(4),.education-card:nth-child(4),.blog-card:nth-child(4){animation-delay:.4s}.achievement-card:nth-child(5),.service-card:nth-child(5),.project-card:nth-child(5),.education-card:nth-child(5),.blog-card:nth-child(5){animation-delay:.5s}.achievement-card:nth-child(6),.service-card:nth-child(6),.project-card:nth-child(6),.education-card:nth-child(6),.blog-card:nth-child(6){animation-delay:.6s}.achievement-card.clickable,.service-card.clickable,.project-card.clickable,.education-card.clickable,.blog-card.clickable{cursor:pointer;user-select:none}.achievement-card.clickable:active,.service-card.clickable:active,.project-card.clickable:active,.education-card.clickable:active,.blog-card.clickable:active{transform:translateY(-8px)scale(.98)}.achievement-card.clickable:after,.service-card.clickable:after,.project-card.clickable:after,.education-card.clickable:after,.blog-card.clickable:after{content:"↻";background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;opacity:0;z-index:10;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 15px #8b5cf666}.achievement-card.clickable:hover:after,.service-card.clickable:hover:after,.project-card.clickable:hover:after,.education-card.clickable:hover:after,.blog-card.clickable:hover:after{opacity:1;transform:rotate(180deg)}.vlog-card-modern{cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1)}.vlog-card-modern:hover{transform:translateY(-12px)rotateX(2deg);box-shadow:0 30px 60px #8b5cf666,inset 0 0 100px #8b5cf626}.vlog-card-modern:before{content:"";background:linear-gradient(90deg,var(--accent-color)0%,var(--accent-secondary)50%,var(--accent-color)100%);opacity:0;background-size:200% 100%;height:3px;transition:opacity .3s;animation:3s ease-in-out infinite gradientSlide;position:absolute;top:0;left:0;right:0}.vlog-card-modern:hover:before{opacity:1}.gallery-item-modern{cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1)}.gallery-item-modern:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#8b5cf600 0%,#8b5cf633 50%,#3b82f633 100%);transition:opacity .5s;position:absolute;inset:0}.gallery-item-modern:hover:before{opacity:1}.card-loading{background:linear-gradient(90deg,#8b5cf60d 0%,#8b5cf626 50%,#8b5cf60d 100%) 0 0/1000px 100%;animation:2s infinite shimmer}.achievement-card:focus-visible,.service-card:focus-visible,.project-card:focus-visible,.education-card:focus-visible,.blog-card:focus-visible,.vlog-card-modern:focus-visible,.gallery-item-modern:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100px,-100px)rotate(360deg)}}@media (width<=768px){.achievements-section,.services-section,.projects-section,.education-section,.blogs-section,.vlogs-section,.gallery-section{padding:80px 0}.card-back{padding:20px}.card-back-content{max-height:300px;font-size:.9rem}.achievement-card.clickable:after,.service-card.clickable:after,.project-card.clickable:after,.education-card.clickable:after,.blog-card.clickable:after{width:30px;height:30px;font-size:1rem;top:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.achievements-section:before,.services-section:before,.projects-section:before,.education-section:before,.blogs-section:before,.vlogs-section:before,.gallery-section:before,.achievements-section:after,.services-section:after,.projects-section:after{animation:none!important}}@media print{.achievements-section:before,.services-section:before,.projects-section:before,.education-section:before,.blogs-section:before,.vlogs-section:before,.gallery-section:before,.achievements-section:after,.services-section:after,.projects-section:after,.floating-shape{display:none!important}.achievement-card,.service-card,.project-card,.education-card,.blog-card{break-inside:avoid;page-break-inside:avoid}}.page-container:has(.projects-list),.page-container:has([class*=project]){position:relative;overflow:hidden}.page-container:has(.projects-list):before,.page-container:has([class*=project]):before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#8b5cf666 0%,#8b5cf633 25%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 80% 70%,#3b82f659 0%,#3b82f62e 25%,#0000 50%) 0 0/100% 100%,radial-gradient(circle,#ec489940 0%,#0000 40%) 0 0/100% 100%,repeating-linear-gradient(0deg,#0000,#0000 49px,#8b5cf633 49px 51px,#0000 51px 100px) 0 0/50px 50px,repeating-linear-gradient(90deg,#0000,#0000 49px,#3b82f626 49px 51px,#0000 51px 100px) 0 0/50px 50px,linear-gradient(135deg,#8b5cf61a,#3b82f614) 0 0/100% 100%;animation:30s linear infinite patternShift,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.page-container:has(.skills-grid),.page-container:has([class*=skill]){position:relative;overflow:hidden}.page-container:has(.skills-grid):before,.page-container:has([class*=skill]):before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 24%,#8b5cf633 25% 26%,#0000 27% 74%,#8b5cf633 75% 76%,#0000 77%,#0000) 0 0/100px 100px,linear-gradient(#0000,#0000 23%,#3b82f633 24% 25%,#0000 26% 73%,#3b82f633 74% 75%,#0000 76%) 0 0/100px 100px,radial-gradient(circle at 25% 25%,#8b5cf666 0%,#8b5cf633 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle at 75% 25%,#3b82f666 0%,#3b82f633 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle at 25% 75%,#ec489966 0%,#ec489933 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle at 75% 75%,#8b5cf666 0%,#8b5cf633 5%,#0000 10%) 0 0/100% 100%,radial-gradient(circle,#3b82f64d 0%,#0000 15%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614,#3b82f614,#ec489914) 0 0/100% 100%;animation:8s ease-in-out infinite circuitPulse,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.page-container:has(.experience-list),.page-container:has([class*=experience]){position:relative;overflow:hidden}.page-container:has(.experience-list):before,.page-container:has([class*=experience]):before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,#0000,#0000 98px,#8b5cf64d 98px 102px,#0000 102px 198px) 0 0/100% 100%,repeating-linear-gradient(0deg,#0000,#0000 79px,#3b82f640 79px 81px,#0000 81px 159px) 0 0/100% 100%,radial-gradient(circle at 10% 20%,#8b5cf666 0%,#8b5cf640 20%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 90% 80%,#ec489966 0%,#ec489940 20%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 50% 10%,#3b82f64d 0%,#0000 40%) 0 0/100% 100%,radial-gradient(circle at 50% 90%,#8b5cf64d 0%,#0000 40%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614,#3b82f614) 0 0/100% 100%;animation:25s ease-in-out infinite timelineShift,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.page-container:has(.education-list),.page-container:has([class*=education]){position:relative;overflow:hidden}.page-container:has(.education-list):before,.page-container:has([class*=education]):before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf666 2px,#0000 2px) 0 0/30px 30px,radial-gradient(circle at 25% 25%,#8b5cf64d 0%,#0000 30%) 0 0/100% 100%,radial-gradient(circle at 75% 75%,#3b82f640 0%,#0000 30%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614,#3b82f614) 0 0/100% 100%;animation:4s ease-in-out infinite dotPulse;position:absolute;inset:0}.page-container:has(.services-list),.page-container:has([class*=service]){position:relative;overflow:hidden}.page-container:has(.services-list):before,.page-container:has([class*=service]):before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#8b5cf666 0%,#8b5cf633 25%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 80% 70%,#3b82f659 0%,#3b82f62e 25%,#0000 50%) 0 0/100% 100%,radial-gradient(circle,#ec489940 0%,#0000 40%) 0 0/100% 100%,repeating-linear-gradient(0deg,#0000,#0000 49px,#8b5cf633 49px 51px,#0000 51px 100px) 0 0/50px 50px,repeating-linear-gradient(90deg,#0000,#0000 49px,#3b82f626 49px 51px,#0000 51px 100px) 0 0/50px 50px,linear-gradient(135deg,#8b5cf61a,#3b82f614) 0 0/100% 100%;animation:30s linear infinite patternShift,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.page-container:has(.gallery-grid),.page-container:has([class*=gallery]){position:relative;overflow:hidden}.page-container:has(.gallery-grid):before,.page-container:has([class*=gallery]):before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(100% 30% at 50% 0,#8b5cf666 0%,#8b5cf633 40%,#0000 70%),radial-gradient(100% 30% at 50% 100%,#3b82f659 0%,#3b82f62e 40%,#0000 70%),radial-gradient(30% 100% at 0%,#ec48994d 0%,#0000 50%),radial-gradient(30% 100% at 100%,#8b5cf640 0%,#0000 50%),linear-gradient(135deg,#8b5cf614,#3b82f614);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:15s ease-in-out infinite waveShift;position:absolute;inset:0}.page-container:has(.blogs-list),.page-container:has([class*=blog]){position:relative;overflow:hidden}.page-container:has(.blogs-list):before,.page-container:has([class*=blog]):before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf666 2px,#0000 2px) 0 0/30px 30px,radial-gradient(circle at 25% 25%,#8b5cf64d 0%,#0000 30%) 0 0/100% 100%,radial-gradient(circle at 75% 75%,#3b82f640 0%,#0000 30%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf614,#3b82f614) 0 0/100% 100%;animation:4s ease-in-out infinite dotPulse;position:absolute;inset:0}.page-container:has(.testimonials-grid),.page-container:has([class*=testimonial]){position:relative;overflow:hidden}.page-container:has(.testimonials-grid):before,.page-container:has([class*=testimonial]):before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(circle at 15% 15%,#8b5cf659 0%,#8b5cf626 15%,#0000 30%),radial-gradient(circle at 85% 25%,#3b82f64d 0%,#3b82f61f 15%,#0000 28%),radial-gradient(circle at 25% 75%,#ec489959 0%,#ec489926 18%,#0000 35%),radial-gradient(circle at 75% 85%,#8b5cf666 0%,#8b5cf62e 15%,#0000 30%),radial-gradient(circle,#3b82f640 0%,#3b82f61a 20%,#0000 40%),radial-gradient(circle at 10%,#ec489940 0%,#0000 25%),radial-gradient(circle at 90%,#8b5cf640 0%,#0000 25%),linear-gradient(135deg,#8b5cf614,#3b82f614,#ec489914);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation:20s ease-in-out infinite testimonialFloat,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.page-container:has(.achievements-list),.page-container:has([class*=achievement]){position:relative;overflow:hidden}.page-container:has(.achievements-list):before,.page-container:has([class*=achievement]):before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#8b5cf666 0%,#8b5cf633 25%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 80% 70%,#3b82f659 0%,#3b82f62e 25%,#0000 50%) 0 0/100% 100%,radial-gradient(circle,#ec489940 0%,#0000 40%) 0 0/100% 100%,repeating-linear-gradient(0deg,#0000,#0000 49px,#8b5cf633 49px 51px,#0000 51px 100px) 0 0/50px 50px,repeating-linear-gradient(90deg,#0000,#0000 49px,#3b82f626 49px 51px,#0000 51px 100px) 0 0/50px 50px,linear-gradient(135deg,#8b5cf61a,#3b82f614) 0 0/100% 100%;animation:30s linear infinite patternShift,20s ease-in-out infinite colorFlow;position:absolute;inset:0}.page-container:has(.vlogs-list),.page-container:has([class*=vlog]){position:relative;overflow:hidden}.page-container:has(.vlogs-list):before,.page-container:has([class*=vlog]):before{content:"";pointer-events:none;z-index:0;background:linear-gradient(30deg,#8b5cf640 12%,#0000 12.5% 87%,#8b5cf640 87.5%,#8b5cf640) 0 0/80px 140px,linear-gradient(150deg,#8b5cf640 12%,#0000 12.5% 87%,#8b5cf640 87.5%,#8b5cf640) 0 0/80px 140px,linear-gradient(30deg,#3b82f633 12%,#0000 12.5% 87%,#3b82f633 87.5%,#3b82f633) 0 0/80px 140px,linear-gradient(150deg,#3b82f633 12%,#0000 12.5% 87%,#3b82f633 87.5%,#3b82f633) 0 0/80px 140px,radial-gradient(circle at 30% 30%,#8b5cf64d 0%,#0000 40%) 0 0/100% 100%,radial-gradient(circle at 70% 70%,#3b82f64d 0%,#0000 40%) 0 0/100% 100%,linear-gradient(135deg,#8b5cf61a,#3b82f614) 0 0/100% 100%;animation:20s linear infinite hexagonShift;position:absolute;inset:0}.page-container>*{z-index:1;position:relative}@media print{.page-container:before,.page-container:after{display:none!important}}[data-theme=dark] .section:nth-child(odd){background:linear-gradient(#0a0e27 0%,#0f1419 100%)}[data-theme=dark] .section:nth-child(2n){background:linear-gradient(#0f1419 0%,#1a1f35 100%)}[data-theme=blue] .section:nth-child(odd){background:linear-gradient(#0a1628 0%,#0f1f3a 100%)}[data-theme=blue] .section:nth-child(2n){background:linear-gradient(#0f1f3a 0%,#1a2c4d 100%)}[data-theme=purple] .section:nth-child(odd){background:linear-gradient(#1a0b2e 0%,#16011c 100%)}[data-theme=purple] .section:nth-child(2n){background:linear-gradient(#16011c 0%,#2d1b3d 100%)}[data-theme=green] .section:nth-child(odd){background:linear-gradient(#0a1f12 0%,#0d2818 100%)}[data-theme=green] .section:nth-child(2n){background:linear-gradient(#0d2818 0%,#1a3d2a 100%)}[data-theme=dark] .service-card,[data-theme=dark] .project-card,[data-theme=dark] .achievement-card,[data-theme=dark] .education-card,[data-theme=dark] .blog-card,[data-theme=dark] .testimonial-card-modern,[data-theme=dark] .gallery-item-modern{background:linear-gradient(135deg,#151932cc 0%,#1a1f3599 100%);border:1px solid #64b5f633;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #64b5f61a}[data-theme=blue] .service-card,[data-theme=blue] .project-card,[data-theme=blue] .achievement-card,[data-theme=blue] .education-card,[data-theme=blue] .blog-card,[data-theme=blue] .testimonial-card-modern,[data-theme=blue] .gallery-item-modern{background:linear-gradient(135deg,#0f1f3acc 0%,#1a2c4d99 100%);border:1px solid #2196f340;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #2196f326}[data-theme=purple] .service-card,[data-theme=purple] .project-card,[data-theme=purple] .achievement-card,[data-theme=purple] .education-card,[data-theme=purple] .blog-card,[data-theme=purple] .testimonial-card-modern,[data-theme=purple] .gallery-item-modern{background:linear-gradient(135deg,#1f0e2ecc 0%,#2d1b3d99 100%);border:1px solid #9c27b040;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #9c27b026}[data-theme=green] .service-card,[data-theme=green] .project-card,[data-theme=green] .achievement-card,[data-theme=green] .education-card,[data-theme=green] .blog-card,[data-theme=green] .testimonial-card-modern,[data-theme=green] .gallery-item-modern{background:linear-gradient(135deg,#0f2419cc 0%,#1a3d2a99 100%);border:1px solid #4caf5040;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #4caf5026}[data-theme=dark] .service-card:hover,[data-theme=dark] .project-card:hover,[data-theme=dark] .achievement-card:hover{background:linear-gradient(135deg,#1a1f35e6 0%,#2d1d69b3 100%);border-color:#64b5f666;transform:translateY(-8px);box-shadow:0 12px 48px #64b5f64d,inset 0 0 0 1px #64b5f633}[data-theme=blue] .service-card:hover,[data-theme=blue] .project-card:hover,[data-theme=blue] .achievement-card:hover{background:linear-gradient(135deg,#1a2c4de6 0%,#1565c0b3 100%);border-color:#2196f380;transform:translateY(-8px);box-shadow:0 12px 48px #2196f366,inset 0 0 0 1px #2196f340}[data-theme=purple] .service-card:hover,[data-theme=purple] .project-card:hover,[data-theme=purple] .achievement-card:hover{background:linear-gradient(135deg,#2d1b3de6 0%,#6a1b9ab3 100%);border-color:#9c27b080;transform:translateY(-8px);box-shadow:0 12px 48px #9c27b066,inset 0 0 0 1px #9c27b040}[data-theme=green] .service-card:hover,[data-theme=green] .project-card:hover,[data-theme=green] .achievement-card:hover{background:linear-gradient(135deg,#1a3d2ae6 0%,#2e7d32b3 100%);border-color:#4caf5080;transform:translateY(-8px);box-shadow:0 12px 48px #4caf5066,inset 0 0 0 1px #4caf5040}[data-theme=dark] .experience-content,[data-theme=blue] .experience-content,[data-theme=purple] .experience-content,[data-theme=green] .experience-content{background:var(--card-bg);border-left:4px solid var(--accent-primary);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}[data-theme=dark] .contact-info-card-modern,[data-theme=dark] .contact-form-card-modern{backdrop-filter:blur(20px);background:linear-gradient(135deg,#151932e6 0%,#1a1f35cc 100%);border:1px solid #64b5f633;box-shadow:0 12px 48px #00000080}[data-theme=blue] .contact-info-card-modern,[data-theme=blue] .contact-form-card-modern{backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f1f3ae6 0%,#1a2c4dcc 100%);border:1px solid #2196f340;box-shadow:0 12px 48px #00000080}[data-theme=purple] .contact-info-card-modern,[data-theme=purple] .contact-form-card-modern{backdrop-filter:blur(20px);background:linear-gradient(135deg,#1f0e2ee6 0%,#2d1b3dcc 100%);border:1px solid #9c27b040;box-shadow:0 12px 48px #00000080}[data-theme=green] .contact-info-card-modern,[data-theme=green] .contact-form-card-modern{backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f2419e6 0%,#1a3d2acc 100%);border:1px solid #4caf5040;box-shadow:0 12px 48px #00000080}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .input-wrapper input,[data-theme=dark] .input-wrapper textarea{color:var(--text-primary);background:#1a1f3580;border:2px solid #64b5f633}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .input-wrapper input:focus,[data-theme=dark] .input-wrapper textarea:focus{background:#1a1f35cc;border-color:#64b5f680;box-shadow:0 0 0 4px #64b5f61a}[data-theme=blue] .form-group input,[data-theme=blue] .form-group textarea,[data-theme=blue] .input-wrapper input,[data-theme=blue] .input-wrapper textarea{color:var(--text-primary);background:#1a2c4d80;border:2px solid #2196f340}[data-theme=blue] .form-group input:focus,[data-theme=blue] .form-group textarea:focus,[data-theme=blue] .input-wrapper input:focus,[data-theme=blue] .input-wrapper textarea:focus{background:#1a2c4dcc;border-color:#2196f380;box-shadow:0 0 0 4px #2196f31a}[data-theme=purple] .form-group input,[data-theme=purple] .form-group textarea,[data-theme=purple] .input-wrapper input,[data-theme=purple] .input-wrapper textarea{color:var(--text-primary);background:#2d1b3d80;border:2px solid #9c27b040}[data-theme=purple] .form-group input:focus,[data-theme=purple] .form-group textarea:focus,[data-theme=purple] .input-wrapper input:focus,[data-theme=purple] .input-wrapper textarea:focus{background:#2d1b3dcc;border-color:#9c27b080;box-shadow:0 0 0 4px #9c27b01a}[data-theme=green] .form-group input,[data-theme=green] .form-group textarea,[data-theme=green] .input-wrapper input,[data-theme=green] .input-wrapper textarea{color:var(--text-primary);background:#1a3d2a80;border:2px solid #4caf5040}[data-theme=green] .form-group input:focus,[data-theme=green] .form-group textarea:focus,[data-theme=green] .input-wrapper input:focus,[data-theme=green] .input-wrapper textarea:focus{background:#1a3d2acc;border-color:#4caf5080;box-shadow:0 0 0 4px #4caf501a}[data-theme=dark] .floating-shape{background:radial-gradient(circle,#64b5f626 0%,#0000 70%);box-shadow:0 0 60px #64b5f64d}[data-theme=blue] .floating-shape{background:radial-gradient(circle,#2196f333 0%,#0000 70%);box-shadow:0 0 60px #2196f366}[data-theme=purple] .floating-shape{background:radial-gradient(circle,#9c27b033 0%,#0000 70%);box-shadow:0 0 60px #9c27b066}[data-theme=green] .floating-shape{background:radial-gradient(circle,#4caf5033 0%,#0000 70%);box-shadow:0 0 60px #4caf5066}.section-header h2{color:var(--text-primary);text-shadow:0 0 30px var(--accent-primary);position:relative}[data-theme=dark] .section-header h2,[data-theme=blue] .section-header h2,[data-theme=purple] .section-header h2,[data-theme=green] .section-header h2{background:var(--accent-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px var(--accent-primary));background-clip:text}.view-all-link{color:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:25px;padding:.5rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}[data-theme=dark] .view-all-link:hover,[data-theme=blue] .view-all-link:hover,[data-theme=purple] .view-all-link:hover,[data-theme=green] .view-all-link:hover{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 24px var(--accent-primary);transform:translateY(-2px)}[data-theme=dark] .header,[data-theme=blue] .header,[data-theme=purple] .header,[data-theme=green] .header{background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 8px 32px #0006}[data-theme=dark] .tech-tag,[data-theme=dark] .tech-tag-mini{color:#64b5f6;background:#64b5f626;border:1px solid #64b5f64d}[data-theme=blue] .tech-tag,[data-theme=blue] .tech-tag-mini{color:#42a5f5;background:#2196f326;border:1px solid #2196f34d}[data-theme=purple] .tech-tag,[data-theme=purple] .tech-tag-mini{color:#ab47bc;background:#9c27b026;border:1px solid #9c27b04d}[data-theme=green] .tech-tag,[data-theme=green] .tech-tag-mini{color:#66bb6a;background:#4caf5026;border:1px solid #4caf504d}[data-theme=dark] .cta-btn:hover,[data-theme=dark] .submit-btn-modern:hover{box-shadow:0 0 30px #64b5f699,0 0 60px #64b5f666}[data-theme=blue] .cta-btn:hover,[data-theme=blue] .submit-btn-modern:hover{box-shadow:0 0 30px #2196f399,0 0 60px #2196f366}[data-theme=purple] .cta-btn:hover,[data-theme=purple] .submit-btn-modern:hover{box-shadow:0 0 30px #9c27b099,0 0 60px #9c27b066}[data-theme=green] .cta-btn:hover,[data-theme=green] .submit-btn-modern:hover{box-shadow:0 0 30px #4caf5099,0 0 60px #4caf5066}[data-theme=dark] .profile-card-modern,[data-theme=blue] .profile-card-modern,[data-theme=purple] .profile-card-modern,[data-theme=green] .profile-card-modern{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 20px 60px #00000080,0 0 0 1px var(--accent-primary)inset;backdrop-filter:blur(20px)}[data-theme=dark] .scroll-indicator,[data-theme=blue] .scroll-indicator,[data-theme=purple] .scroll-indicator,[data-theme=green] .scroll-indicator{color:var(--text-secondary)}[data-theme=dark] .scroll-mouse,[data-theme=blue] .scroll-mouse,[data-theme=purple] .scroll-mouse,[data-theme=green] .scroll-mouse{border:2px solid var(--accent-primary);box-shadow:0 0 20px var(--accent-primary)}@media (width<=768px){[data-theme=dark] .section,[data-theme=blue] .section,[data-theme=purple] .section,[data-theme=green] .section{padding:3rem 1rem}}.services-section{background:var(--bg-primary);padding:6rem 2rem;position:relative}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:2rem 0;display:grid}.service-card{border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent-gradient);width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-icon-wrapper{width:80px;height:80px;margin-bottom:1.5rem;position:relative}.service-icon{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex;position:relative}.icon-bg-pulse{background:var(--accent-gradient);opacity:.2;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-section{background:var(--bg-secondary);padding:6rem 2rem;position:relative}.projects-inner{grid-template-columns:1fr 2fr;align-items:start;gap:2.5rem;display:grid}.projects-intro{padding-right:1rem}.projects-intro .projects-intro-text{color:var(--text-secondary);max-width:420px;margin-top:.75rem;line-height:1.6}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0;display:grid}.project-card{border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.project-image-wrapper{height:220px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.1)}.image-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .image-overlay{opacity:1}.overlay-icon{color:#fff;transition:transform .3s;transform:scale(.8)}.project-card:hover .overlay-icon{transform:scale(1)}.project-content{padding:2rem}.card-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.project-card:hover .card-shine,.service-card:hover .card-shine,.achievement-card:hover .card-shine{left:150%}.achievements-section{background:var(--bg-primary);padding:6rem 2rem;position:relative}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 0;display:grid}.achievement-card{text-align:center;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.achievement-icon-glow{width:100px;height:100px;margin:0 auto 1.5rem;position:relative}.achievement-icon{z-index:2;justify-content:center;align-items:center;font-size:3.5rem;display:flex;position:relative}.icon-pulse{background:var(--accent-gradient);opacity:.3;border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite iconPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes iconPulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.achievement-number{color:var(--accent-primary);text-shadow:0 0 20px var(--accent-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.certificates-section{background:var(--bg-secondary);padding:6rem 2rem;position:relative}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:2rem 0;display:grid}.certificate-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.certificate-image{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));justify-content:center;align-items:center;width:100%;height:200px;padding:1rem;display:flex;overflow:hidden}.certificate-image img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.certificate-card:hover .certificate-image img{transform:scale(1.05)}.certificate-content{flex-direction:column;flex:1;gap:.75rem;padding:2rem;display:flex}.certificate-icon{margin-bottom:.5rem;font-size:2.5rem}.certificate-card h3{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.certificate-issuer{color:var(--accent-primary);margin:0;font-size:1rem;font-weight:600}.certificate-description{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.certificate-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem;font-size:.9rem;display:flex}.certificate-category{color:var(--accent-secondary);font-weight:500}.view-credential-btn{background:var(--accent-gradient);color:#fff;border-radius:10px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.view-credential-btn:hover{transform:translate(5px);box-shadow:0 10px 30px #0003}.certificate-card:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 20px 60px #00000026}.experience-section{background:var(--bg-secondary);padding:6rem 2rem;position:relative}.experience-list{max-width:1000px;margin:0 auto;padding:2rem 0}.experience-item{gap:2rem;margin-bottom:3rem;display:flex;position:relative}.experience-timeline-dot{flex-shrink:0;width:24px;height:24px;margin-top:.5rem;position:relative}.experience-timeline-dot:before{content:"";background:var(--accent-gradient);border:3px solid var(--bg-secondary);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.experience-timeline-dot:after{content:"";background:linear-gradient(180deg,var(--accent-primary)0%,transparent 100%);width:2px;height:100%;position:absolute;top:24px;left:50%;transform:translate(-50%)}.dot-pulse{background:var(--accent-primary);z-index:1;border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite dotPulse;position:absolute;top:0;left:50%;transform:translate(-50%)}.experience-content{border-radius:16px;flex:1;padding:2rem;transition:all .3s}.experience-content:hover{transform:translate(8px)}.education-section{background:var(--bg-primary);padding:6rem 2rem;position:relative}.education-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:2rem 0;display:grid}.education-card{border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.education-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;position:relative}.education-icon-wrapper svg{color:var(--accent-primary);z-index:2;position:relative}.icon-bg-shine{background:var(--accent-gradient);opacity:.15;filter:blur(20px);border-radius:50%;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blogs-section{background:var(--bg-secondary);padding:6rem 2rem;position:relative}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;padding:2rem 0;display:grid}.blog-card{border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-image-wrapper{background:var(--bg-tertiary);height:200px;position:relative;overflow:hidden}.blog-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-image{transform:scale(1.08)}.blog-image-overlay{background:var(--accent-gradient);opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.blog-card:hover .blog-image-overlay{opacity:.9}.blog-image-overlay svg{color:#fff;transition:transform .3s;transform:scale(.8)}.blog-card:hover .blog-image-overlay svg{transform:scale(1)}.blog-content{padding:2rem}.blog-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-category{background:var(--accent-gradient);color:#fff;text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.blog-date{color:var(--text-muted);font-size:.85rem}.testimonials-section{background:var(--bg-primary);padding:6rem 2rem;position:relative}.testimonials-grid-modern{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;padding:2rem 0;display:grid}.testimonial-card-modern{border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quote-icon{color:var(--accent-primary);opacity:.3;position:absolute;top:1.5rem;right:1.5rem}.testimonial-text-modern{color:var(--text-secondary);z-index:1;margin-bottom:2rem;font-size:1.1rem;line-height:1.8;position:relative}.testimonial-meta-modern{justify-content:space-between;align-items:center;gap:1rem;display:flex}.testimonial-author-modern{align-items:center;gap:1rem;display:flex}.testimonial-avatar-modern{border:3px solid var(--accent-primary);border-radius:50%;width:56px;height:56px;overflow:hidden;box-shadow:0 4px 12px #0003}.testimonial-avatar-modern img{object-fit:cover;width:100%;height:100%}.testimonial-rating{color:var(--accent-primary);gap:.25rem;display:flex}.gallery-section{background:var(--bg-secondary);padding:6rem 2rem;position:relative}.gallery-grid-modern{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem 0;display:grid}.gallery-item-modern{cursor:pointer;border-radius:16px;height:280px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gallery-item-modern.tall{height:280px}.gallery-image{object-fit:cover;object-position:center;width:100%;height:100%;min-height:280px;max-height:280px;transition:transform .5s;display:block}.gallery-item-modern:hover .gallery-image{transform:scale(1.1)}.gallery-overlay-modern{opacity:0;background:linear-gradient(#0000 0%,#000000b3 70%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item-modern:hover .gallery-overlay-modern{opacity:1}.gallery-info h3{color:#fff;margin-bottom:.75rem;font-size:1.3rem}.gallery-tags{flex-wrap:wrap;gap:.5rem;display:flex}.gallery-tag{backdrop-filter:blur(10px);color:#fff;background:#fff3;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;display:flex}.gallery-zoom{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem;transform:scale(0)}.gallery-item-modern:hover .gallery-zoom{transform:scale(1)}.contact-section{background:var(--bg-primary);padding:6rem 2rem;position:relative}.contact-cards-grid-modern{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;max-width:1400px;margin:0 auto;padding:2rem 0;display:grid}.contact-info-card-modern,.contact-form-card-modern{border-radius:24px;padding:3rem;transition:all .4s}.card-header-modern{border-bottom:2px solid var(--border-color);align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.header-icon{background:var(--accent-gradient);color:#fff;width:64px;height:64px;box-shadow:0 8px 24px var(--accent-primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.card-header-modern h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem}.card-header-modern p{color:var(--text-secondary);font-size:.95rem}.contact-info-list-modern{flex-direction:column;gap:1.5rem;display:flex}.contact-item-modern{background:var(--bg-secondary);border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.25rem;transition:all .3s;display:flex}.contact-item-modern:hover{background:var(--bg-tertiary);transform:translate(8px)}.contact-icon-modern{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-details-modern strong{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.9rem;display:block}.contact-link-modern{color:var(--accent-primary);cursor:pointer;border-bottom:1px solid #0000;text-decoration:none;transition:all .3s;display:inline-block}.contact-link-modern:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary);transform:translate(2px)}.contact-form-modern{flex-direction:column;gap:1.5rem;display:flex}.form-group-modern{flex-direction:column;gap:.5rem;display:flex}.form-group-modern label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;left:1rem}.input-wrapper input,.input-wrapper textarea{border-radius:12px;width:100%;padding:1rem 1rem 1rem 3rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-wrapper textarea{resize:vertical;min-height:120px;padding-top:1rem}.submit-btn-modern{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .4s;display:flex;position:relative;overflow:hidden}.submit-btn-modern:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.submit-btn-modern:hover:not(:disabled){box-shadow:0 12px 40px var(--accent-primary);transform:translateY(-4px)}.submit-btn-modern:hover:before{left:100%}.submit-btn-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-modern{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.status-message-modern{border-radius:12px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 1.5rem;font-weight:600;display:flex}.status-message-modern.success{color:var(--success-color);border:1px solid var(--success-color);background:#4caf5026}.status-message-modern.error{color:var(--error-color);border:1px solid var(--error-color);background:#f4433626}.section-header{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.section-header h2{align-items:center;gap:1rem;font-size:3rem;font-weight:800;display:flex}.section-icon{font-size:2.5rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:-2rem auto 3rem;font-size:1.2rem}.floating-shape{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.shape-1,.shape-achievement-1,.shape-service-1,.shape-project-1,.shape-experience-1,.shape-education-1,.shape-blog-1,.shape-testimonial-1,.shape-gallery-1,.shape-contact-1{width:300px;height:300px;animation:20s ease-in-out infinite float;top:10%;left:-100px}.shape-2,.shape-achievement-2,.shape-service-2,.shape-project-2,.shape-experience-2,.shape-education-2,.shape-blog-2,.shape-testimonial-2,.shape-gallery-2,.shape-contact-2{width:200px;height:200px;animation:15s ease-in-out infinite reverse float;top:60%;right:-80px}.shape-3,.shape-achievement-3,.shape-gallery-3,.shape-contact-3{width:150px;height:150px;animation:18s ease-in-out -5s infinite float;bottom:20%;left:50%}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.empty-state svg{color:var(--text-muted);margin-bottom:1.5rem}.empty-state p{font-size:1.1rem}@media (width<=1024px){.contact-cards-grid-modern{grid-template-columns:1fr}.gallery-item-modern.tall,.gallery-item-modern{height:280px}.gallery-image{min-height:280px;max-height:280px}}@media (width<=768px){.services-grid,.projects-grid,.achievements-grid,.education-grid,.blogs-grid,.testimonials-grid-modern{grid-template-columns:1fr;gap:1.5rem}.section-header h2{font-size:2.2rem}.contact-info-card-modern,.contact-form-card-modern{padding:2rem}.experience-item{gap:1rem}}@media (width<=480px){.service-card,.project-card,.achievement-card,.education-card,.blog-card,.testimonial-card-modern{padding:1.5rem}.section-header h2{font-size:1.8rem}.gallery-grid-modern{grid-template-columns:1fr}}.main-content{width:100%;min-height:100vh;margin-left:0}.container-full{width:100%;padding:0}.container-centered{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-content-modern{z-index:2;grid-template-columns:1fr 420px;align-items:center;gap:3rem;width:100%;max-width:1200px;min-height:min(64vh,100vh - 120px);margin:0 auto;padding:0 2rem 1rem;display:grid;position:relative}.hero-text-modern{text-align:left;grid-column:1;align-self:center;margin-top:0;padding-top:0}.profile-card-modern{grid-column:2;place-self:center end;margin:0}.hero-content-modern{grid-template-columns:1fr minmax(260px,420px)}.hero-name{font-size:clamp(2rem,5.5vw,2.8rem)}.hero-title{font-size:clamp(.95rem,2.2vw,1.45rem)}@media (height<=920px){.hero-content-modern{gap:2rem;min-height:auto;padding-top:2rem;padding-bottom:2rem}.profile-image-wrapper{width:200px;height:200px}.hero-name{font-size:2.8rem}.hero-title{font-size:1.5rem}}@media (height<=820px){.hero-content-modern{gap:1.6rem;min-height:auto;padding-top:1.6rem;padding-bottom:1.6rem}.profile-image-wrapper{width:160px;height:160px}.profile-pic-modern{border-width:6px}.profile-card-modern{padding:.9rem}.hero-name{font-size:2.4rem}.hero-title{font-size:1.2rem}.hero-description{max-width:480px}}@media (height<=740px){.hero-name{font-size:2.1rem}.hero-title{font-size:1rem}.profile-image-wrapper{width:140px;height:140px}.profile-card-modern{padding:.6rem}}.profile-card-modern{text-align:center;backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff0a;border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s;animation:.6s ease-out slideInRight}@media (width>=992px){.hero-content-modern{margin-top:-12px;padding-bottom:1rem;overflow:visible}.hero-text-modern{transition:transform .3s;transform:translateY(-80px)}.hero-content-modern>.profile-card-modern{transform:translate(48px,-12px)}.hero-content-modern>.profile-card-modern:hover{transform:translate(48px,-18px);box-shadow:0 10px 30px #02061799}}@media (width>=1400px){.hero-content-modern{margin-top:-20px;padding-bottom:1.25rem;overflow:visible}.hero-text-modern{transition:transform .3s;transform:translateY(-100px)}.hero-content-modern>.profile-card-modern{transform:translate(64px,-16px)}.hero-content-modern>.profile-card-modern:hover{transform:translate(64px,-22px);box-shadow:0 12px 36px #020617a6}}@media (height<=820px){.profile-card-modern{transform:translate(36px)translateY(-20px)}.profile-card-modern:hover{transform:translate(36px)translateY(-28px)}}@media (width<=991px){.profile-card-modern:hover{transform:translateY(-6px);box-shadow:0 10px 30px #02061799}}.profile-image-wrapper{width:200px;height:200px;margin:0 auto 1rem;position:relative}.profile-image-glow{background:var(--accent-gradient);filter:blur(22px);opacity:.25;border-radius:50%;width:90%;height:90%;animation:3.5s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}.profile-pic-modern{object-fit:cover;border:4px solid var(--accent-primary);z-index:2;border-radius:50%;width:100%;height:100%;transition:all .4s;position:relative;box-shadow:0 20px 60px #00000080}.profile-pic-modern:hover{transform:scale(1.05);box-shadow:0 25px 80px #0009}.profile-badge{background:var(--accent-gradient);color:#fff;z-index:3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite badgeBounce;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.badge-icon{font-size:1rem}.quick-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.stat-item{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.stat-item:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.stat-number{color:var(--accent-primary);text-shadow:0 0 20px var(--accent-primary);font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.hero-text-modern{animation:.8s ease-out slideInRight}.hero-intro{margin-bottom:2rem}.greeting-text{color:var(--text-secondary);margin-top:6px;margin-bottom:1rem;font-size:1.2rem;font-weight:500;display:block}@media (width<=980px){.greeting-text{margin-top:2px}}.hero-name{color:#fff;margin-bottom:.5rem;font-size:3.2rem;font-weight:800;line-height:1.05;display:inline-block;position:relative}.name-underline{background:var(--accent-gradient);border-radius:2px;width:100%;height:3px;animation:.6s ease-out .2s both expandUnderline;position:absolute;bottom:-8px;left:0}@keyframes expandUnderline{0%{width:0}to{width:100%}}.hero-title{color:var(--accent-primary);text-shadow:0 0 30px var(--accent-primary);margin-bottom:1.5rem;font-size:2rem;font-weight:600}.hero-description{color:#ffffffd9;max-width:600px;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.8}.hero-cta-group{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.cta-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.primary-cta{background:var(--accent-gradient);color:#fff;border-radius:9999px;padding:.8rem 1.6rem;box-shadow:0 6px 18px #02061799}.primary-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);width:120%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #02061799}.primary-cta:hover:before{left:100%}.secondary-cta{color:#fff;border:2px solid var(--accent-primary);backdrop-filter:blur(10px);background:#ffffff1a}.secondary-cta:hover{background:#fff3;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.tertiary-cta{color:var(--accent-primary);background:0 0;border:2px solid #0000}.tertiary-cta:hover{border-color:var(--accent-primary);background:#ffffff0d}.cta-icon{font-size:1.2rem}.cta-arrow{font-size:1.2rem;transition:transform .3s}.cta-btn:hover .cta-arrow{transform:translate(4px)}.social-links-modern{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 0;display:flex}.social-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.social-icons-group{gap:.75rem;display:flex}.social-icon-btn{backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-icon-btn:before{content:"";background:var(--accent-gradient);opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-icon-btn svg{z-index:1;position:relative}.social-icon-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.social-icon-btn:hover:before{opacity:1}.tech-stack-preview{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.tech-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.tech-tags-scroll{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag-mini{backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.tech-tag-mini:hover{background:var(--accent-gradient);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:.75rem;animation:1s ease-out 1s both fadeIn;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-text{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.scroll-mouse{border-radius:14px;width:28px;height:44px;animation:2s ease-in-out infinite scrollBounce;position:relative}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-wheel{background:var(--accent-primary);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hero-background-elements{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}@media (width<=768px){.main-content{width:100%;margin-left:0}}@media (width<=1200px){.hero-content-modern{grid-template-columns:1fr 360px;align-items:center;gap:2.5rem}.profile-image-wrapper{width:220px;height:220px}.hero-name{font-size:3.2rem}}@media (width<=968px){.hero-content-modern{text-align:center;grid-template-columns:1fr;gap:3rem;padding:0 1.5rem}.hero-text-modern,.profile-card-modern{grid-column:1}.container-centered{padding:0 1.5rem}.main-content{width:100%;margin-left:0}.profile-card-modern{max-width:400px;margin:0 auto}.hero-text-modern{max-width:700px;margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group,.social-links-modern,.tech-stack-preview{justify-content:center}}@media (width<=768px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.5rem}.hero-description{font-size:1rem}.quick-stats{gap:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.profile-image-wrapper{width:200px;height:200px}}@media (width<=480px){.hero-name{font-size:2rem}.hero-title{font-size:1.25rem}.hero-cta-group{flex-direction:column;width:100%}.cta-btn{justify-content:center;width:100%}.quick-stats{grid-template-columns:1fr}.social-icons-group{gap:.5rem}.social-icon-btn{width:40px;height:40px}.tech-tag-mini{padding:.4rem .8rem;font-size:.75rem}}