:root{--bg-dark:#020617;--card-bg:rgba(15,23,42,0.4);--accent-blue:#0ea5e9;--accent-purple:#a855f7;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-border:rgba(255,255,255,0.08);--card-blur:16px;--font-heading:'Outfit',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}body{background:var(--bg-dark);color:var(--text-primary);font-family:'Inter',sans-serif;line-height:1.6;overflow-x:hidden;position:relative;}body::before{content:'';position:fixed;top:20%;left:-10%;width:40%;height:60%;background:radial-gradient(circle,rgba(14,165,233,0.1),transparent 70%);filter:blur(100px);z-index:-1;}body::after{content:'';position:fixed;bottom:10%;right:-10%;width:40%;height:60%;background:radial-gradient(circle,rgba(168,85,247,0.1),transparent 70%);filter:blur(100px);z-index:-1;}.container{max-width:1300px;margin:0 auto;padding:0 40px;}header{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;transition:all 0.5s ease;}header.scrolled{background:rgba(2,6,23,0.8);backdrop-filter:blur(20px);padding:12px 0;border-bottom:1px solid var(--glass-border);}nav{display:flex;justify-content:space-between;align-items:center;}.logo-text,.logo,a.logo-text,a.logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:#fff;cursor:pointer;letter-spacing:-1px;text-decoration:none !important;border:none !important;}.logo-text:hover,.logo:hover,a.logo-text:hover,a.logo:hover{text-decoration:none !important;}.logo-text .accent{color:var(--accent-blue);position:relative;text-shadow:0 0 20px rgba(14,165,233,0.4);}.nav-links{display:flex;list-style:none;gap:40px;}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:1rem;transition:0.3s;position:relative;}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-blue);transition:0.3s;}.nav-links a:hover,.nav-links a.active{color:#fff;}.nav-links a:hover::after,.nav-links a.active::after{width:100%;}.menu-toggle{display:none;cursor:pointer;color:#fff;font-size:1.5rem;padding:8px 12px;background:rgba(255,255,255,0.08);border-radius:10px;border:1px solid var(--glass-border);transition:0.3s;}.menu-toggle:hover{background:rgba(14,165,233,0.2);color:var(--primary);}.btn{padding:14px 34px;border-radius:14px;text-decoration:none !important;font-weight:700;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:0.95rem;border:none;cursor:pointer;font-family:var(--font-heading);color:#fff !important;}.btn-download{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 10px 30px rgba(14,165,233,0.3);}.btn-download:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px rgba(14,165,233,0.5);}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:100px;padding-bottom:150px;overflow:hidden;}.hero-container{position:relative;z-index:2;}.ambient-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}.ambient-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.45;pointer-events:none;z-index:0;animation:floatGlow 12s infinite alternate ease-in-out;}.glow-1{width:380px;height:380px;background:radial-gradient(circle,rgba(14,165,233,0.4),transparent 70%);top:10%;left:8%;animation-duration:10s;}.glow-2{width:480px;height:480px;background:radial-gradient(circle,rgba(168,85,247,0.35),transparent 70%);bottom:10%;right:5%;animation-duration:14s;animation-delay:-3s;}.glow-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,0.35),transparent 70%);top:45%;left:40%;animation-duration:16s;animation-delay:-7s;}@keyframes floatGlow{0%{transform:translate(0,0) scale(1);opacity:0.35;}50%{transform:translate(45px,-35px) scale(1.15);opacity:0.55;}100%{transform:translate(-35px,35px) scale(0.9);opacity:0.35;}}.section-title{text-align:center;margin-bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;}.icon-badge{width:55px;height:55px;border-radius:50%;background:rgba(14,165,233,0.15);border:1px solid rgba(14,165,233,0.4);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.4rem;box-shadow:0 0 20px rgba(14,165,233,0.2);backdrop-filter:blur(10px);transition:all 0.3s ease;}.section-title:hover .icon-badge{transform:scale(1.1) rotate(10deg);background:rgba(14,165,233,0.25);box-shadow:0 0 30px rgba(14,165,233,0.4);}.section-title h3{font-size:2.2rem;font-family:var(--font-heading);color:#fff;margin:0;}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1;opacity:0.5;}.hero-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(2,6,23,0.8) 0%,transparent 40%,var(--bg-dark) 100%);}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0;}.hero-wave svg{display:block;width:100%;height:100px;}.hero-wave .shape-fill{fill:var(--bg-dark);}.hero-container{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;}.profile-frame{width:400px;height:400px;border-radius:50%;position:relative;padding:12px;background:linear-gradient(45deg,var(--accent-blue),transparent,var(--accent-purple));box-shadow:0 0 80px rgba(14,165,233,0.2);animation:floating 6s ease-in-out infinite;}@keyframes floating{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}.profile-frame img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:6px solid rgba(2,6,23,0.8);}.badge{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:8px 18px;border-radius:50px;font-size:0.9rem;font-weight:600;margin-bottom:25px;display:inline-flex;align-items:center;gap:10px;}.hero h1{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:20px;line-height:1;}.hero h1 .accent{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.hero h2{font-size:2rem;color:var(--accent-blue);margin-bottom:30px;font-weight:500;}.hero-btns{display:flex;gap:20px;margin-bottom:40px;}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#3b82f6);box-shadow:0 10px 30px rgba(14,165,233,0.2);}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(14,165,233,0.4);}.btn-secondary{background:rgba(255,255,255,0.05);backdrop-filter:blur(15px);border:1px solid var(--glass-border);color:#f8fafc !important;}.btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-5px);border-color:rgba(255,255,255,0.2);}.social-links{display:flex;gap:15px;margin-top:35px;}.social-links a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:50%;color:#fff;font-size:1.2rem;text-decoration:none !important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;}.social-links a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color,var(--accent-blue));transform:translateY(100%);transition:0.4s ease;z-index:-1;}.social-links a:hover{transform:translateY(-8px);border-color:transparent;color:#fff !important;box-shadow:0 10px 20px rgba(0,0,0,0.3);}.social-links a:hover::before{transform:translateY(0);}.social-links a[href*="facebook"]:hover{--bg-color:#1877f2;}.social-links a[href*="youtube"]:hover{--bg-color:#ff0000;}.social-links a[href*="github"]:hover{--bg-color:#333;}.social-links a[href*="linkedin"]:hover{--bg-color:#0077b5;}.social-links a[href*="whatsapp"]:hover{--bg-color:#25d366;}.social-links a[href*="t.me"]:hover,.social-links a[href*="telegram"]:hover{--bg-color:#0088cc;}.footer-social-links a[href*="t.me"]:hover{background:#0088cc !important;border-color:#0088cc !important;}.glass-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));border:1px solid var(--glass-border);border-radius:32px;padding:40px;position:relative;overflow:hidden;height:100%;}.glass-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.02),transparent 70%);}.services-section{margin-bottom:120px;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;}.service-card{padding:35px 30px;border-radius:24px;text-align:center;transition:all 0.4s ease;display:flex;flex-direction:column;align-items:center;}.service-card:hover{transform:translateY(-8px);border-color:rgba(14,165,233,0.4);box-shadow:0 15px 35px rgba(14,165,233,0.2);}.service-icon{width:75px;height:75px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;padding:16px;border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 0 15px rgba(255,255,255,0.03);}.service-icon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;}.service-card h4{font-size:1.35rem;font-family:var(--font-heading);color:#fff;margin-bottom:12px;}.service-card p{font-size:0.95rem;color:var(--text-dim);line-height:1.6;}.about-skills-section{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin-bottom:120px;}.card-header .icon-badge{width:50px;height:50px;background:rgba(14,165,233,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent-blue);}.card-header h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:15px;}.stats{display:flex;justify-content:space-between;margin-top:40px;}.stat-item .stat-num{font-size:2.2rem;font-weight:800;color:var(--accent-blue);}.stat-item .stat-label{font-size:0.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;}.signature{margin-top:30px;font-family:var(--font-heading);font-size:1.8rem;color:var(--accent-blue);opacity:0.8;}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;}.header-pill{background:rgba(14,165,233,0.2);border:1px solid rgba(14,165,233,0.3);padding:8px 24px;border-radius:100px;display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:700;color:#fff;margin-bottom:5px;}.header-pill i{color:var(--accent-blue);}.skill-item{margin-bottom:25px;}.skill-header{display:flex;align-items:center;margin-bottom:12px;}.skill-icon-real{width:46px;height:46px;padding:8px;background:rgba(255,255,255,0.03) !important;border-radius:14px;margin-right:18px;object-fit:contain;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(5px);transition:0.3s;}.skill-item:hover .skill-icon-real{transform:scale(1.1);background:rgba(255,255,255,0.08) !important;border-color:var(--accent-blue);}.skill-name{font-weight:600;font-size:0.95rem;flex:1;}.skill-percent{font-weight:800;font-size:0.9rem;color:#fff;}.progress-bar{background:rgba(255,255,255,0.05);height:8px;border-radius:100px;overflow:hidden;}.progress{height:100%;border-radius:100px;position:relative;box-shadow:0 0 15px rgba(14,165,233,0.2);}.services-section{margin-bottom:50px;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}.service-card{padding:50px 30px;text-align:center;transition:0.4s;}.service-card:hover{transform:translateY(-10px);background:rgba(255,255,255,0.05);}.service-icon{width:80px;height:80px;border-radius:20px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.1);transition:0.4s;backdrop-filter:blur(5px);}.service-icon img{width:50%;height:50%;object-fit:contain;transition:0.4s;}.service-card:hover .service-icon img{transform:scale(1.2);}.service-card:hover .service-icon{border-color:var(--accent-blue);background:rgba(14,165,233,0.15) !important;}.service-card h4{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:20px;color:#fff;}.service-card p{color:var(--text-secondary);font-size:0.95rem;line-height:1.7;}.projects-section{margin-bottom:150px;}.section-title h3{font-family:var(--font-heading);font-size:2.5rem;text-align:center;margin-bottom:60px;}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;}.project-card{padding:20px;transition:0.5s;}.project-card:hover{transform:translateY(-15px);}.project-img-wrapper{height:220px;margin-bottom:25px;border-radius:20px;overflow:hidden;}.project-tag{background:rgba(14,165,233,0.2);backdrop-filter:blur(10px);border:1px solid rgba(14,165,233,0.3);color:#fff;padding:5px 15px;}.btn-project{padding:10px 22px !important;font-size:0.85rem !important;}.btn-live{background:rgba(14,165,233,0.1) !important;border:1px solid rgba(14,165,233,0.3) !important;}.btn-live:hover{background:var(--accent-blue) !important;}.btn-code{background:rgba(255,255,255,0.05) !important;border:1px solid var(--glass-border) !important;}.project-links{width:100%;margin-top:15px;display:flex;}.app-card{display:flex;flex-direction:column;height:100%;}.app-card .project-info{display:flex;flex-direction:column;flex:1;justify-content:space-between;}.app-card .project-links{margin-top:auto;display:flex;flex-direction:column;gap:10px;width:100%;}.btn-app-action{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:14px;min-height:58px;padding:10px 18px;border-radius:16px;border:1.5px solid rgba(255,255,255,0.3);text-decoration:none !important;transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);font-family:var(--font-heading);user-select:none;width:100% !important;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer;}.btn-app-action::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.4),transparent );transition:0.6s ease;pointer-events:none;}.btn-app-action:hover::before{left:100%;}.btn-app-action.playstore{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid rgba(255,255,255,0.25);box-shadow:0 6px 20px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.15);}.btn-app-action.playstore:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:rgba(14,165,233,0.8);transform:translateY(-3px) scale(1.01);box-shadow:0 12px 30px rgba(0,0,0,0.6),0 0 22px rgba(14,165,233,0.4);}.btn-app-action.apk{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 45%,#7c3aed 100%);border:1.5px solid rgba(255,255,255,0.4);box-shadow:0 8px 25px -4px rgba(14,165,233,0.55),0 4px 15px rgba(124,58,237,0.4),inset 0 1px 2px rgba(255,255,255,0.5);}.btn-app-action.apk:hover{background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 45%,#8b5cf6 100%);border-color:#ffffff;transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px -4px rgba(14,165,233,0.75),0 8px 25px rgba(139,92,246,0.6),inset 0 1px 3px rgba(255,255,255,0.7);}.btn-app-action.apk:active{transform:translateY(-1px) scale(0.99);box-shadow:0 6px 20px -2px rgba(14,165,233,0.6);}.btn-app-action.webapp{background:linear-gradient(135deg,#059669 0%,#10b981 50%,#0284c7 100%);border:1.5px solid rgba(255,255,255,0.35);box-shadow:0 8px 25px -4px rgba(16,185,129,0.55),inset 0 1px 2px rgba(255,255,255,0.4);}.btn-app-action.webapp:hover{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#0ea5e9 100%);border-color:#ffffff;transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px -4px rgba(16,185,129,0.75),inset 0 1px 3px rgba(255,255,255,0.7);}.btn-app-action .btn-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(255,255,255,0.22);border-radius:50%;color:#ffffff;border:1px solid rgba(255,255,255,0.4);box-shadow:0 2px 8px rgba(0,0,0,0.2),inset 0 1px 1px rgba(255,255,255,0.5);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}.btn-app-action:hover .btn-icon{transform:translateY(3px) scale(1.12);background:rgba(255,255,255,0.32);border-color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.3),inset 0 1px 2px rgba(255,255,255,0.7);}.btn-app-action .btn-text-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-width:0;gap:2px;}.btn-app-action .btn-sub{font-size:9px;font-weight:800;letter-spacing:0.8px;color:rgba(255,255,255,0.9);text-transform:uppercase;display:flex;align-items:center;gap:6px;margin:0;padding:0;background:transparent;border:none;}.btn-app-action.apk .btn-sub::after{content:'✓ VERIFIED';font-size:8.5px;color:#34d399;font-weight:800;background:rgba(52,211,153,0.18);border:1px solid rgba(52,211,153,0.35);padding:1px 6px;border-radius:6px;letter-spacing:0.5px;}.btn-app-action .btn-title{font-size:13.5px;font-weight:700;color:#ffffff;letter-spacing:-0.1px;text-shadow:0 1px 2px rgba(0,0,0,0.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}.app-card .project-img-wrapper img{transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease;}.app-card:hover .project-img-wrapper img{transform:scale(1.08) rotate(-2deg);box-shadow:0 15px 35px rgba(14,165,233,0.3) !important;}.project-full-link{display:block;width:100%;text-decoration:none;cursor:pointer;}.project-info a:not(.btn-google-play){text-decoration:none;display:block;}.cursor{display:inline-block;width:2px;background-color:var(--accent-blue);margin-left:5px;animation:blink 0.8s infinite;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}.contact-section{margin-bottom:80px;}.contact-main-wrapper{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;margin-top:40px;}.contact-info-side{display:flex;flex-direction:column;gap:20px;}.contact-item-new{display:flex;align-items:center;gap:20px;padding:25px 30px;background:var(--card-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--card-blur));border-radius:24px;transition:0.3s;}.contact-item-new:hover{transform:translateX(10px);border-color:var(--accent-blue);}.item-icon{width:50px;height:50px;background:rgba(14,165,233,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent-blue);}.item-details label{display:block;font-size:0.85rem;color:var(--text-secondary);font-weight:600;}.item-details span{font-size:1.05rem;font-weight:700;color:#fff;}.contact-form-side{padding:40px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.input-group{position:relative;margin-bottom:25px;}.input-group input,.input-group textarea{width:100%;background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);border-radius:12px;padding:15px 18px;color:#fff;font-family:inherit;font-size:0.95rem;transition:0.3s;}.input-group textarea{min-height:120px;resize:vertical;}.input-group label{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-secondary);transition:0.3s;pointer-events:none;font-size:0.95rem;}.input-group textarea ~ label{top:25px;}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent-blue);background:rgba(14,165,233,0.05);outline:none;box-shadow:0 0 15px rgba(14,165,233,0.1);}.input-group input:focus ~ label,.input-group input:not(:placeholder-shown) ~ label,.input-group textarea:focus ~ label,.input-group textarea:not(:placeholder-shown) ~ label{top:-10px;left:12px;font-size:0.8rem;color:var(--accent-blue);background:var(--bg-dark);padding:0 8px;}.submit-btn{width:100%;padding:18px !important;border-radius:12px !important;font-size:1rem !important;}footer{position:relative;padding-top:100px;padding-bottom:60px;background:rgba(2,6,23,0.4);}footer .social-links{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;gap:10px;}.footer-wave{position:absolute;top:-1px;left:0;width:100%;line-height:0;}.footer-wave svg{display:block;width:100%;height:100px;}.footer-wave .shape-fill{fill:var(--bg-dark);}@media (max-width:1200px){.container{padding:0 40px;}.hero h1{font-size:3.5rem;}.profile-frame{width:320px;height:320px;}}@media (max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center;}.profile-frame{margin:0 auto;}.hero-btns{justify-content:center;}.social-links{justify-content:center;}.about-skills-section{grid-template-columns:1fr;}.projects-grid{grid-template-columns:1fr 1fr;}.contact-main-wrapper{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:10001;}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));width:0%;box-shadow:0 0 10px var(--accent-blue);}.floating-whatsapp{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:#25d366;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 10px 25px rgba(37,211,102,0.4);z-index:999;transition:0.3s;text-decoration:none !important;}.floating-whatsapp:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 15px 30px rgba(37,211,102,0.6);}.toast-container{position:fixed;bottom:30px;right:30px;z-index:10002;display:flex;flex-direction:column;gap:15px;}.toast{background:rgba(15,23,42,0.9);backdrop-filter:blur(15px);border:1px solid var(--glass-border);color:white;padding:18px 25px;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,0.4);display:flex;align-items:center;gap:15px;min-width:300px;transform:translateX(120%);transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);}.toast.show{transform:translateX(0);}.toast.success{border-left:5px solid #10b981;}.toast.error{border-left:5px solid #ef4444;}.toast i{font-size:1.4rem;}.toast.success i{color:#10b981;}.toast.error i{color:#ef4444;}.progress.animate{transition:width 1.5s cubic-bezier(0.1,0.42,0.41,1);}@media (max-width:991px){.menu-toggle{display:flex;align-items:center;justify-content:center;}.nav-links{position:fixed;top:75px;right:-100%;width:270px;height:calc(100vh - 75px);background:linear-gradient(180deg,rgba(15,23,42,0.98) 0%,rgba(2,6,23,0.99) 100%) !important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);flex-direction:column;align-items:flex-start;padding:35px 25px;gap:22px;border-left:1px solid rgba(14,165,233,0.3) !important;box-shadow:-10px 0 30px rgba(0,0,0,0.5) !important;transition:right 0.35s cubic-bezier(0.4,0,0.2,1);z-index:10000;}.nav-links.active{right:0;}.nav-links a{color:#e2e8f0 !important;font-size:1.1rem !important;font-weight:600 !important;width:100% !important;padding:6px 0 !important;border-bottom:1px solid rgba(255,255,255,0.05) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;transition:all 0.2s ease !important;}.nav-links a:hover,.nav-links a.active{color:#38bdf8 !important;padding-left:8px !important;}.menu-toggle{color:var(--accent-blue) !important;font-size:1.5rem !important;cursor:pointer !important;}}@media (max-width:768px){.floating-whatsapp{bottom:20px;left:20px;width:50px;height:50px;font-size:25px;}}.filter-tab{padding:10px 22px;border-radius:30px;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);color:var(--text-dim);font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);}.filter-tab:hover,.filter-tab.active{background:linear-gradient(135deg,rgba(14,165,233,0.25),rgba(99,102,241,0.25));border-color:var(--primary);color:#fff;box-shadow:0 0 20px rgba(14,165,233,0.3);transform:translateY(-2px);}.app-search-container input:focus{border-color:var(--accent-blue) !important;background:rgba(15,23,42,0.88) !important;box-shadow:0 0 25px rgba(14,165,233,0.45),0 10px 35px rgba(0,0,0,0.5) !important;}#clear-search-btn:hover{color:#ffffff !important;}.btn-whatsapp-cta:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 15px 40px rgba(37,211,102,0.65),inset 0 1px 2px rgba(255,255,255,0.5) !important;border-color:#ffffff !important;}.theme-toggle-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid var(--glass-border);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;margin-left:10px;backdrop-filter:blur(10px);flex-shrink:0;}.theme-toggle-btn:hover{background:rgba(14,165,233,0.2);border-color:var(--accent-blue);color:var(--accent-blue);transform:rotate(15deg) scale(1.05);box-shadow:0 0 15px rgba(14,165,233,0.3);}[data-theme="light"]{--bg-dark:#f8fafc;--bg-secondary:#ffffff;--text-main:#0f172a;--text-dim:#334155;--card-bg:#ffffff;--card-border:#e2e8f0;--glass-border:#cbd5e1;--nav-bg:rgba(255,255,255,0.95);--accent-blue:#0284c7;}[data-theme="light"] body{background-color:#f1f5f9;color:#0f172a;}[data-theme="light"] header{background:rgba(255,255,255,0.95);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 25px rgba(15,23,42,0.06);}[data-theme="light"] .logo{color:#0f172a !important;}[data-theme="light"] .logo span{color:#0284c7 !important;}[data-theme="light"] .hero-bg{filter:brightness(1.15) contrast(0.9) opacity(0.2);}[data-theme="light"] .theme-toggle-btn{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1;}[data-theme="light"] .theme-toggle-btn:hover{color:#d97706;border-color:#f59e0b;background:#fef3c7;}[data-theme="light"] .logo-text,[data-theme="light"] .logo,[data-theme="light"] .logo-text a,[data-theme="light"] .logo a{color:#0f172a !important;text-decoration:none !important;border:none !important;outline:none !important;}[data-theme="light"] .logo-text .accent,[data-theme="light"] .logo span:last-child{color:#0284c7 !important;text-shadow:none !important;}[data-theme="light"] .app-search-container input{background:#ffffff !important;color:#0f172a !important;border:1.5px solid #0284c7 !important;box-shadow:0 10px 30px rgba(2,132,199,0.12) !important;}[data-theme="light"] .app-search-container input::placeholder{color:#64748b !important;opacity:1 !important;}[data-theme="light"] .app-search-container i.fa-search{color:#0284c7 !important;opacity:1 !important;}[data-theme="light"] #clear-search-btn{color:#64748b !important;}[data-theme="light"] .hero-stats-pills span{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;box-shadow:0 4px 12px rgba(15,23,42,0.05) !important;}[data-theme="light"] .hero-content h2,[data-theme="light"] #typing-text{color:#0284c7 !important;}[data-theme="light"] p,[data-theme="light"] .hero-content p,[data-theme="light"] .service-card p,[data-theme="light"] .project-info p,[data-theme="light"] .contact-item-new p,[data-theme="light"] .about-text p{color:#334155 !important;font-weight:500;}[data-theme="light"] .badge{background:rgba(2,132,199,0.1) !important;color:#0369a1 !important;border-color:rgba(2,132,199,0.25) !important;}[data-theme="light"] .btn-secondary{background:#ffffff !important;color:#0f172a !important;border:1px solid #cbd5e1 !important;box-shadow:0 4px 15px rgba(0,0,0,0.05) !important;}[data-theme="light"] .btn-secondary:hover{background:#f8fafc !important;border-color:#0284c7 !important;color:#0284c7 !important;}[data-theme="light"] .social-links a{background:#ffffff !important;color:#1e293b !important;border:1px solid #cbd5e1 !important;box-shadow:0 4px 12px rgba(15,23,42,0.06) !important;}[data-theme="light"] .social-links a:hover{background:#0284c7 !important;color:#ffffff !important;border-color:#0284c7 !important;}[data-theme="light"] .glass-card,[data-theme="light"] .contact-item-new,[data-theme="light"] .project-card,[data-theme="light"] .service-card,[data-theme="light"] .card-bubble{background:#ffffff !important;border:1px solid #e2e8f0 !important;box-shadow:0 10px 30px rgba(15,23,42,0.06) !important;}[data-theme="light"] .section-title h3,[data-theme="light"] .card-bubble h4,[data-theme="light"] .service-card h4,[data-theme="light"] .project-info h3,[data-theme="light"] .project-info h4,[data-theme="light"] .item-details span,[data-theme="light"] .item-details label{color:#0f172a !important;}@media (min-width:992px){[data-theme="light"] .nav-links a{color:#1e293b !important;font-weight:600;}[data-theme="light"] .nav-links a:hover,[data-theme="light"] .nav-links a.active{color:#0284c7 !important;}}[data-theme="light"] .filter-tab{background:#ffffff;border-color:#cbd5e1;color:#334155;}[data-theme="light"] .filter-tab:hover,[data-theme="light"] .filter-tab.active{background:#0284c7;color:#ffffff;border-color:#0284c7;}[data-theme="light"] .btn-app-action.playstore{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#1e293b;box-shadow:0 6px 18px rgba(15,23,42,0.25);}[data-theme="light"] .btn-app-action.apk{background:linear-gradient(135deg,#0284c7 0%,#2563eb 50%,#7c3aed 100%);border-color:rgba(2,132,199,0.4);box-shadow:0 8px 24px -4px rgba(2,132,199,0.4);}[data-theme="light"] .btn-app-action.apk .btn-title{color:#ffffff !important;}[data-theme="light"] .header-pill{background:rgba(14,165,233,0.15) !important;border:1px solid rgba(14,165,233,0.4) !important;color:#0284c7 !important;}[data-theme="light"] .header-pill i{color:#0284c7 !important;}[data-theme="light"] .badge{background:rgba(14,165,233,0.15) !important;border:1px solid rgba(14,165,233,0.4) !important;color:#0284c7 !important;}[data-theme="light"] .skill-name{color:#0f172a !important;font-weight:700 !important;}[data-theme="light"] .skill-percent{color:#0284c7 !important;font-weight:800 !important;}html,body{overflow-x:hidden !important;max-width:100% !important;width:100% !important;}@media (max-width:768px){.container{padding:0 20px !important;max-width:100% !important;}header{padding:12px 0 !important;}.logo-text,.logo{font-size:1.45rem !important;}.hero{padding-top:90px !important;padding-bottom:40px !important;min-height:auto !important;}.hero-container{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:25px !important;grid-template-columns:1fr !important;width:100% !important;}.profile-container{order:1 !important;width:100% !important;display:flex !important;justify-content:center !important;}.profile-frame{width:220px !important;height:220px !important;margin:0 auto !important;padding:8px !important;box-shadow:0 0 40px rgba(14,165,233,0.3) !important;}.profile-frame img{width:100% !important;height:100% !important;object-fit:cover !important;}.hero-content{order:2 !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;width:100% !important;}.hero-content .badge{margin:0 auto 10px auto !important;}.hero-content h1{font-size:2.1rem !important;line-height:1.2 !important;margin-bottom:8px !important;word-break:break-word !important;}.hero-content h2{font-size:1.25rem !important;margin-bottom:12px !important;word-break:break-word !important;}.hero-content p{font-size:0.94rem !important;padding:0 10px !important;line-height:1.6 !important;max-width:100% !important;word-break:break-word !important;}.hero-btns{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;align-items:center !important;margin-top:20px !important;}.hero-btns .btn{width:100% !important;max-width:280px !important;justify-content:center !important;padding:14px 24px !important;}.social-links{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:10px !important;width:100% !important;margin-top:24px !important;}.social-links a{width:42px !important;height:42px !important;font-size:1.05rem !important;}.skills-grid{grid-template-columns:1fr !important;gap:20px !important;}.skill-name{white-space:nowrap !important;font-size:0.95rem !important;}.hero-stats-pills{gap:8px !important;}.hero-stats-pills span{font-size:0.78rem !important;padding:5px 12px !important;}.app-search-container{max-width:100% !important;margin-top:12px !important;}.app-search-container input{padding:14px 40px 14px 44px !important;font-size:0.88rem !important;}.app-search-container i.fa-search{left:16px !important;font-size:1.0rem !important;}.app-filter-tabs{gap:8px !important;margin-top:14px !important;}.filter-tab{padding:8px 14px !important;font-size:0.82rem !important;}.projects-grid{grid-template-columns:1fr !important;gap:24px !important;}.project-card.app-card{padding:0 !important;border-radius:24px !important;}.app-card .project-img-wrapper{padding:18px !important;}.app-card .project-img-wrapper img{height:90px !important;border-radius:18px !important;}.app-card .project-info{padding:18px 20px !important;}.app-card .project-info h3{font-size:1.25rem !important;}.app-card .project-info p{font-size:0.88rem !important;margin-bottom:12px !important;}.app-meta{gap:10px !important;font-size:0.8rem !important;flex-wrap:wrap !important;}.btn-app-action{min-height:54px !important;padding:8px 14px !important;gap:10px !important;}.btn-app-action .btn-icon{width:32px !important;height:32px !important;font-size:1.0rem !important;}.btn-app-action .btn-title{font-size:12.8px !important;}.btn-app-action .btn-sub{font-size:8.5px !important;}.custom-cta-banner{padding:25px 20px !important;text-align:center !important;justify-content:center !important;border-radius:22px !important;}.custom-cta-banner > div:first-child{flex-direction:column !important;align-items:center !important;text-align:center !important;}.custom-cta-banner h4{font-size:1.25rem !important;}.btn-whatsapp-cta{width:100% !important;justify-content:center !important;padding:14px 24px !important;}footer{padding:45px 0 25px 0 !important;}footer .container > div:first-child{grid-template-columns:1fr !important;gap:30px !important;text-align:center !important;}footer p{max-width:100% !important;margin:10px auto 0 auto !important;}div.footer-social-links,footer div.footer-social-links,footer .footer-social-links{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:10px !important;width:100% !important;max-width:320px !important;margin:10px auto 0 auto !important;}div.footer-social-links a,footer div.footer-social-links a,footer .footer-social-links a{width:42px !important;height:42px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:50% !important;color:#ffffff !important;font-size:1.05rem !important;text-decoration:none !important;transition:all 0.3s ease !important;flex:0 0 auto !important;float:none !important;}.footer-social-links a:hover{background:#0ea5e9 !important;border-color:#0ea5e9 !important;color:#ffffff !important;transform:translateY(-3px) scale(1.1) !important;box-shadow:0 6px 20px rgba(14,165,233,0.4) !important;}footer ul{align-items:center !important;}footer .container > div:last-child{flex-direction:column !important;text-align:center !important;}.floating-whatsapp{bottom:20px !important;left:20px !important;width:52px !important;height:52px !important;font-size:26px !important;}}@media (max-width:480px){.hero-content h1{font-size:1.85rem !important;}.hero-content h2{font-size:1.1rem !important;}.btn-app-action .btn-title{font-size:12px !important;}}

/* Footer General Utilities */
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; align-items: start; }
.footer-links ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 11px; }
.footer-links ul li a { text-decoration: none !important; color: #cbd5e1; transition: color 0.2s; }
.footer-links ul li a:hover { color: #38bdf8; }
.footer-contact p { display: flex; align-items: center; gap: 10px; color: #cbd5e1; margin-bottom: 10px; }


/* Official Social Icons Real Hover Brand Colors */
.social-links a[href*="facebook"]:hover, .social-links a[href*="facebook"]:active { background: #1877f2 !important; border-color: #1877f2 !important; box-shadow: 0 8px 25px rgba(24, 119, 242, 0.5) !important; color: #fff !important; }
.social-links a[href*="instagram"]:hover, .social-links a[href*="instagram"]:active { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; border-color: #e1306c !important; box-shadow: 0 8px 25px rgba(225, 48, 108, 0.5) !important; color: #fff !important; }
.social-links a[href*="github"]:hover, .social-links a[href*="github"]:active { background: #24292e !important; border-color: #6e7681 !important; box-shadow: 0 8px 25px rgba(36, 41, 46, 0.6) !important; color: #fff !important; }
.social-links a[href*="dev.to"]:hover, .social-links a[href*="dev.to"]:active { background: #0a0a0a !important; border-color: #ffffff !important; box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3) !important; color: #fff !important; }
.social-links a[href*="hashnode"]:hover, .social-links a[href*="hashnode"]:active { background: #2962ff !important; border-color: #2962ff !important; box-shadow: 0 8px 25px rgba(41, 98, 255, 0.5) !important; color: #fff !important; }
.social-links a[href*="youtube"]:hover, .social-links a[href*="youtube"]:active { background: #ff0000 !important; border-color: #ff0000 !important; box-shadow: 0 8px 25px rgba(255, 0, 0, 0.5) !important; color: #fff !important; }
.social-links a[href*="stackoverflow"]:hover, .social-links a[href*="stackoverflow"]:active { background: #f48024 !important; border-color: #f48024 !important; box-shadow: 0 8px 25px rgba(244, 128, 36, 0.5) !important; color: #fff !important; }
.social-links a[href*="reddit"]:hover, .social-links a[href*="reddit"]:active { background: #ff4500 !important; border-color: #ff4500 !important; box-shadow: 0 8px 25px rgba(255, 69, 0, 0.5) !important; color: #fff !important; }
.social-links a[href*="discord"]:hover, .social-links a[href*="discord"]:active { background: #5865f2 !important; border-color: #5865f2 !important; box-shadow: 0 8px 25px rgba(88, 101, 242, 0.5) !important; color: #fff !important; }
.social-links a[href*="x.com"]:hover, .social-links a[href*="twitter"]:hover, .social-links a[href*="x.com"]:active, .social-links a[href*="twitter"]:active { background: #1da1f2 !important; border-color: #1da1f2 !important; box-shadow: 0 8px 25px rgba(29, 161, 242, 0.5) !important; color: #fff !important; }
.social-links a[href*="whatsapp"]:hover, .social-links a[href*="whatsapp"]:active { background: #25d366 !important; border-color: #25d366 !important; box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5) !important; color: #fff !important; }
.social-links a[href*="t.me"]:hover, .social-links a[href*="telegram"]:hover, .social-links a[href*="t.me"]:active, .social-links a[href*="telegram"]:active { background: #0088cc !important; border-color: #0088cc !important; box-shadow: 0 8px 25px rgba(0, 136, 204, 0.5) !important; color: #fff !important; }

/* Apply also to footer social links */
.footer-social-links a[href*="facebook"]:hover { background: #1877f2 !important; border-color: #1877f2 !important; }
.footer-social-links a[href*="instagram"]:hover { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; border-color: #e1306c !important; }
.footer-social-links a[href*="github"]:hover { background: #24292e !important; border-color: #6e7681 !important; }
.footer-social-links a[href*="dev.to"]:hover { background: #0a0a0a !important; border-color: #ffffff !important; }
.footer-social-links a[href*="hashnode"]:hover { background: #2962ff !important; border-color: #2962ff !important; }
.footer-social-links a[href*="youtube"]:hover { background: #ff0000 !important; border-color: #ff0000 !important; }
.footer-social-links a[href*="stackoverflow"]:hover { background: #f48024 !important; border-color: #f48024 !important; }
.footer-social-links a[href*="reddit"]:hover { background: #ff4500 !important; border-color: #ff4500 !important; }
.footer-social-links a[href*="discord"]:hover { background: #5865f2 !important; border-color: #5865f2 !important; }
.footer-social-links a[href*="x.com"]:hover, .footer-social-links a[href*="twitter"]:hover { background: #1da1f2 !important; border-color: #1da1f2 !important; }
.footer-social-links a[href*="whatsapp"]:hover { background: #25d366 !important; border-color: #25d366 !important; }
.footer-social-links a[href*="t.me"]:hover, .footer-social-links a[href*="telegram"]:hover { background: #0088cc !important; border-color: #0088cc !important; }

/* Touch Target Size 48x48px & Spacing for 100% Lighthouse Accessibility */
.social-links a, .footer-social-links a, div.footer-social-links a {
  min-width: 48px !important;
  min-height: 48px !important;
  width: 48px !important;
  height: 48px !important;
  margin: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .social-links a, .footer-social-links a, div.footer-social-links a {
    min-width: 48px !important;
    min-height: 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin: 5px !important;
    font-size: 1.1rem !important;
  }
}