@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";html{scroll-behavior:smooth}:root{--spring-easing:cubic-bezier(.16, 1, .3, 1);--spring-duration:.5s;--glass-blur-base:blur(40px) saturate(160%);--glass-blur-hover:blur(50px) saturate(180%);--glass-bg-light:linear-gradient(135deg, #ffffff40, #ffffff0d);--glass-bg-hover-light:linear-gradient(135deg, #ffffff59, #ffffff1a);--glass-border-light:1px solid #ffffff80;--glass-border-hover-light:1px solid #ffffffe6;--glass-shadow-light:0 16px 40px #00000014, inset 0 1px 2px #fff9, inset 0 -1px 2px #ffffff1a;--glass-shadow-hover-light:0 24px 50px #0000001f, inset 0 2px 3px #ffffffe6, inset 0 -1px 2px #fff3;--glass-bg-dark:linear-gradient(135deg, #ffffff14, #ffffff05);--glass-bg-hover-dark:linear-gradient(135deg, #ffffff26, #ffffff0d);--glass-border-dark:1px solid #ffffff26;--glass-border-hover-dark:1px solid #ffffff4d;--glass-shadow-dark:0 20px 50px #00000080, inset 0 1px 2px #ffffff26;--glass-shadow-hover-dark:0 30px 60px #000000b3, inset 0 1px 3px #ffffff4d}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background-color:#f0f9ff;background-image:radial-gradient(circle at 10% 10%,#38bdf880 0%,#0000 50%),radial-gradient(circle at 90% 20%,#a78bfa66 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0ea5e980 0%,#0000 50%),radial-gradient(circle at 20% 90%,#f472b64d 0%,#0000 50%);background-size:100vw 100vh;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .8s,color .8s;animation:20s ease-in-out infinite alternate ambient-drift;overflow-x:clip}@keyframes ambient-drift{0%{background-position:0 0}to{background-position:100% 100%}}.dashboard-layout{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes serverPulse{0%,to{text-shadow:0 0 #38bdf800}50%{text-shadow:0 0 12px #38bdf899}}.top-nav-glass{z-index:1000;background:var(--glass-bg-light);width:96%;max-width:1300px;-webkit-backdrop-filter:var(--glass-blur-base);border:var(--glass-border-light);box-shadow:var(--glass-shadow-light);transition:all var(--spring-duration) var(--spring-easing);animation:fadeIn .6s var(--spring-easing);border-radius:24px;justify-content:space-between;align-items:center;margin:0 auto 30px;padding:12px 28px;display:flex;position:sticky;top:15px}.top-nav-links{align-items:center;gap:24px;display:flex}.top-nav-link{color:#0f172a;cursor:pointer;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .3s}.top-nav-link:hover{color:#3b82f6;transform:translateY(-2px)}.top-search-wrapper{max-width:500px;transition:all var(--spring-duration) var(--spring-easing);background:#fff9;border:1px solid #ffffffe6;border-radius:20px;flex:1;align-items:center;margin:0 20px;padding:10px 18px;display:flex;box-shadow:inset 0 2px 5px #00000008}.top-search-wrapper:focus-within{background:#fffffff2;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 0 0 4px #3b82f633}.top-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600}.top-search-icon{color:#3b82f6;margin-right:10px;font-weight:700}.mobile-nav-menu{border-bottom:1px solid #0000001a;flex-direction:column;gap:15px;margin-bottom:25px;padding-bottom:25px;display:none}.sidebar{background:var(--glass-bg-light);width:320px;-webkit-backdrop-filter:var(--glass-blur-base);border-right:var(--glass-border-light);height:100vh;box-shadow:var(--glass-shadow-light);z-index:100;transition:transform var(--spring-duration) var(--spring-easing), left var(--spring-duration) var(--spring-easing);animation:fadeIn .8s var(--spring-easing);padding:40px 25px;position:fixed;top:0;left:0;overflow-y:auto}.main-content{flex:1;width:calc(100% - 320px);max-width:1400px;margin-left:320px;padding:0 50px 40px}.profile-img{object-fit:cover;background-color:#fff6;border:3px solid #3b82f6;border-radius:50%;width:120px;height:120px;margin-bottom:15px;padding:3px;animation:4s ease-in-out infinite float;box-shadow:0 8px 25px #3b82f640}.sidebar h1{color:#0f172a;white-space:nowrap;letter-spacing:-.5px;width:100%;margin-bottom:8px;font-size:1.45rem;font-weight:900;animation:3s ease-in-out infinite serverPulse}.sidebar .title{color:#475569;margin-bottom:30px;font-size:.9rem;font-weight:800;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:2px;color:#475569;margin-top:25px;margin-bottom:15px;font-size:.7rem;font-weight:900}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#0f172a;border:var(--glass-border-light);border-radius:12px;padding:8px 16px;font-size:.8rem;font-weight:800;transition:all .3s;box-shadow:0 4px 10px #0000000a}.skill-tag:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 15px #3b82f626}.social-links{flex-direction:column;gap:10px;display:flex}.social-link{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border-light);transition:all var(--spring-duration) var(--spring-easing);white-space:nowrap;color:#0f172a;border-radius:16px;align-items:center;gap:10px;width:100%;padding:14px;font-size:.85rem;font-weight:800;text-decoration:none;display:flex;box-shadow:0 4px 12px #0000000a,inset 0 1px 1px #ffffffe6}.social-link:hover{background:#fffc;border-color:#fff;transform:translate(8px)scale(1.02);box-shadow:0 10px 20px #00000014}.link-linkedin{color:#0a66c2}.link-github{color:#0f172a}.link-mail{color:#b91c1c}.link-youtube{color:#dc2626}.hero-section{margin-bottom:40px}.scrolling-ticker{background:var(--glass-bg-light);width:100%;-webkit-backdrop-filter:var(--glass-blur-base);backdrop-filter:var(--glass-blur-base);border:var(--glass-border-light);white-space:nowrap;box-shadow:var(--glass-shadow-light);border-radius:16px;margin-bottom:35px;padding:14px 20px;overflow:hidden}.scrolling-text{color:#3b82f6;letter-spacing:2px;font-size:.95rem;font-weight:800;animation:25s linear infinite dynamicMarquee;display:inline-block}@keyframes dynamicMarquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.projects-container{margin-bottom:10px}.main-heading{color:#0f172a;letter-spacing:-.5px;margin-bottom:25px;font-size:2rem;font-weight:900}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:25px;margin-bottom:40px;display:grid}.project-card,.dash-card,.article-preview-line,.wa-widget,.write-article-container,.dev-article-container{background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur-base);border:var(--glass-border-light);box-shadow:var(--glass-shadow-light);border-radius:32px;padding:35px;text-decoration:none;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),background-color .3s!important}.project-card{flex-direction:column;height:100%;display:flex}.project-card:hover,.dash-card:hover,.article-preview-line:hover{background:var(--glass-bg-hover-light);-webkit-backdrop-filter:var(--glass-blur-hover);border:var(--glass-border-hover-light);box-shadow:var(--glass-shadow-hover-light)!important;transform:translateY(-6px)scale(1.015)!important}.project-card h3{margin-bottom:10px;font-size:1.3rem;font-weight:900}.project-card p{flex-grow:1;font-weight:600;line-height:1.6}.project-metrics{background:#fff9;border:1px solid #fffc;border-radius:8px;align-self:flex-start;margin-top:20px;padding:8px 12px;font-size:.85rem;font-weight:800;display:inline-block}.card-blue{background:linear-gradient(135deg,#dbeafe73,#ffffff40)}.card-blue h3{color:#1e40af}.card-blue p{color:#2563eb}.card-blue .project-metrics{color:#1e40af}.card-orange{background:linear-gradient(135deg,#ffedd573,#ffffff40)}.card-orange h3{color:#9a3412}.card-orange p{color:#ea580c}.card-orange .project-metrics{color:#9a3412}.card-green{background:linear-gradient(135deg,#d1fae573,#ffffff40)}.card-green h3{color:#065f46}.card-green p{color:#10b981}.card-green .project-metrics{color:#065f46}.ai-badge{text-transform:uppercase;color:#4f46e5;background:#fffffff2;border:1px solid #4f46e54d;border-radius:999px;align-items:center;gap:8px;margin-left:15px;padding:6px 14px;font-size:.7rem;font-weight:900;display:inline-flex;box-shadow:0 4px 12px #4f46e526}.gemini-icon{fill:#6366f1;width:12px;height:12px}.pulse-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;margin-left:4px;animation:2s infinite pulse-glow;display:inline-block}@keyframes pulse-glow{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.dash-card h2{color:#0f172a;align-items:center;margin-bottom:25px;font-size:1.4rem;font-weight:900;display:flex}.section-purple{background:#e9d5ff66;margin-top:30px;margin-bottom:40px}.section-purple h2{color:#4c1d95;align-items:center;gap:15px;margin-top:0;display:flex}.ai-input-wrapper{background:#ffffff80;border:1px solid #fffc;border-radius:20px;gap:15px;margin-top:20px;padding:8px;display:flex;box-shadow:0 4px 15px #00000008,inset 0 2px 5px #00000005}.dash-input{color:#0f172a;background:0 0;border:none;border-radius:12px;outline:none;flex:1;padding:16px 20px;font-size:1.05rem;font-weight:500;transition:all .2s}.btn-purple{color:#fff;cursor:pointer;background:#9333ea;border:none;border-radius:14px;padding:0 32px;font-weight:800;transition:background .2s;box-shadow:0 4px 12px #9333ea4d}.btn-purple:hover{background:#7e22ce;transform:translateY(-2px);box-shadow:0 8px 15px #9333ea66}.ai-response-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffffe6;border-radius:20px;max-height:350px;margin:0 auto 30px;padding:25px;scroll-margin-top:100px;position:relative;overflow-y:auto;box-shadow:0 8px 25px #0000000d}@media (width<=1024px){.ai-response-window{scroll-margin-top:220px}}.ai-response-window::-webkit-scrollbar{width:6px}.ai-response-window::-webkit-scrollbar-thumb{background:#d8b4fe;border-radius:10px}.ai-close-btn{color:#475569;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.ai-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.05)}.articles-list{flex-direction:column;gap:20px;margin-top:15px;display:flex}.article-preview-line:hover:before{content:"";background:#3b82f6;width:5px;position:absolute;top:0;bottom:0;left:0}.article-meta{color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem;font-weight:700}.article-title{color:#0f172a;letter-spacing:-1px;margin:0 0 12px;font-size:2.2rem;font-weight:900;line-height:1.25}.article-snippet{color:#334155;margin-bottom:25px;font-size:1.15rem;font-weight:500;line-height:1.6}.article-stats{color:#475569;align-items:center;gap:20px;margin-top:auto;font-size:1rem;font-weight:700;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.read-more{color:#2563eb;background:#fffc;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:8px 16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000000d}.article-preview-line:hover .read-more{color:#fff;background:#2563eb;box-shadow:0 4px 12px #2563eb4d}.article-page-wrapper{color:#0f172a;background:0 0;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-bottom:60px;display:flex}.article-nav{width:100%;max-width:800px;margin:0 auto;padding:20px 0}.back-btn{background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur-base);backdrop-filter:var(--glass-blur-base);color:#0f172a;border:var(--glass-border-light);cursor:pointer;border-radius:20px;padding:10px 20px;font-size:1rem;font-weight:800;transition:all .2s}.back-btn:hover{background:var(--glass-bg-hover-light)}.dev-article-container{width:100%;max-width:800px!important;margin:0 auto!important}.article-main-title{color:#000;letter-spacing:-1.5px;margin-bottom:25px;font-size:3.5rem;font-weight:900;line-height:1.15}.author-card{border-bottom:none;align-items:center;gap:15px;margin-bottom:40px;padding-bottom:0;display:flex}.author-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #0000001a}.author-info{flex-direction:column;display:flex}.author-info strong{color:#0f172a;font-size:1.2rem;font-weight:800}.author-info span{color:#475569;font-size:.95rem;font-weight:600}@media (width<=768px){.article-nav{width:90%;padding:15px 5%}.dev-article-container{width:90%;padding:0 5%}.article-main-title{letter-spacing:-.5px;font-size:2.2rem}}.ui-controls{z-index:999999!important;gap:10px!important;display:flex!important;position:fixed!important;top:20px!important;right:20px!important}.ui-btn,.mobile-menu-btn{cursor:pointer!important;width:45px!important;height:45px!important;transition:all var(--spring-duration) var(--spring-easing)!important;-webkit-backdrop-filter:blur(10px)!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:1.2rem!important;display:flex!important;box-shadow:0 4px 15px #0000001a!important}body:not(.dark-theme) .ui-btn,body:not(.dark-theme) .mobile-menu-btn{color:#0f172a!important;background:#ffffffbf!important;border:1px solid #00000014!important}body.dark-theme .ui-btn,body.dark-theme .mobile-menu-btn{color:#f8fafc!important;background:#1e293bcc!important;border:1px solid #ffffff1f!important}.ui-btn:hover,.mobile-menu-btn:hover{transform:scale(1.08)!important;box-shadow:0 8px 25px #00000026!important}.mobile-menu-btn{display:none!important}.sidebar .title{color:#475569;letter-spacing:0;width:100%;font-size:.75rem!important;font-weight:700!important}.typewriter-text{white-space:nowrap;border-right:2px solid #3b82f6;max-width:0;animation:2.5s steps(45,end) forwards typing,.75s step-end infinite blink-caret;display:inline-block;overflow:hidden}@keyframes typing{0%{max-width:0}to{max-width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#3b82f6}}@media (width<=768px){.sidebar .title{white-space:normal!important;font-size:.85rem!important}.typewriter-text{white-space:normal!important;border-right:none!important;max-width:100%!important;animation:none!important}.scrolling-text{animation-duration:12s!important}}@media (width<=1024px){.mobile-menu-btn{display:flex!important}.top-nav-glass{z-index:9000!important;flex-direction:column!important;gap:12px!important;width:90%!important;margin:0!important;padding:15px!important;display:flex!important;position:fixed!important;top:85px!important;left:5%!important}.top-nav-links{flex-wrap:wrap!important;justify-content:center!important;gap:15px!important;width:100%!important;display:flex!important}.top-nav-link{font-size:.9rem!important}.top-search-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:12px 15px!important}.mobile-nav-menu{display:flex!important}.dashboard-layout{flex-direction:column;width:100%;display:flex;overflow-x:visible!important}.sidebar{z-index:9999!important;width:320px!important;max-width:85vw!important;height:100dvh!important;transition:left .35s var(--spring-easing)!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-right:1px solid #0000000d!important;border-radius:0!important;padding-top:25px!important;padding-bottom:120px!important;position:fixed!important;top:0!important;left:-340px!important;overflow:hidden auto!important}body.dark-theme .sidebar{background:var(--glass-bg-dark)!important;border-right:var(--glass-border-dark)!important}.sidebar-overlay{cursor:pointer;-webkit-backdrop-filter:blur(12px)!important;z-index:9998!important;background-color:#0009!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.sidebar.mobile-open{left:0!important;box-shadow:25px 0 60px #0009!important}.social-link,.skill-tag{box-sizing:border-box!important;width:100%!important}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important;padding:240px 16px 20px!important}}.grid-layout{flex-direction:column;gap:15px;width:100%;display:flex}.wa-widget{box-sizing:border-box;width:100%;max-width:100%;height:400px}@keyframes dark-mesh-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}body.dark-theme{color:#f8fafc!important;background-color:#050c21!important;background-image:radial-gradient(circle at 10% 20%,#050c21 0%,#0000 50%),radial-gradient(circle at 80% 30%,#0d1b48 0%,#0000 50%),radial-gradient(circle at 80% 90%,#1a153a 0%,#0000 50%),radial-gradient(circle at 20% 80%,#092c2c 0%,#0000 50%)!important;background-size:200vw 200vh!important;background-attachment:fixed!important;animation:25s ease-in-out infinite alternate dark-mesh-flow!important}body.dark-theme .top-nav-glass,body.dark-theme .sidebar,body.dark-theme .dash-card,body.dark-theme .dev-article-container,body.dark-theme .wa-widget,body.dark-theme .admin-sidebar,body.dark-theme .write-article-container,body.dark-theme .ai-response-window,body.dark-theme .article-preview-line,body.dark-theme .project-card,body.dark-theme .scrolling-ticker{background:var(--glass-bg-dark)!important;-webkit-backdrop-filter:var(--glass-blur-base)!important;border:var(--glass-border-dark)!important;box-shadow:var(--glass-shadow-dark)!important}body.dark-theme .project-card:hover,body.dark-theme .dash-card:hover,body.dark-theme .article-preview-line:hover{background:var(--glass-bg-hover-dark)!important;-webkit-backdrop-filter:var(--glass-blur-hover)!important;border:var(--glass-border-hover-dark)!important;box-shadow:var(--glass-shadow-hover-dark)!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme .main-heading,body.dark-theme .article-title,body.dark-theme .md-h1,body.dark-theme .md-h2,body.dark-theme .md-h3,body.dark-theme .wa-header-text h3,body.dark-theme .top-nav-link{color:#fff!important}body.dark-theme p,body.dark-theme span,body.dark-theme .article-snippet,body.dark-theme .md-p,body.dark-theme .md-li,body.dark-theme .title{color:#cbd5e1!important}body.dark-theme .social-link,body.dark-theme .read-more{color:#f8fafc!important;background:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-theme .social-link:hover,body.dark-theme .read-more:hover{background:#ffffff26!important}body.dark-theme .skill-tag{color:#e0f2fe!important;background:#3b82f61a!important;border-color:#3b82f64d!important}body.dark-theme .top-search-wrapper{background:#0000004d!important;border-color:#ffffff1a!important}body.dark-theme .top-search-input{color:#fff!important}body.dark-theme .dash-input,body.dark-theme .wa-input,body.dark-theme .admin-input-content,body.dark-theme .admin-input-title{color:#fff!important;background:#0000004d!important;border-color:#ffffff1a!important}body.dark-theme .wa-received{color:#f8fafc!important;background:#1e293bcc!important;border-color:#ffffff0d!important}body.dark-theme .wa-sent{color:#fff!important;background:#3b82f6!important}body.dark-theme .wa-header{background:#0f172a99!important;border-bottom:1px solid #ffffff1a!important}body.dark-theme .wa-footer{background:#0f172a80!important;border-top:1px solid #ffffff1a!important}body.dark-theme .admin-wrapper{background-color:#050c21!important;background-image:radial-gradient(circle at 10% 20%,#050c21 0%,#0000 50%),radial-gradient(circle at 80% 30%,#0d1b48 0%,#0000 50%),radial-gradient(circle at 80% 90%,#1a153a 0%,#0000 50%),radial-gradient(circle at 20% 80%,#092c2c 0%,#0000 50%)!important;background-size:200vw 200vh!important;background-attachment:fixed!important;animation:25s ease-in-out infinite alternate dark-mesh-flow!important}@keyframes premium-shine{0%{background-position:-200%}to{background-position:200%}}@keyframes float-sparkle{0%,to{opacity:.4;transform:translateY(0)scale(.8)}50%{opacity:1;filter:drop-shadow(0 0 6px #fbbf24);transform:translateY(-4px)scale(1.2)}}@keyframes line-breathe{0%,to{opacity:.3;width:30px}50%{opacity:.8;width:60px;box-shadow:0 0 10px #3b82f6}}.subhams-brand-text{color:#0000;background:linear-gradient(90deg,#3b82f6,#a855f7,#ec4899,#3b82f6) 0 0/200%;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:900;animation:3.5s linear infinite premium-shine}@media (width<=1024px){body.dark-theme .sidebar{-webkit-backdrop-filter:blur(20px)!important;background:#050c21fa!important;border-right:1px solid #ffffff1a!important}}