@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg:#090d16;--bg-secondary:#0f172a;--card-bg:#1e293b66;--card-border:#94a3b81a;--glass-bg:#090d16cc;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--accent:#2563eb;--accent-2:#3b82f6;--accent-glow:#2563eb26;--grad-1:#3b82f6;--grad-2:#2563eb;--grad-3:#1d4ed8;--border:#94a3b81f;--border-hover:#2563eb73;--shadow-card:0 4px 20px #00000040;--shadow-glow:0 4px 20px #2563eb14;--ease:cubic-bezier(.4, 0, .2, 1)}body:has(#dark-mode-toggle:not(:checked)){--bg:#f8fafc;--bg-secondary:#f1f5f9;--card-bg:#fff;--card-border:#94a3b826;--glass-bg:#f8fafcd9;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--accent:#2563eb;--accent-glow:#2563eb1a;--border:#94a3b81f;--border-hover:#2563eb66;--shadow-card:0 4px 12px #0f172a0d;--shadow-glow:0 4px 12px #2563eb0d}html,body{max-width:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}html::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}body{background:var(--bg);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.toggle-checkbox,.mesh-bg{display:none}.orb{filter:blur(100px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite float-orb;position:absolute}.orb-1{background:radial-gradient(circle,#7c3aed,#0000 70%);width:600px;height:600px;animation-duration:25s;animation-delay:0s;top:-200px;left:-200px}.orb-2{opacity:.12;background:radial-gradient(circle,#6366f1,#0000 70%);width:500px;height:500px;animation-duration:20s;animation-delay:-8s;top:30%;right:-150px}.orb-3{opacity:.08;background:radial-gradient(circle,#06b6d4,#0000 70%);width:400px;height:400px;animation-duration:30s;animation-delay:-15s;bottom:10%;left:20%}.toggle-checkbox:not(:checked)~.mesh-bg .orb{opacity:.07}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.08)}66%{transform:translate(-30px,40px)scale(.95)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.site-wrapper{z-index:1;width:100%;min-height:100vh;transition:background-color .4s var(--ease), color .4s var(--ease);flex-direction:column;padding-top:73px;display:flex;position:relative}.section-pad{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:clamp(60px,8vw,100px) 5%}.section-header{margin-bottom:60px}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--text-main) 60%, var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800}.section-divider{background:linear-gradient(to right, transparent, var(--border), transparent);height:1px;margin:0 5%}.page-hero{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:clamp(50px,8vw,80px) 5% clamp(40px,6vw,60px)}.page-hero h1{margin-bottom:14px;font-size:clamp(1.8rem,5vw,3rem)}.page-hero .subtitle{max-width:500px}footer{text-align:center;color:var(--text-subtle);border-top:1px solid var(--border);margin-top:auto;padding:50px 5%;font-size:.85rem}nav{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);width:100%;transition:background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:fixed;top:0;box-shadow:0 4px 24px #0000002e}.logo{align-items:baseline;display:inline-flex}.logo-link,.logo-dot-link{letter-spacing:-2px;background:linear-gradient(135deg, var(--grad-1), var(--grad-2), var(--grad-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:900;text-decoration:none;display:inline-block}.logo-dot-link{cursor:default}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--text-muted);transition:color .2s var(--ease), background .2s var(--ease);letter-spacing:.02em;border-radius:8px;padding:7px 14px;font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-main);background:var(--card-bg)}.nav-links a.active-nav{color:var(--accent);background:#2563eb1a}.mode-btn{cursor:pointer;background:var(--card-bg);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:8px;font-size:1.1rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.theme-switch{cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border);width:58px;height:30px;transition:background .3s var(--ease), border-color .3s var(--ease);-webkit-user-select:none;user-select:none;border-radius:30px;justify-content:space-between;align-items:center;margin-left:8px;padding:0 6px;display:inline-flex;position:relative}.theme-switch:hover{border-color:var(--border-hover);transform:scale(1.02)}.theme-switch-thumb{background:var(--accent);width:22px;height:22px;transition:transform .3s cubic-bezier(.4, 0, .2, 1), background-color .3s var(--ease);z-index:2;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #2563eb40}.theme-switch-icon{z-index:1;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);justify-content:center;align-items:center;font-size:.85rem;display:flex}.theme-switch-panel{display:none}body:has(#dark-mode-toggle:checked) .theme-switch-thumb{background:#f8fafc;transform:translate(30px);box-shadow:0 2px 8px #ffffff26}body:has(#dark-mode-toggle:not(:checked)) .theme-switch-thumb{background:var(--accent);transform:translate(0)}body:has(#dark-mode-toggle:checked) .theme-switch{background:#1e293bb3;border-color:#ffffff26}body:has(#dark-mode-toggle:not(:checked)) .theme-switch{background:#cbd5e1;border-color:#94a3b8}body:has(#dark-mode-toggle:checked) .theme-switch-icon.icon-sun{opacity:.35}body:has(#dark-mode-toggle:checked) .theme-switch-icon.icon-moon{opacity:1}body:has(#dark-mode-toggle:not(:checked)) .theme-switch-icon.icon-sun{opacity:1}body:has(#dark-mode-toggle:not(:checked)) .theme-switch-icon.icon-moon{opacity:.35}.hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.bar{background:var(--text-main);width:24px;height:2px;transition:all .3s var(--ease);border-radius:2px;display:block}.hamburger.active .bar:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-close-btn,.nav-overlay,.mode-btn-panel{display:none}.hero{box-sizing:border-box;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1100px;margin:0 auto;padding:clamp(60px,10vw,120px) 5% clamp(50px,8vw,100px);display:flex}.hero-text{flex:1}.hero-badge{color:var(--accent-2);letter-spacing:.05em;text-transform:uppercase;background:#2563eb1a;border:1px solid #2563eb40;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge .dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}h1{letter-spacing:-2px;color:var(--text-main);margin-bottom:20px;font-family:Outfit,sans-serif;font-size:clamp(2.8rem,5.5vw,4rem);font-weight:900;line-height:1.05}.highlight{background:linear-gradient(135deg, var(--grad-1) 0%, var(--grad-2) 50%, var(--grad-3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--text-muted);max-width:500px;margin-bottom:30px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7}.hero-btns{flex-wrap:wrap;gap:14px;display:flex}.hero-img-container{flex-shrink:0;width:280px;height:280px;position:relative}.img-ring{border:2px solid var(--accent);z-index:0;opacity:.4;background:0 0;border-radius:24px;position:absolute;inset:-8px}.profile-pic{object-fit:cover;border:2px solid var(--border);z-index:2;width:100%;height:100%;transition:opacity .4s var(--ease);opacity:0;border-radius:20px;position:absolute;top:0;left:0}.img-night-normal{opacity:1;z-index:3;cursor:default}.hero-img-container:hover .img-night-hover{opacity:1;z-index:4;cursor:default}.hero-img-container:hover .img-night-normal{opacity:0}:is(body:has(#dark-mode-toggle:not(:checked)) .img-night-normal,body:has(#dark-mode-toggle:not(:checked)) .img-night-hover){opacity:0!important}body:has(#dark-mode-toggle:not(:checked)) .img-day-normal{opacity:1;z-index:3;cursor:default}body:has(#dark-mode-toggle:not(:checked)) .hero-img-container:hover .img-day-hover{opacity:1;z-index:4;cursor:default}body:has(#dark-mode-toggle:not(:checked)) .hero-img-container:hover .img-day-normal{opacity:0}.glow-effect{background:var(--accent);opacity:.12;z-index:1;filter:blur(30px);border-radius:20px;transition:opacity .4s;position:absolute;inset:0;transform:translate(10px,10px)}.hero-img-container:hover .glow-effect{opacity:.2}.about-content{grid-template-columns:3fr 2fr;align-items:start;gap:60px;display:grid}.about-text p{color:var(--text-muted);margin-bottom:18px;font-size:1.05rem;line-height:1.8}.about-text p strong{color:var(--text-main);font-weight:600}.tech-stack h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.tags{flex-wrap:wrap;gap:10px;display:flex}.tags span{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;transition:all .2s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:7px 16px;font-size:.82rem;font-weight:600}.tags span:hover{border-color:var(--border-hover);color:var(--accent-2);background:#2563eb14;transform:translateY(-1px)}.stats-row{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;padding-top:50px;display:grid}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg, var(--grad-1), var(--grad-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:500}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px;display:grid}.project-card{color:inherit;background:var(--card-bg);border:1px solid var(--border);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;text-decoration:none;display:block;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.card-img{height:200px;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.project-card:hover .card-img img{transform:scale(1.05)}.card-img-overlay{background:linear-gradient(#0000 40%,#090d16cc);transition:opacity .3s;position:absolute;inset:0}.card-content{padding:24px}.card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.card-header h3{color:var(--text-main);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.3}.arrow-icon{opacity:0;transition:all .3s var(--ease);color:var(--accent-2);flex-shrink:0;font-size:1.1rem;transform:translate(-6px,6px)}.project-card:hover .arrow-icon{opacity:1;transform:translate(0)}.card-content p{color:var(--text-muted);margin-bottom:18px;font-size:.88rem;line-height:1.7}.stack-badges{flex-wrap:wrap;gap:6px;display:flex}.stack-badge{letter-spacing:.04em;color:var(--accent-2);background:#3b82f61f;border:1px solid #3b82f640;border-radius:50px;padding:4px 10px;font-size:.72rem;font-weight:700}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;display:grid}.cert-card{background:var(--card-bg);border:1px solid var(--border);transition:all .3s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;border-radius:16px;align-items:center;gap:20px;padding:28px;display:flex}.cert-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.cert-icon{background:#2563eb1a;border:1px solid #2563eb33;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;transition:background .3s;display:flex}.cert-card:hover .cert-icon{background:#2563eb2e}.cert-info h3{color:var(--text-main);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.issuer{color:var(--accent-2);font-size:.82rem;font-weight:600}.date{color:var(--text-subtle);margin-top:4px;font-size:.75rem;display:block}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--border);transition:all .3s var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;padding:32px;display:flex}.blog-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.blog-meta{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.75rem;font-weight:600;display:flex}.blog-tag{color:var(--accent-2);background:#3b82f61f;border:1px solid #3b82f640;border-radius:50px;padding:3px 10px}.blog-title{color:var(--text-main);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.4}.blog-excerpt{color:var(--text-muted);flex-grow:1;margin-bottom:24px;font-size:.9rem;line-height:1.7}.read-more{color:var(--accent-2);transition:gap .2s var(--ease), opacity .2s;align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.read-more:hover{opacity:.8;gap:10px}.view-all-container{justify-content:center;margin-top:50px;display:flex}.contact-container{text-align:center;max-width:620px;margin:0 auto}.contact-container>p{color:var(--text-muted);margin-bottom:40px;font-size:1.05rem;line-height:1.8}.social-links{justify-content:center;gap:14px;margin-bottom:50px;display:flex}.social-btn{background:var(--card-bg);border:1px solid var(--border);width:50px;height:50px;color:var(--text-muted);transition:all .25s var(--ease);border-radius:13px;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-btn svg{width:20px;height:20px}.social-btn:hover{border-color:var(--border-hover);color:var(--accent-2);background:#2563eb14;transform:translateY(-3px);box-shadow:0 4px 12px #2563eb26}.email-form{text-align:left;flex-direction:column;gap:14px;display:flex}input,textarea{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text-main);transition:border-color .25s var(--ease), box-shadow .25s var(--ease), background .25s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,textarea:focus{border-color:var(--border-hover);background:#2563eb08;box-shadow:0 0 0 3px #2563eb26}.g-recaptcha{justify-content:center;display:flex}.toast-container{z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1),visibility .35s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.toast-container.toast-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.toast{-webkit-backdrop-filter:blur(24px);border:1px solid;border-radius:18px;align-items:center;gap:14px;min-width:300px;max-width:480px;padding:20px 28px;font-size:1rem;font-weight:500;line-height:1.5;display:flex;box-shadow:0 24px 60px #0006,0 0 0 1px #ffffff0d}.toast-success{color:#10b981;background:#10b98126;border-color:#10b98166}.toast-error{color:#ef4444;background:#ef444426;border-color:#ef444466}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.toast-success .toast-icon{background:#10b98133}.toast-error .toast-icon{background:#ef444433}.toast-body{flex:1}.toast-title{margin-bottom:3px;font-size:1.05rem;font-weight:700}.toast-msg{opacity:.85;font-size:.88rem;font-weight:400}.toast-close{color:currentColor;opacity:.6;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 0 0 8px;font-size:1.2rem;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-backdrop{z-index:9998;opacity:0;visibility:hidden;pointer-events:none;background:#00000073;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.toast-backdrop.toast-visible{opacity:1;visibility:visible;pointer-events:auto}#portfolio-chatbot-widget{z-index:9999;font-family:Inter,sans-serif;position:fixed;bottom:24px;right:24px}#chatbot-toggle-btn{background:linear-gradient(135deg, var(--grad-1), var(--grad-2));color:#fff;cursor:pointer;width:56px;height:56px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 20px #2563eb4d}#chatbot-toggle-btn:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 8px 25px #2563eb73}#chatbot-toggle-btn svg{width:24px;height:24px}.pulse-notification-dot{border:2px solid var(--bg);background:#22c55e;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:2px;right:2px}#chatbot-window{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);width:360px;height:min(500px,80vh);transition:transform .3s var(--ease), opacity .3s var(--ease);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;transform:translateY(10px);box-shadow:0 10px 40px #0000004d}#chatbot-window.active{opacity:1;pointer-events:auto;transform:translateY(0)}#chatbot-window.hidden{display:none!important}#chatbot-header{border-bottom:1px solid var(--border);background:#1e293b4d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.header-avatar-info{align-items:center;gap:10px;display:flex}.avatar-container{width:36px;height:36px;position:relative}.chat-avatar{object-fit:cover;border:1.5px solid var(--accent);border-radius:50%;width:100%;height:100%}.status-indicator{border:1.5px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.status-indicator.online{background:#22c55e}.header-text-info h4{color:var(--text-main);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;line-height:1.2}.status-text{color:var(--text-muted);font-size:.72rem}#chatbot-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}#chatbot-close-btn:hover{color:var(--text-main);background:var(--card-bg)}#chatbot-messages{background:#0000000d;flex-direction:column;flex-grow:1;gap:12px;padding:16px;display:flex;overflow-y:auto}#chatbot-messages::-webkit-scrollbar{width:4px}#chatbot-messages::-webkit-scrollbar-track{background:0 0}#chatbot-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-message{width:100%;display:flex}.chat-message.user-msg{justify-content:flex-end}.chat-message.bot-msg{justify-content:flex-start}.msg-bubble{word-break:break-word;border-radius:14px;max-width:80%;padding:10px 14px;font-size:.88rem;line-height:1.5}.user-msg .msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:2px;box-shadow:0 4px 10px #2563eb33}.bot-msg .msg-bubble{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);border-bottom-left-radius:2px}.bot-msg.error-msg .msg-bubble{color:#ef4444;background:#ef44440d;border-color:#ef44444d}#chatbot-input-form{background:var(--glass-bg);border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}#chatbot-input-field{background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);border-radius:10px;outline:none;flex-grow:1;padding:10px 14px;font-size:.88rem;transition:border-color .2s}#chatbot-input-field:focus{border-color:var(--border-hover)}#chatbot-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:flex}#chatbot-send-btn:hover{background:var(--accent-2);transform:scale(1.05)}#chatbot-send-btn svg{width:16px;height:16px}.typing-bubble{align-items:center;gap:4px;display:flex;padding:12px 16px!important}.dot-bounce{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce;display:inline-block}.dot-bounce:first-child{animation-delay:-.32s}.dot-bounce:nth-child(2){animation-delay:-.16s}.msg-bubble ul{margin:6px 0;padding-left:20px}.msg-bubble li{margin-bottom:4px}#back-to-top{background:linear-gradient(135deg, var(--grad-1), var(--grad-2));color:#fff;z-index:998;opacity:0;visibility:hidden;width:48px;height:48px;transition:all .3s var(--ease);border-radius:13px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 12px #2563eb40}#back-to-top.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#back-to-top:hover{transform:translate(-50%)translateY(-4px);box-shadow:0 8px 20px #2563eb66}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.btn{transition:all .25s var(--ease);cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;align-items:center;gap:8px;padding:13px 26px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:linear-gradient(135deg, var(--grad-1), var(--grad-2));color:#fff;box-shadow:0 4px 12px #2563eb40}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.btn.secondary{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.secondary:hover{border-color:var(--border-hover);background:#2563eb14;transform:translateY(-2px)}.btn.full-width{justify-content:center;width:100%}.grecaptcha-badge{z-index:2!important;bottom:24px!important;left:24px!important;right:auto!important}@media (max-width:900px){.hero{gap:40px}.hero-img-container{width:220px;height:220px}.about-content{grid-template-columns:1fr;gap:40px}.stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hamburger{z-index:1005;display:flex;position:relative}.nav-links{text-align:left;background:var(--glass-bg);-webkit-backdrop-filter:blur(28px);border-left:1px solid var(--border);width:280px;height:100vh;transition:right .35s var(--ease);z-index:1001;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:80px 28px 40px;position:fixed;top:0;left:auto;right:-280px;box-shadow:-4px 0 40px #0000004d}.nav-links.active{pointer-events:auto;right:0}.nav-links a{border-radius:12px;width:100%;padding:12px 16px;font-size:1.1rem;font-weight:600;display:block}.nav-close-btn{display:none!important}.nav-overlay{z-index:1000;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);background:#00000073;display:block;position:fixed;inset:0}.nav-overlay.active{opacity:1;pointer-events:auto}.theme-switch-panel{align-self:flex-start;margin-top:24px;margin-left:0;display:inline-flex}.theme-switch-nav{display:none}.hero{text-align:center;flex-direction:column-reverse;gap:30px}.hero-btns{flex-wrap:wrap;justify-content:center}.subtitle{margin:0 auto 24px}.hero-badge{margin:0 auto 16px}.hero-img-container{width:180px;height:180px}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px}.stat-number{font-size:1.6rem}.stat-label{font-size:.7rem}.cert-card{text-align:center;flex-direction:column}.project-grid,.blog-grid{grid-template-columns:1fr}#back-to-top{width:42px;height:42px;bottom:16px;left:50%;right:auto}.section-divider{margin:0 4%}.grecaptcha-badge{transform-origin:0 100%!important;bottom:12px!important;left:12px!important;transform:scale(.8)!important}}@media (max-width:480px){h1{letter-spacing:-1px}.stats-row{grid-template-columns:repeat(3,1fr)}.cert-grid{grid-template-columns:1fr}.btn{padding:11px 18px;font-size:.9rem}.hero-img-container{width:150px;height:150px}.social-links{gap:10px}.social-btn{width:44px;height:44px}#portfolio-chatbot-widget{bottom:16px;right:16px}#chatbot-window{width:calc(100vw - 32px);height:60vh;bottom:80px;right:16px}}.sidebar{background:var(--card-bg);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;width:260px;height:100vh;transition:transform .3s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0}.logo-container{border-bottom:1px solid var(--border);padding:24px}.logo-text{align-items:baseline;gap:4px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.logo-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex}.nav-link{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-main);background:#2563eb0d}.nav-link.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-glow);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);padding:24px}.main-content{background:0 0;min-height:100vh;margin-left:260px;padding:32px 48px}.top-bar{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.page-title h1{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.75rem}.page-title p{color:var(--text-muted);font-size:.95rem}.user-badge{background:var(--card-bg);border:1px solid var(--border);border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.card{background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:24px;padding:32px}.card-title{color:var(--text-main);align-items:center;gap:10px;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-group-full{grid-column:1/-1}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:16px}th{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.btn-actions{gap:8px;display:flex}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.8rem}.btn.danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn.danger:hover{color:#fff;background:#ef4444}.tech-badges-grid{flex-wrap:wrap;gap:12px;display:flex}.tech-badge-item{color:var(--accent-2);background:#2563eb1a;border:1px solid #2563eb33;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.tech-badge-delete{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;font-size:1.2rem;display:flex}.tech-badge-delete:hover{opacity:1}.form-overlay-card{border-color:var(--accent);box-shadow:var(--shadow-glow)}.alert{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;font-weight:500;display:flex}.alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.alert-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.mobile-top-bar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;padding:16px 24px;display:none;position:sticky;top:0}.mobile-nav-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1.5rem}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:24px 16px}.mobile-top-bar{display:flex!important}.top-bar{flex-direction:column;align-items:flex-start;gap:16px}th,td{padding:12px 8px}.btn-actions{flex-direction:column}}.hamburger{z-index:1002}.custom-modal-overlay{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.custom-modal-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow-y:auto;box-shadow:0 10px 40px #00000080}.custom-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.custom-modal-header h2{color:var(--text-main);margin:0;font-family:Outfit,sans-serif;font-size:1.5rem}.custom-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s}.custom-modal-close:hover{color:#ef4444}.custom-modal-body{padding:24px}.custom-modal-body p{color:var(--text-muted);margin-bottom:24px;line-height:1.6}.cert-carousel-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.cert-carousel-container::-webkit-scrollbar{height:8px}.cert-carousel-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.cert-carousel-item{scroll-snap-align:start;flex-shrink:0;min-width:300px}