:root{--primary-color: #dc2626;--primary-hover: #b91c1c;--accent-color: #ef4444;--accent-hover: #dc2626;--text-primary: #1f2937;--text-secondary: #6b7280;--heading-color: #111827;--bg-primary: linear-gradient(135deg, #fefefe 0%, #f9fafb 50%, #f3f4f6 100%);--bg-overlay: radial-gradient(circle at 25% 25%, rgba(220, 38, 38, .03) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(239, 68, 68, .03) 0%, transparent 50%);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-secondary: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .95);--glass-shadow: 0 8px 32px 0 rgba(31, 41, 55, .08);--glass-shadow-lg: 0 20px 48px 0 rgba(31, 41, 55, .12);--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(220, 38, 38, .08);--card-shadow: 0 4px 16px rgba(0, 0, 0, .05);--card-shadow-hover: 0 12px 32px rgba(0, 0, 0, .08);--gradient-shadow: 0 8px 25px rgba(220, 38, 38, .15);--gradient-shadow-lg: 0 15px 35px rgba(220, 38, 38, .2);--red-shadow: 0 8px 25px rgba(239, 68, 68, .15);--red-shadow-lg: 0 15px 35px rgba(239, 68, 68, .2);--blur-strength: 12px;--blur-light: 8px;--blur-heavy: 20px}[data-theme=dark]{--primary-color: #f87171;--primary-hover: #ef4444;--accent-color: #fca5a5;--accent-hover: #f87171;--text-primary: #f9fafb;--text-secondary: #d1d5db;--heading-color: #ffffff;--bg-primary: linear-gradient(135deg, #111827 0%, #1f2937 50%, #374151 100%);--bg-overlay: radial-gradient(circle at 20% 80%, rgba(248, 113, 113, .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(252, 165, 165, .08) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(156, 163, 175, .05) 0%, transparent 50%);--glass-bg: rgba(31, 41, 55, .4);--glass-bg-secondary: rgba(31, 41, 55, .5);--glass-border: rgba(209, 213, 219, .1);--card-bg: rgba(31, 41, 55, .3);--card-border: rgba(209, 213, 219, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-shadow-lg: 0 16px 48px 0 rgba(0, 0, 0, .6);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--card-shadow-hover: 0 16px 48px 0 rgba(0, 0, 0, .5);--gradient-shadow: 0 8px 25px rgba(248, 113, 113, .2);--gradient-shadow-lg: 0 15px 35px rgba(248, 113, 113, .3);--red-shadow: 0 8px 25px rgba(252, 165, 165, .2);--red-shadow-lg: 0 15px 35px rgba(252, 165, 165, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-attachment:fixed;transition:all .3s ease;scroll-behavior:smooth;overflow-x:hidden;opacity:0;animation:fadeInBody .5s ease forwards}@keyframes fadeInBody{to{opacity:1}}body:before{content:"";position:fixed;inset:0;background:var(--bg-overlay);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(220,38,38,.02) 1px,transparent 0),radial-gradient(circle at 3px 3px,rgba(239,68,68,.02) 1px,transparent 0);background-size:20px 20px,30px 30px;pointer-events:none;z-index:-1;opacity:.3}[data-theme=dark] body:after{background-image:radial-gradient(circle at 1px 1px,rgba(248,113,113,.03) 1px,transparent 0),radial-gradient(circle at 3px 3px,rgba(252,165,165,.02) 1px,transparent 0);opacity:.2}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass-card{background:var(--glass-bg);border-radius:24px;box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:2px solid var(--glass-border);padding:1.2rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 30%,var(--accent-color) 70%,transparent 100%);opacity:.4}.glass-card:hover{transform:translateY(-8px);box-shadow:var(--glass-shadow-lg);border-color:#dc262626;background:#fffffff2}[data-theme=dark] .glass-card:hover{background:#1f293780;border-color:#f8717133}.header{position:fixed;top:0;left:0;right:0;background:var(--glass-bg-secondary);backdrop-filter:blur(var(--blur-heavy));-webkit-backdrop-filter:blur(var(--blur-heavy));border-bottom:1px solid var(--card-border);z-index:1000;transition:all .3s ease;height:80px;box-shadow:0 2px 20px #00000008}[data-theme=dark] .header{background:#1f29374d;box-shadow:0 2px 20px #0003}.header .container{display:flex;justify-content:space-between;align-items:center;padding:20px;height:100%}.logo{font-family:Poppins,sans-serif;font-weight:700;font-size:1.8rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.nav{display:flex;align-items:center;gap:20px;background:var(--card-bg);padding:8px 20px;border-radius:40px;-webkit-backdrop-filter:blur(var(--blur-light));backdrop-filter:blur(var(--blur-light));border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;padding:10px 18px;border-radius:20px;transition:all .3s ease;cursor:pointer;position:relative}.nav-link:hover,.nav-link.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:var(--gradient-shadow);transform:translateY(-1px)}.theme-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:10px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(var(--blur-light));backdrop-filter:blur(var(--blur-light));width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:var(--card-shadow)}.theme-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;transform:rotate(180deg);box-shadow:var(--gradient-shadow)}.section{min-height:80vh;padding:100px 0;display:block;position:relative}.section-content{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-title{font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-subtitle{font-size:1.4rem;color:var(--text-secondary);text-align:center;margin-bottom:2.5rem;margin-top:1.5rem;line-height:1.7}.section-title:after{display:none}.about-content{margin-bottom:0}#home{display:flex;align-items:center;min-height:100vh;position:relative;padding:100px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.hero-left{z-index:2}.hero-title{font-family:Poppins,sans-serif;font-size:4rem;font-weight:800;color:var(--text-primary);margin-bottom:20px;line-height:1.1;position:relative}.hero-subtitle{font-size:1.8rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;min-height:2rem;font-weight:600}.hero-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;margin-bottom:40px;max-width:600px}.hero-buttons{display:flex;gap:20px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(var(--blur-light));backdrop-filter:blur(var(--blur-light));transform:translateZ(0)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:var(--gradient-shadow);border:2px solid transparent}.btn.primary:hover{transform:translateY(-3px);box-shadow:var(--gradient-shadow-lg);background:linear-gradient(135deg,var(--primary-hover),var(--accent-hover))}.btn.outline{background:var(--card-bg);border:2px solid var(--primary-color);color:var(--primary-color);-webkit-backdrop-filter:blur(var(--blur-light));backdrop-filter:blur(var(--blur-light));box-shadow:var(--card-shadow)}.btn.outline:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;transform:translateY(-3px);border-color:transparent;box-shadow:var(--gradient-shadow)}.hero-right{position:relative;display:flex;justify-content:center;align-items:center}.hero-visual{background:var(--glass-bg);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:40px;width:100%;max-width:500px;height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(220,38,38,.05),rgba(239,68,68,.05),transparent);animation:shimmer 3s infinite linear}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.about-content{max-width:900px;margin:0 auto;padding:0 0 10px}.about-content p{color:var(--text-primary);font-size:1.4rem;line-height:1.9;margin-bottom:2rem;text-align:left}.about-text,.contact-form{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--blur-strength));backdrop-filter:blur(var(--blur-strength));border-radius:25px;padding:.8rem .7rem;border:1px solid var(--card-border);margin-bottom:20px;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.about-text:hover,.contact-form:hover{box-shadow:var(--card-shadow-hover);background:#fffffff2;border-color:#dc26261a}[data-theme=dark] .about-text:hover,[data-theme=dark] .contact-form:hover{background:#1f293766;border-color:#f8717126}.about-text p{color:var(--text-primary);font-size:1.4rem;line-height:1.9;margin-bottom:2rem}.experience-timeline{max-width:1000px;margin:0 auto;padding:20px 0}.experience-item{display:grid;grid-template-columns:200px 1fr;gap:40px;margin-bottom:60px;align-items:start}.experience-date{text-align:center;padding-top:10px}.date-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:12px 20px;border-radius:25px;font-weight:600;font-size:.9rem;display:inline-block;box-shadow:var(--gradient-shadow);text-align:center;min-width:140px}.experience-content{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--blur-strength));backdrop-filter:blur(var(--blur-strength));border-radius:20px;padding:30px;border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .3s ease;position:relative}.experience-content:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:20px solid var(--card-bg)}.experience-content:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.experience-header{margin-bottom:20px}.experience-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:var(--heading-color);margin-bottom:8px}.experience-company{font-size:1.2rem;color:var(--primary-color);font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.experience-grade{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;box-shadow:0 4px 12px #fbbf244d}.experience-description p{color:var(--text-primary);font-size:1.1rem;line-height:1.7;margin-bottom:25px}.experience-achievements h5,.experience-projects h5{color:var(--heading-color);font-weight:600;font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}.experience-achievements ul{list-style:none;margin-bottom:25px}.experience-achievements li{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.experience-achievements li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.project-link-card{margin-top:15px}.project-link{display:block;text-decoration:none;background:var(--glass-bg-secondary);border:1px solid var(--card-border);border-radius:15px;padding:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(var(--blur-light));backdrop-filter:blur(var(--blur-light))}.project-link:hover{background:var(--primary-color);color:#fff;box-shadow:var(--gradient-shadow);transform:translateY(-2px)}.project-link-content{display:flex;align-items:center;gap:15px}.project-link-icon{font-size:1.5rem;color:var(--primary-color);transition:color .3s ease}.project-link:hover .project-link-icon{color:#fff}.project-link-info{flex:1}.project-link-title{display:block;font-weight:600;font-size:1.1rem;color:var(--heading-color);margin-bottom:4px;transition:color .3s ease}.project-link:hover .project-link-title{color:#fff}.project-link-desc{display:block;font-size:.9rem;color:var(--text-secondary);transition:color .3s ease}.project-link:hover .project-link-desc{color:#ffffffe6}.project-link-arrow{font-size:1.2rem;color:var(--primary-color);transition:all .3s ease}.project-link:hover .project-link-arrow{color:#fff;transform:translate(5px)}.projects-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;gap:2rem!important;margin-top:2rem!important;justify-content:center!important}.project-card{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(var(--blur-strength))!important;backdrop-filter:blur(var(--blur-strength))!important;border-radius:20px!important;border:1px solid var(--card-border)!important;padding:2rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:var(--card-shadow)!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:300px!important}.project-card:hover{transform:translateY(-8px)!important;box-shadow:var(--card-shadow-hover)!important;border-color:#dc262626!important}.project-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:60px!important;height:60px!important;background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;border-radius:15px!important;margin-bottom:1.5rem!important;color:#fff!important;font-size:1.5rem!important}.project-card h3{font-family:Poppins,sans-serif!important;font-size:1.4rem!important;font-weight:600!important;color:var(--heading-color)!important;margin-bottom:1rem!important;line-height:1.3!important}.project-card p{color:var(--text-primary)!important;font-size:1rem!important;line-height:1.6!important;margin-bottom:1.5rem!important;flex-grow:1!important}.project-links{display:flex!important;gap:1rem!important;margin-top:auto!important}.project-link{display:inline-flex!important;align-items:center!important;gap:.5rem!important;color:var(--primary-color)!important;text-decoration:none!important;font-weight:600!important;padding:.75rem 1.5rem!important;border:2px solid var(--primary-color)!important;border-radius:25px!important;transition:all .3s ease!important;font-size:.95rem!important}.project-link:hover{background:var(--primary-color)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #dc26264d!important}.contact-form{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(var(--blur-strength))!important;backdrop-filter:blur(var(--blur-strength))!important;border-radius:25px!important;padding:2.5rem!important;border:1px solid var(--card-border)!important;margin-bottom:2rem!important;box-shadow:var(--card-shadow)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important}.contact-form input,.contact-form textarea{background:#ffffffe6!important;border:2px solid var(--card-border)!important;border-radius:12px!important;padding:1rem!important;color:var(--text-primary)!important;font-size:1rem!important;transition:all .3s ease!important;width:100%!important;box-sizing:border-box!important}.contact-form input:focus,.contact-form textarea:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #dc26261a!important;background:#fffffff2!important}.contact-form textarea{resize:vertical!important;min-height:120px!important}.contact-buttons{display:flex!important;gap:1rem!important;justify-content:center!important;margin-top:1rem!important}.contact-info{margin-top:2rem!important;padding-top:0!important;border-top:none!important}.contact-links{display:flex!important;justify-content:center!important;gap:1.5rem!important;flex-wrap:wrap!important;margin-top:1rem!important}.contact-link{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;background:var(--card-bg)!important;border:2px solid var(--card-border)!important;border-radius:25px!important;color:var(--text-primary)!important;text-decoration:none!important;font-weight:600!important;font-size:1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(var(--blur-light))!important;backdrop-filter:blur(var(--blur-light))!important;box-shadow:var(--card-shadow)!important;min-width:200px!important;justify-content:center!important}.contact-link:hover{transform:translateY(-3px)!important;box-shadow:var(--card-shadow-hover)!important}.contact-link.linkedin:hover{background:linear-gradient(135deg,#0077b5,#00a0dc)!important;color:#fff!important;border-color:transparent!important}.contact-link.github:hover{background:linear-gradient(135deg,#333,#666)!important;color:#fff!important;border-color:transparent!important}.contact-link.email:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;color:#fff!important;border-color:transparent!important}.contact-link i{font-size:1.2rem!important}.skills-section.skills-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important;margin-top:2rem!important;justify-content:center!important;align-items:stretch!important}.skills-section .skill-box,.skills-grid .skill-box{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(var(--blur-strength))!important;backdrop-filter:blur(var(--blur-strength))!important;border-radius:20px!important;border:1px solid var(--card-border)!important;padding:2rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:var(--card-shadow)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:280px!important;height:100%!important;justify-content:flex-start!important}.skills-grid .skill-box:hover{transform:translateY(-8px)!important;box-shadow:var(--card-shadow-hover)!important;border-color:#dc262626!important;background:var(--card-bg)!important}.skills-grid .skill-box .skill-icon{font-size:2.5rem!important;background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin-bottom:20px!important}.skills-grid .skill-box strong{font-size:1.3rem!important;color:var(--text-primary)!important;margin-bottom:.7rem!important;display:block!important;font-weight:600!important}.skills-grid .skill-box ul{list-style:none!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:.4rem!important;width:100%!important;margin:0!important}.skills-grid .skill-box ul li{color:var(--text-primary)!important;font-size:1rem!important;line-height:1.6!important;padding:.3rem 0!important}.certificates-tabs{display:flex!important;justify-content:center!important;gap:1rem!important;margin-bottom:2.5rem!important;flex-wrap:wrap!important}.certificates-tab{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:var(--card-bg)!important;border:2px solid var(--card-border)!important;border-radius:25px!important;color:var(--text-primary)!important;text-decoration:none!important;font-weight:600!important;font-size:.95rem!important;transition:all .3s ease!important;cursor:pointer!important}.certificates-tab.active,.certificates-tab:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;color:#fff!important;border-color:transparent!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #dc26264d!important}.certificates-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important;gap:2rem!important;margin-top:2rem!important}.certificate-card{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(var(--blur-strength))!important;backdrop-filter:blur(var(--blur-strength))!important;border-radius:20px!important;border:1px solid var(--card-border)!important;padding:2rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:var(--card-shadow)!important;display:flex!important;flex-direction:column!important;gap:1rem!important}.certificate-card:hover{transform:translateY(-8px)!important;box-shadow:var(--card-shadow-hover)!important;border-color:#dc262626!important}.certificate-header{display:flex!important;gap:1rem!important;align-items:flex-start!important}.certificate-provider-icon{flex-shrink:0!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;border-radius:12px!important;color:#fff!important;font-size:1.5rem!important}.certificate-meta{flex:1!important}.certificate-title{font-size:1.15rem!important;font-weight:700!important;color:var(--heading-color)!important;margin-bottom:.5rem!important;line-height:1.3!important}.certificate-provider{font-size:.95rem!important;color:var(--text-secondary)!important;font-weight:600!important;margin-bottom:.25rem!important}.certificate-date{font-size:.85rem!important;color:var(--text-secondary)!important}.certificate-credential{font-size:.85rem!important;color:var(--text-secondary)!important;padding:.75rem!important;background:#dc26260d!important;border-radius:10px!important;font-family:Courier New,monospace!important;word-break:break-all!important;overflow-wrap:break-word!important;line-height:1.5!important}.certificate-skills{font-size:.9rem!important;color:var(--text-primary)!important;line-height:1.6!important}.certificate-skills strong{color:var(--heading-color)!important;font-weight:600!important}.certificate-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;padding:1rem 2rem!important;background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;color:#fff!important;text-decoration:none!important;border-radius:12px!important;font-weight:700!important;font-size:1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;margin-top:1rem!important;width:100%!important;max-width:250px!important;box-shadow:0 6px 20px #dc26264d!important;position:relative!important;z-index:2!important;text-transform:uppercase!important;letter-spacing:.5px!important}.certificate-link:hover{transform:translateY(-3px) scale(1.03)!important;box-shadow:0 12px 35px #dc262673!important;background:linear-gradient(135deg,#ef4444,#b91c1c)!important}.certificate-link:active{transform:translateY(-1px) scale(.99)!important}.certificate-link i{font-size:1.1rem!important;animation:pulse 2s ease-in-out infinite!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}[data-theme=dark] .certificate-card:hover{background:#1f293766!important;border-color:#f8717126!important}[data-theme=dark] .certificate-credential{background:#f871711a!important}.certificate-display{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;padding:1.25rem;background:var(--card-bg);border:2px solid var(--card-border);border-radius:15px;transition:all .3s ease}.certificate-display:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #dc262626}.certificate-pdf-preview{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1.75rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:150px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 20px #dc26264d;position:relative;overflow:hidden}.certificate-pdf-preview:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.certificate-pdf-preview:hover:before{width:300px;height:300px}.certificate-pdf-preview:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #dc262673;background:linear-gradient(135deg,#ef4444,#b91c1c)}.certificate-pdf-preview:active{transform:translateY(-2px) scale(1.02)}.certificate-pdf-icon{font-size:2rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.certificate-preview-text{font-size:.9rem;font-weight:700;position:relative;z-index:1;white-space:nowrap}.certificate-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.certificate-info .certificate-title{font-size:1.1rem;font-weight:700;color:var(--heading-color);line-height:1.3}.certificate-info .certificate-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.certificate-info .certificate-provider{font-size:.9rem;color:var(--primary-color);font-weight:600}@media(max-width:768px){.certificate-display{flex-direction:column;text-align:center}.certificate-pdf-preview{width:100%;max-width:250px}}body{display:flex!important;flex-direction:column!important;min-height:100vh!important;margin:0!important;font-family:Inter,sans-serif!important;line-height:1.6!important;color:var(--text-primary)!important;background:var(--bg-primary)!important;overflow-x:hidden!important;position:relative!important}main{flex:1!important}.footer{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(var(--blur-strength))!important;backdrop-filter:blur(var(--blur-strength))!important;border-top:1px solid var(--card-border)!important;padding:1.5rem 0!important;margin-top:auto!important;text-align:center!important;position:relative!important;z-index:1!important}.footer p{color:var(--text-primary)!important;font-size:1rem!important;margin:0!important;font-weight:500!important}.footer strong{color:var(--primary-color)!important;font-weight:600!important}.nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.mobile-nav{display:none;flex-direction:column;position:fixed;top:80px;left:20px;right:20px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1100;padding:20px;border-radius:20px;border:1px solid var(--card-border);box-shadow:var(--card-shadow-hover)}.mobile-nav.open{display:flex;animation:fadeInDown .3s ease}.mobile-nav .nav-link{padding:15px 20px;font-size:1.1rem;color:var(--text-primary);border-radius:15px;margin-bottom:5px;transition:all .3s ease;text-decoration:none}.mobile-nav .nav-link:hover,.mobile-nav .nav-link.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:var(--gradient-shadow)}.mobile-nav-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:9999}.mobile-nav-close:hover{background:#dc26261a;color:var(--primary-color)}*:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:4px}.btn:focus-visible,.nav-link:focus-visible,.contact-link:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px}.contact-form input:focus,.contact-form textarea:focus{transform:translateY(-2px);transition:all .3s ease}.project-card:hover .project-icon,.skill-box:hover .skill-icon{transform:scale(1.1) rotate(5deg);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.certificate-card:hover .certificate-provider-icon{transform:scale(1.1) rotate(-5deg);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-hover),var(--accent-hover));background-clip:padding-box}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1200px){.container{padding:0 30px!important}.hero-grid{grid-template-columns:1fr 1fr!important;gap:30px!important}.hero-title{font-size:3rem!important}.skills-section.skills-grid,.certificates-grid,.projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.experience-item{grid-template-columns:180px 1fr!important;gap:30px!important}}@media(max-width:1024px){.hero-title{font-size:2.8rem!important}.hero-subtitle{font-size:1.5rem!important}.about-content p{font-size:1.2rem!important}}@media(max-width:768px){.nav{display:none!important}.nav-toggle{display:block!important}.header .container{justify-content:space-between!important;padding:15px 20px!important}.hero-grid{grid-template-columns:1fr!important;gap:30px!important}.hero-title{font-size:2.5rem!important;text-align:center!important}.hero-subtitle{font-size:1.4rem!important;text-align:center!important}.hero-description{font-size:1.1rem!important;text-align:center!important;margin:0 auto 30px!important}.hero-buttons{flex-direction:column!important;align-items:center!important;width:100%!important}.hero-buttons .btn{width:100%!important;max-width:300px!important;justify-content:center!important}.section-title{font-size:2.2rem!important}.section-subtitle{font-size:1.1rem!important;padding:0 10px!important}.experience-item{grid-template-columns:1fr!important;gap:20px!important;margin-bottom:40px!important}.experience-content:before{display:none!important}.skills-section.skills-grid,.certificates-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.certificates-tabs{gap:.5rem!important}.certificates-tab{padding:.6rem 1rem!important;font-size:.85rem!important}.projects-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.contact-form{padding:2rem!important}.contact-buttons{flex-direction:column!important;align-items:center!important}.contact-links{flex-direction:column!important;align-items:center!important;gap:1rem!important}.contact-link{width:100%!important;max-width:300px!important}.nav-link,.btn,.project-link,.contact-link,.certificate-link{min-height:48px!important;padding:14px 24px!important}.about-content p{font-size:1.1rem!important;text-align:left!important;padding:0 5px!important}.section{padding:60px 0!important}#home{min-height:auto!important;padding:80px 0 40px!important}}@media(min-width:769px){.nav-toggle,.mobile-nav,.mobile-nav.open{display:none!important}}[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form textarea{background:#1f2937cc!important;border-color:#f8717133!important;color:#fff!important}[data-theme=dark] .contact-form input:focus,[data-theme=dark] .contact-form textarea:focus{background:#1f2937e6!important;border-color:var(--primary-color)!important}[data-theme=dark] .contact-link{background:#1f293799!important;border-color:#f8717133!important}[data-theme=dark] .skills-grid .skill-box:hover,[data-theme=dark] .project-card:hover{background:#1f293766!important;border-color:#f8717126!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth;scroll-padding-top:100px}.glass-card,.btn,.skill-box,.project-card,.certificate-card,.experience-content,.nav-link,.contact-link{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(prefers-reduced-motion:no-preference){.glass-card,.btn,.skill-box,.project-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}}.mobile-nav-close{position:absolute!important;inset:15px 15px auto auto!important;background:none!important;border:none!important;color:var(--text-primary)!important;font-size:1.5rem!important;cursor:pointer!important;padding:.5rem!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;z-index:9999!important}.footer{position:relative!important;margin-top:auto!important;background:var(--card-bg)!important;-webkit-backdrop-filter:blur(var(--blur-strength))!important;backdrop-filter:blur(var(--blur-strength))!important;border-top:1px solid var(--card-border)!important;padding:1.5rem 0!important;text-align:center!important;z-index:1!important}.skills-tabs{display:flex!important;justify-content:center!important;gap:1rem!important;margin-bottom:2rem!important;flex-wrap:wrap!important}.skills-tab{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:var(--card-bg)!important;border:2px solid var(--card-border)!important;border-radius:25px!important;color:var(--text-primary)!important;text-decoration:none!important;font-weight:600!important;font-size:.95rem!important;transition:all .3s ease!important;cursor:pointer!important}.skills-tab.active,.skills-tab:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))!important;color:#fff!important;border-color:transparent!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #dc26264d!important}.hero-right .profile-photo-container{display:flex!important;justify-content:center!important;align-items:center!important;height:100%!important;min-height:400px!important}.profile-photo-frame{width:350px!important;height:350px!important;border-radius:50%!important;overflow:hidden!important;border:5px solid var(--primary-color)!important;box-shadow:0 15px 50px #dc262666!important;transition:all .4s ease!important}.profile-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;image-rendering:auto!important;filter:none!important}.profile-photo-frame:hover{transform:scale(1.08)!important;box-shadow:0 20px 60px #dc262680!important;border-width:6px!important}@media(max-width:768px){.skills-tabs{gap:.5rem!important}.skills-tab{padding:.6rem 1rem!important;font-size:.9rem!important}.hero-right .profile-photo-container{min-height:250px!important}.profile-photo-frame{width:220px!important;height:220px!important}}@media(min-width:769px)and (max-width:1024px){.profile-photo-frame{width:280px!important;height:280px!important}}#mobile-nav-close,.mobile-nav-close{display:none!important}.typing-cursor{display:inline-block;margin-left:4px;animation:blink 1s infinite;color:var(--primary-color)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.chart-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-in-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.data-point{animation:scaleIn .5s ease backwards}.data-point:nth-child(1){animation-delay:.3s}.data-point:nth-child(2){animation-delay:.5s}.data-point:nth-child(3){animation-delay:.7s}.data-point:nth-child(4){animation-delay:.9s}.data-point:nth-child(5){animation-delay:1.1s}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.float-item{animation:float 6s ease-in-out infinite}.float-item:nth-child(1){animation-delay:0s}.float-item:nth-child(2){animation-delay:2s}.float-item:nth-child(3){animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(-10px) rotate(-5deg)}}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:1rem}.project-tag{padding:.25rem .75rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;font-size:.75rem;color:var(--text-secondary);transition:all .3s ease}.project-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.spline-container{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative}.success-message,.error-message{position:fixed;top:100px;left:50%;transform:translate(-50%);padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:12px;z-index:10000;animation:slideDown .4s ease,slideUp .4s ease 4.6s;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.error-message{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.success-message i,.error-message i{font-size:1.2rem}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}