@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap";:root{--primary: #38bdf8;--primary-hover: #0284c7;--primary-glow: rgba(56, 189, 248, .25);--secondary: #6366f1;--secondary-glow: rgba(99, 102, 241, .25);--accent: #38bdf8;--accent-2: #818cf8;--bg-color: #0b0f19;--bg-surface: #111827;--card-bg: rgba(17, 24, 39, .72);--card-hover: rgba(30, 41, 59, .85);--glass-bg: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .08);--text-color: #f8fafc;--text-muted: #94a3b8;--nav-bg: rgba(11, 15, 25, .8);--shadow: 0 12px 32px -8px rgba(0, 0, 0, .5);--border: rgba(255, 255, 255, .08);--title-color: #ffffff;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--font-heading: "Sora", "Inter", sans-serif}body.light-mode{--bg-color: #f8fafc;--bg-surface: #ffffff;--card-bg: #ffffff;--card-hover: #f1f5f9;--primary: #0284c7;--primary-hover: #0369a1;--primary-glow: rgba(2, 132, 199, .16);--secondary: #4f46e5;--secondary-glow: rgba(79, 70, 229, .16);--accent: #0284c7;--accent-2: #4f46e5;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(15, 23, 42, .08);--text-color: #0f172a;--text-muted: #475569;--nav-bg: rgba(248, 250, 252, .88);--border: rgba(15, 23, 42, .08);--shadow: 0 10px 30px -8px rgba(15, 23, 42, .08);--title-color: #0f172a}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;scroll-behavior:smooth}html{overflow-x:hidden;scrollbar-gutter:stable;width:100%}body{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;width:100%;position:relative;line-height:1.7;transition:background .3s ease,color .3s ease}.app-shell{position:relative;isolation:isolate}a{text-decoration:none;color:inherit}ul{list-style:none}.clickable{cursor:pointer}h1,h2,h3,.logo,.exp-title,.section-title{font-family:var(--font-heading)}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22;transform:translateZ(0);will-change:transform;animation:drift 22s ease-in-out infinite}.orb-1{width:480px;height:480px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-120px;left:-100px}.orb-2{width:420px;height:420px;background:radial-gradient(circle,var(--secondary),transparent 70%);top:40%;right:-140px;animation-delay:-7s}.orb-3{width:340px;height:340px;background:radial-gradient(circle,#8b5cf6,transparent 70%);bottom:-100px;left:30%;animation-delay:-14s;opacity:.15}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(30px,-20px,0) scale(1.05)}}body.light-mode .orb{opacity:.1}.mobile-nav{display:none}#na-mb{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}nav{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;position:fixed;width:100%;top:0;z-index:2000;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:padding .3s ease,box-shadow .3s ease,background .3s ease}nav.scrolled{padding:12px 8%;box-shadow:0 10px 30px #00000040}.logo{font-size:22px;font-weight:800;color:var(--primary);letter-spacing:.02em}.nav-actions{display:flex;align-items:center;gap:25px}.nav-links{display:flex;gap:25px;font-weight:500}.nav-links a{position:relative;padding-bottom:4px;transition:color .25s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px}#theme-toggle{cursor:pointer;font-size:19px;color:var(--text-color);transition:transform .3s}#theme-toggle:hover{transform:rotate(180deg);color:var(--primary)}.mobile-menu-overlay{display:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:100px 8% 0;gap:40px}.hero-text{flex:1;max-width:620px}.available-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#38bdf814;border:1px solid rgba(56,189,248,.22);color:var(--primary);font-size:13px;font-weight:600;margin-bottom:22px}body.light-mode .available-badge{background:#0284c714;border-color:#0284c738}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b98180;animation:pulseDot 2s infinite}@keyframes pulseDot{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.hero h1{font-size:54px;line-height:1.15;margin-bottom:12px;font-weight:800}.hero h3{font-weight:500;color:var(--text-muted)}.hero span,.hero-text .highlight{color:var(--primary)}.hero-text p{color:var(--text-muted);margin:18px 0 30px;font-size:17px}.hero-role{font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:600;color:var(--text-muted);min-height:44px;line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hero-role-intro{color:var(--text-muted);font-weight:500;white-space:nowrap}.typewriter-box{display:inline-flex;align-items:center;font-weight:700;color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;min-width:2ch}.typewriter-text{display:inline-block;word-break:break-word}.typewriter-cursor{display:inline-block;color:var(--primary);font-weight:300;margin-left:2px;animation:typewriterBlink .9s infinite;-webkit-text-fill-color:var(--primary)}@keyframes typewriterBlink{0%,to{opacity:1}50%{opacity:0}}.hero-btns{display:flex;gap:18px}.btn{padding:13px 32px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1.5px solid var(--border);font-size:15px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 6px 20px var(--primary-glow);border-color:transparent}.btn-outline{background:transparent;color:var(--text-color);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px var(--primary-glow)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--glass-bg)}.hero-img-box{cursor:pointer;flex:1;display:flex;justify-content:flex-end;max-width:440px}.hero-img-wrap{position:relative;width:400px;height:400px;animation:floatImage 4s ease-in-out infinite}.hero-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary),var(--secondary),#8b5cf6,var(--primary));animation:spinRing 12s linear infinite;filter:blur(2px);opacity:.75}@keyframes spinRing{to{transform:rotate(360deg)}}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid var(--bg-color);display:block}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}section{padding:90px 8%;position:relative}.section-title{text-align:center;font-size:38px;margin-bottom:60px;font-weight:800}.section-title span{color:var(--primary)}.About-content{display:grid;grid-template-columns:1fr 1fr;min-height:550px;margin-top:4%;gap:40px}.about-sec h1{cursor:pointer;font-size:3rem;font-weight:800}.about-me{cursor:pointer;color:var(--primary)}.line{width:70px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;margin-top:10px}.about-right{display:flex;align-items:center;margin-left:5%}.ab-image{border-radius:var(--radius-lg);width:350px;height:400px;object-fit:cover}.about-image{cursor:pointer;border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:355px;height:406px;object-fit:cover;box-shadow:0 16px 36px var(--primary-glow);animation:floatImage 6s ease-in-out infinite}.tab-button{cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;width:500px;height:66px;display:flex;justify-content:space-around;align-items:center;padding:6px;gap:6px}.about-left{display:flex;flex-direction:column;margin-top:5%;gap:24px}.about-contant{margin-top:5%}.tab-butt{cursor:pointer;border:none;min-width:100px;height:50px;border-radius:999px;background:transparent;color:var(--text-muted);transition:.3s;font-weight:600;font-family:inherit}.tab-butt.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 6px 18px var(--primary-glow)}.tab-butt:hover:not(.active){color:var(--primary)}.tab-content{margin-left:5%;line-height:1.8;display:none;max-width:650px}.tab-content.active{display:block}.tab-content h3,.tab-content p{font-size:18px;font-family:inherit}.about-contant strong{font-weight:600}.skills-section{position:relative;max-width:1100px;margin:0 auto;padding:90px 4%}.section-accent-line{width:50px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;margin:-40px auto 45px}.skills-grid-clean{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:16px;justify-content:center;width:100%}.skill-card-clean{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 10px;cursor:default;box-shadow:var(--shadow);transition:all .25s cubic-bezier(.4,0,.2,1)}body.light-mode .skill-card-clean{background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 16px -2px #0f172a0d}.skill-card-clean:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 24px var(--primary-glow)}.skill-icon-clean{font-size:36px;height:38px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.skill-card-clean:hover .skill-icon-clean{transform:scale(1.1)}.skill-letter-clean{font-size:21px;font-weight:800;letter-spacing:-.03em;font-family:var(--font-heading)}.skill-name-clean{font-size:13.5px;font-weight:600;color:var(--text-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.Experties-cards-cantainer{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;width:100%;max-width:1150px;margin-inline:auto;align-items:stretch}.Experties-c1{position:relative;width:100%;max-width:none;min-height:240px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;color:var(--text-color);transition:all .3s ease;box-shadow:var(--shadow)}.Experties-c1:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 16px 36px var(--primary-glow)}.exp-c-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:22px;margin-bottom:16px}.Experties-c1 h2{font-size:20px;margin-bottom:10px;font-weight:700;text-align:center}.Experties-c1 p{margin-top:6px;text-align:center;font-size:14px;line-height:1.6;color:var(--text-muted)}.coming-soon-chip{margin-top:6px;font-size:12px;color:var(--text-muted);background:#ffffff0f;padding:6px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}.projects-carousel{position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.projects-grid.projects-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:30px;padding-bottom:10px;padding-inline:72px;scrollbar-width:none}.projects-grid.projects-slider::-webkit-scrollbar{display:none}.projects-grid.projects-slider .project-card{flex:0 0 clamp(280px,calc((100% - 60px) / 3),360px);min-width:280px;scroll-snap-align:start}.project-card{cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--glass-border);transition:border-color .3s,box-shadow .3s,transform .3s}.project-card:hover{border-color:var(--primary);box-shadow:0 16px 36px var(--primary-glow);transform:translateY(-4px)}.project-img-wrap{position:relative;overflow:hidden}.project-img{width:100%;height:240px;object-fit:cover;transition:.5s;display:block}.project-card:hover .project-img{transform:scale(1.05)}.project-img-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55) 100%)}.project-tag{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:999px;background:#0b0f19bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--primary);border:1px solid var(--primary-glow)}.tag-backend{color:#f59e0b;border-color:#f59e0b66}.tag-fullstack{color:#a78bfa;border-color:#a78bfa66}.project-info{padding:22px}.project-info p{color:var(--text-muted);font-size:14px;margin:10px 0}.project-info a{color:var(--primary);font-weight:700;font-size:14px}.project-projects{display:block;position:static;width:100%;margin:0}.projects-carousel .project-projects{position:relative;display:block;width:100%;margin:0;padding:0 10px;z-index:2}.projects-carousel .slider-btn{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;z-index:5}.projects-carousel .slider-prev{left:18px}.projects-carousel .slider-next{right:18px}.project-projects .tab-content{max-width:none;margin-left:0;width:100%}.project-projects .projects-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card-button{cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:999px;border:none;width:280px;height:60px;font-size:17px;font-weight:700;color:#fff;box-shadow:0 8px 24px var(--primary-glow);transition:transform .3s}.project-card-button:hover{transform:translateY(-3px)}.slider-btn{cursor:pointer;width:52px;height:52px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;transition:.3s}.slider-btn:hover{transform:translateY(-2px);border-color:var(--primary)}#projects>a{display:flex;justify-content:center;margin-top:20px}.projects-sec-pro{display:flex;justify-content:center;margin-top:-2%}.project-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5%;font-size:1.5rem;font-family:inherit}#contact{padding-bottom:50px}.contact-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:flex-start}.contact-info{flex:1;min-width:300px;max-width:450px}.contact-form-box{flex:1;min-width:300px;max-width:500px}.contact-info h3{margin-bottom:20px;color:var(--primary);font-size:22px}.contact-info p{color:var(--text-muted);margin-bottom:30px}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contact-submit-btn{width:100%;font-size:17px;font-family:inherit}.about-sec p,.about-sec li,.about-sec strong,.about-sec h3,.about-sec h1{letter-spacing:.2px}footer{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 8% 20px;border-top:1px solid var(--border);text-align:center}.footer-content h2{color:var(--primary);margin-bottom:15px;font-weight:800}.footer-content h2 span{color:var(--secondary)}.footer-content p{color:var(--text-muted);max-width:500px;margin:0 auto 25px}.footer-nav{margin-bottom:25px}.footer-nav a{color:var(--text-color);text-decoration:none;margin:0 15px;font-size:14px;transition:.3s}.footer-nav a:hover{color:var(--primary)}footer hr{border:0;border-top:1px solid var(--border);margin-bottom:20px}.footer-content p:last-of-type{font-size:13px;color:var(--text-muted)}footer p{color:var(--text-muted)!important}.contact-main-title-pro{display:flex;flex-direction:row;margin-top:5%}.contact-main-title-pro img{cursor:pointer;margin-left:25%;animation:floatImage 5s ease-in-out infinite}.contact-main-title-pro .project-kicker{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;margin-bottom:16px;border-radius:999px;border:1px solid var(--primary-glow);background:#38bdf814;color:var(--primary);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.project-video-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.video-frame{width:min(100%,560px);padding:14px;border-radius:24px;background:linear-gradient(145deg,#38bdf81f,#6366f10f);border:1px solid var(--glass-border);box-shadow:0 10px 30px var(--primary-glow),inset 0 0 20px #ffffff08}.project-video-box video{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:16px;background:#000}.video-hint{margin:0;font-size:13px;color:var(--text-muted);text-align:center}.video-hint span{color:var(--primary);font-weight:600}.contact-form{max-width:600px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--glass-border)}.contact-sec-button{margin-left:15%}input,textarea{width:100%;padding:15px;margin-bottom:20px;background:#ffffff08;border:1px solid var(--border);color:var(--text-color);border-radius:var(--radius-sm);font-size:15px;transition:border-color .25s,box-shadow .25s}body.light-mode input,body.light-mode textarea{background:#0f172a08}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.contact-main-title{display:flex;align-items:center;margin-top:5%}.social-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:22px 16px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.social-card i{font-size:24px;color:var(--primary)}.social-card span{font-size:14px;font-weight:500}.social-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 28px var(--primary-glow)}.social-card:hover i{transform:scale(1.08)}.light-mode .social-card i{color:var(--primary)}.social-card.resume-card{grid-column:span 2;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;justify-content:center;min-height:90px;border-color:transparent;box-shadow:0 8px 24px var(--primary-glow)}.social-card.resume-card i,.social-card.resume-card span{color:#fff}.social-card.resume-card span{font-size:17px;font-weight:700}.social-card.resume-card:hover{filter:brightness(1.06);transform:translateY(-3px)}.experience-section{padding:60px 6%}.exp-grid{display:flex;gap:24px;justify-content:center;align-items:stretch;margin-top:30px;flex-wrap:wrap}.exp-card-large{width:100%;max-width:1100px;padding:34px 38px;border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border:1px solid var(--glass-border)}.exp-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.exp-meta .meta-left{color:var(--text-muted);font-size:14px;display:flex;gap:8px;align-items:center}.exp-meta .dot{margin:0 8px;color:var(--text-muted)}.badge{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;padding:6px 14px;border-radius:999px;font-weight:700;font-size:13px}.exp-title{font-size:27px;margin:6px 0 8px;color:var(--title-color);font-weight:800}.company{color:var(--primary);font-weight:600;margin-bottom:16px;display:flex;gap:10px;align-items:center}.company i{color:var(--primary)}.exp-desc{color:var(--text-muted);font-size:15px;line-height:1.8;margin-bottom:18px}.tech-label{font-weight:700;margin-bottom:8px;color:var(--text-muted)}.tech-list{display:flex;gap:8px;flex-wrap:wrap}.tech{background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:var(--primary);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.cert-area{display:flex;gap:18px;align-items:center;margin-top:20px;flex-wrap:wrap}.cert-thumb img{width:110px;height:auto;border-radius:10px;border:1px solid var(--border)}.cert-actions{display:flex;gap:10px;align-items:center}.cert-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;align-items:center;justify-content:center}.cert-modal.open{display:flex}.cert-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-modal-content{position:relative;max-width:900px;width:92%;margin:auto;background:var(--card-bg);padding:18px;border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:12px}.cert-close{position:absolute;right:12px;top:8px;background:transparent;border:none;font-size:28px;color:var(--text-muted);cursor:pointer}.cert-modal-content img{width:100%;height:auto;border-radius:8px;max-height:80vh;object-fit:contain}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}@media (min-width: 769px) and (max-width: 1024px){nav{padding:16px 6%}.hero{padding:80px 6% 0;gap:20px;align-items:flex-start}.hero h1{font-size:42px}.hero-img-wrap{width:300px;height:300px}.About-content{grid-template-columns:1fr 1fr;gap:24px;min-height:auto}.about-image,.ab-image{width:300px;height:340px}.tab-button{width:auto;max-width:100%;height:60px;padding:6px;gap:10px;flex-wrap:wrap;justify-content:center}.tab-butt{min-width:90px;height:46px;font-size:15px}.hero{min-height:70vh}nav{z-index:1100}}@media (max-width: 992px){.contact-main-title-pro{flex-direction:column!important;text-align:center!important;padding-top:100px!important;justify-content:center!important;align-items:center!important}.contact-main-title-pro .hero-text{width:100%;margin-bottom:30px;padding:0 20px}.contact-main-title-pro .project-video-box{width:100%;display:flex;justify-content:center;align-items:center}.contact-main-title-pro img{margin-left:0!important;margin-top:40px;max-width:80%;display:block}.hero{padding:120px 5% 40px;flex-direction:column-reverse;text-align:center}.hero h1{font-size:38px}.hero-socials{justify-content:center}.About-content{display:flex;flex-direction:column;height:auto;align-items:center;text-align:center;gap:40px}.about-right{margin-left:0;justify-content:center}.about-left{align-items:center;margin-top:20px;width:100%}.tab-button{width:100%;max-width:500px}.line{margin:0 auto}.Experties-cards-cantainer{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}@media (max-width: 768px){.logo{font-size:16px}nav{padding:14px 5%}.mobile-nav{display:block}.nav-links-desktop{display:none}.mobile-menu-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;background:var(--bg-color);z-index:1500;padding:100px 24px 40px}.mobile-menu-links{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px}.mobile-menu-links a{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:16px 0;font-size:19px;font-weight:700;color:var(--text-color);border-radius:var(--radius-md);transition:background .25s,color .25s}.mobile-menu-links a i{font-size:16px;width:20px;text-align:center;color:var(--text-muted)}.mobile-menu-links a:active,.mobile-menu-links a.active{background:#38bdf81f;color:var(--primary)}.mobile-menu-links a.active i{color:var(--primary)}.mobile-menu-socials{display:flex;gap:18px}.mobile-menu-socials a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);font-size:18px;transition:.3s}.mobile-menu-socials a:hover{color:var(--primary);border-color:var(--primary)}.hero{padding-top:100px;gap:30px}.hero h1{font-size:33px}.hero-text{max-width:100%}.hero-btns{justify-content:center}.hero-role{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;width:100%;max-width:100%;overflow:hidden}.hero-img-wrap{width:260px;height:260px}.ab-image,.about-image{width:280px;height:320px}.section-title{font-size:27px;margin-bottom:40px}.contact-container{flex-direction:column;align-items:center}.contact-info,.contact-form-box{max-width:100%;width:100%}.social-grid{grid-template-columns:1fr}.tab-button{flex-direction:column;width:100%;height:auto;padding:10px;gap:10px}.tab-butt{width:100%;font-size:16px}.skills-grid-clean{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}.skill-card-clean{height:96px;padding:12px 6px;gap:8px;border-radius:14px}.skill-icon-clean{font-size:30px;height:32px}.skill-name-clean{font-size:12px}#projects .projects-grid{display:flex;grid-template-columns:unset;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:6px 20px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}#projects .projects-grid::-webkit-scrollbar{display:none}#projects .projects-grid .project-card{flex:0 0 84%;min-width:84%;scroll-snap-align:center}.project-img{height:210px}.project-card-button{width:90%;font-size:17px}.contact-sec-button{margin-left:0;display:flex;justify-content:center}.exp-card-large{padding:22px}.exp-title{font-size:21px}}@media (max-width: 480px){.contact-main-title-pro{margin-top:5%}.contact-main-title-pro img{width:300px;height:300px}.video-frame{width:100%;padding:10px;border-radius:20px}.project-video-box video{border-radius:14px}.hero h1{font-size:28px}.hero-role{min-height:52px;font-size:1.15rem;justify-content:center;text-align:center}.hero-btns{flex-direction:column;gap:10px}.btn{padding:11px 20px;width:100%;text-align:center}.section-title{font-size:24px}.project-img{height:190px}.project-info h3{font-size:15px}.project-info p,.project-info a{font-size:13px}.project-card-button{max-width:280px;width:100%}.cert-thumb img{width:88px}.cert-actions{flex-direction:column;gap:8px}}.hero-socials{display:flex;gap:16px;margin-top:28px}.hero-socials a{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);font-size:16px;transition:.3s}.hero-socials a:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-4px)}.about-grid-new{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 60px}.about-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px 30px}.about-card h3{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--primary)}.about-card p{color:var(--text-muted);font-size:15px;line-height:1.8;margin-bottom:10px}.edu-item{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.edu-item strong{font-size:16px;color:var(--text-color)}.edu-item span{font-size:14px;color:var(--text-muted)}.edu-note{font-size:14px}.expertise-heading{margin-top:20px;font-size:2.2rem;font-weight:800;cursor:pointer}#skills .skills-grid{max-width:1100px;margin:0 auto}.project-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.filter-chip{padding:10px 22px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);font-weight:600;font-size:14px;cursor:pointer;transition:.3s}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--primary-glow)}.project-links{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.proj-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;transition:.3s;border:1px solid transparent}.live-link{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.live-link:hover{filter:brightness(1.1);transform:translateY(-2px)}.code-link{background:transparent;border-color:var(--glass-border);color:var(--text-color)}.code-link:hover{border-color:var(--primary);color:var(--primary)}.disabled-link{background:#ffffff0d;color:var(--text-muted);cursor:default}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:1000px;margin:0 auto}.cert-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:26px 22px;text-align:center;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}.cert-card:hover{border-color:var(--primary);box-shadow:0 12px 28px var(--primary-glow);transform:translateY(-4px)}.cert-card-icon{width:54px;height:54px;border-radius:14px;margin:0 auto 14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.cert-card h3{font-size:16px;margin-bottom:6px}.cert-card p{font-size:13px;color:var(--text-muted);margin-bottom:6px}.cert-date{font-size:12px;color:var(--primary);font-weight:600}section[id]{scroll-margin-top:90px}.mobile-swipe-hint{display:none}@media (max-width: 768px){.mobile-swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--text-muted);font-size:13px;margin:-30px 0 26px}}@media (max-width: 768px){.about-grid-new{grid-template-columns:1fr}.expertise-heading{font-size:1.8rem}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 480px){.hero-socials{justify-content:center}.cert-grid{grid-template-columns:1fr 1fr;gap:14px}.cert-card{padding:18px 12px}.project-filter-bar{gap:8px}.filter-chip{padding:8px 16px;font-size:13px}}.pc-wrap{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;padding:20px 0 10px}.pc-stage{position:relative;height:560px}.pc-card{position:absolute;top:10px;left:50%;width:360px;padding:14px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease,border-color .3s,box-shadow .3s}.pc-card:not(.is-active){filter:blur(1.2px)}.pc-card.is-active{cursor:default;border:2px solid var(--secondary);box-shadow:0 18px 44px var(--secondary-glow)}.pc-img-wrap{position:relative;border-radius:12px;overflow:hidden}.pc-img{width:100%;height:190px;object-fit:cover;display:block}.pc-title{font-size:19px;font-weight:700;margin:16px 0 8px;color:var(--title-color);line-height:1.3}.pc-desc{color:var(--text-muted);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:68px}.pc-tech{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px;min-height:30px}.pc-chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:var(--secondary)}.pc-links{display:flex;gap:12px;padding-top:14px;border-top:1px solid var(--border)}.pc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 0;border-radius:12px;font-size:14px;font-weight:700;transition:.25s}.pc-btn-live{background:#6366f11f;color:var(--secondary);border:1px solid rgba(99,102,241,.25)}.pc-btn-live:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.pc-btn-code{background:transparent;color:var(--text-color);border:1px solid var(--glass-border)}.pc-btn-code:hover{border-color:var(--primary);color:var(--primary)}.pc-btn-disabled{background:#ffffff0d;color:var(--text-muted);cursor:default;border:1px solid var(--glass-border)}.pc-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}.pc-arrow{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;transition:.25s;box-shadow:var(--shadow)}.pc-arrow:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.pc-dots{display:flex;align-items:center;gap:10px}.pc-dot{width:10px;height:10px;border-radius:999px;border:none;cursor:pointer;background:var(--border);transition:all .3s}.pc-dot.active{width:34px;background:linear-gradient(90deg,var(--primary),var(--secondary))}@media (max-width: 768px){.pc-stage{height:580px}.pc-card{width:min(86vw,340px)}.pc-card:not(.is-active){opacity:0!important;pointer-events:none!important}}