:root{--bg-main:#fff;--bg-overlay:#f3f4f6;--bg-surface:#ffffffb3;--text-primary:#111827;--text-secondary:#4b5563;--accent-primary:#2563eb;--accent-secondary:#06b6d4;--glass-bg:#ffffffd9;--glass-border:#0000000d;--glass-shadow:0 4px 30px #0000000d;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-main:#0b0a1a;--bg-overlay:#15132b;--bg-surface:#15132bbf;--text-primary:#fff;--text-secondary:#a09db0;--accent-primary:#8a2be2;--accent-secondary:#0ff;--glass-bg:#19173199;--glass-border:#ffffff14;--glass-shadow:0 4px 30px #0b0a1a99}*{box-sizing:border-box;cursor:none;margin:0;padding:0}.cursor-dot{background-color:var(--accent-primary);pointer-events:none;z-index:10000;border-radius:50%;width:8px;height:8px;transition:width .3s,height .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-outline{border:2px solid var(--accent-secondary);pointer-events:none;z-index:9999;border-radius:50%;width:30px;height:30px;transition:width .3s ease-out,height .3s ease-out,border-color .3s ease-out,opacity .5s ease-out;position:fixed;transform:translate(-50%,-50%)}.cursor-hover{border-color:var(--accent-primary);opacity:.5;width:50px;height:50px}html{scroll-behavior:smooth;color:var(--text-primary);background-color:var(--bg-main);font-family:Outfit,sans-serif;transition:background-color .5s,color .5s}body{line-height:1.6;position:relative;overflow-x:hidden}.noise-bg{pointer-events:none;z-index:9998;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.parallax{will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}.glow-bg{z-index:-2;pointer-events:none;will-change:transform;background:radial-gradient(circle,#2563eb0f 0%,#0000 40%),radial-gradient(circle at 80% 20%,#06b6d40a 0%,#0000 30%);width:200%;height:200%;animation:30s linear infinite slowSpin;position:fixed;top:-50%;left:-50%}[data-theme=dark] .glow-bg{background:radial-gradient(circle,#8a2be21f 0%,#0000 40%),radial-gradient(circle at 80% 20%,#00ffff1a 0%,#0000 30%)}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pipeline-bg{z-index:-1;opacity:.45;pointer-events:none;backface-visibility:hidden;will-change:opacity, transform;width:100%;height:100%;transition:var(--transition);position:fixed;top:0;left:0;transform:translateZ(0)}.pipe-line{fill:none;stroke:var(--accent-primary);opacity:.18;stroke-width:1.5px;stroke-dasharray:4 12;filter:drop-shadow(0 0 2px var(--accent-primary));animation:30s linear infinite flowLine}[data-theme=dark] .pipe-line{stroke:var(--accent-secondary);opacity:.25}.pipe-node{fill:var(--bg-main);stroke:var(--accent-primary);stroke-width:1.5px;opacity:.8;filter:drop-shadow(0 0 5px var(--accent-primary));animation:4s ease-in-out infinite alternate nodePulse}@keyframes nodePulse{0%{opacity:.4;filter:drop-shadow(0 0 2px var(--accent-primary))}to{opacity:.8;filter:drop-shadow(0 0 8px var(--accent-primary))}}.data-packet{fill:var(--accent-secondary);filter:drop-shadow(0 0 12px var(--accent-secondary));opacity:1}@keyframes flowLine{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}[data-theme=dark] .pipeline-bg{opacity:.3}.container{width:90%;max-width:1100px;margin:0 auto}a,button{cursor:none}a{color:inherit;text-decoration:none}ul{list-style:none}.section-title{color:var(--text-primary);margin-bottom:4rem;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:var(--accent-primary);border-radius:2px;width:40px;height:4px;position:absolute;bottom:-10px;left:0}section{padding:120px 0}.btn{transition:var(--transition);border:none;border-radius:40px;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-main);box-shadow:0 4px 15px #0000001a}.btn-primary:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px)}.btn-outline{border:1px solid var(--text-secondary);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-primary);transform:translateY(-3px)}.floating-nav{z-index:1000;width:90%;max-width:800px;transition:var(--transition);border-radius:50px;padding:15px 30px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.floating-nav.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);max-width:700px;padding:12px 30px}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:20px;display:flex}.nav-links li a{color:var(--text-secondary);transition:var(--transition);font-size:.95rem;font-weight:500}.nav-links li a:hover{color:var(--accent-primary)}.icon-nav-btn{color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hamburger{cursor:none;flex-direction:column;gap:6px;display:none}.hamburger span{background-color:var(--text-primary);width:25px;height:2px;transition:var(--transition)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition);border-radius:20px}.hover-glow:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}[data-theme=dark] .hover-glow:hover{box-shadow:0 15px 30px #8a2be226}#hero{align-items:center;min-height:100vh;padding-top:60px;display:flex}.hero-wrapper{justify-content:space-between;align-items:center;gap:30px;display:flex}.hero-content{z-index:2;flex:1;max-width:550px}.hero-illustration{z-index:2;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.floating-tech{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--accent-primary);box-shadow:var(--glass-shadow);z-index:10;border-radius:20px;padding:8px 18px;font-size:.95rem;font-weight:600;animation:8s ease-in-out infinite floatBadge;position:absolute}.tech-sql{animation-delay:0s;top:10%;right:10%}.tech-spark{color:var(--accent-secondary);animation-delay:1.5s;bottom:20%;right:5%}.tech-aws{color:var(--text-primary);animation-delay:3s;top:20%;left:0%}.tech-pipeline{color:var(--text-secondary);animation-delay:4.5s;bottom:15%;left:5%}@keyframes floatBadge{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}[data-theme=dark] .floating-tech{background:var(--glass-bg);color:#fff;border-color:var(--glass-border)}.floating-img{z-index:5;filter:drop-shadow(0 15px 30px #2563eb26);width:450px;max-width:100%;animation:6s ease-in-out infinite floatImg;position:relative}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}[data-theme=dark] .floating-img{filter:drop-shadow(0 15px 30px #8a2be24d)brightness(.9)}.greeting{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:1.1rem;font-weight:500;display:block}h1.glitch{color:var(--text-primary);min-height:100px;margin-bottom:10px;font-size:5.5rem;font-weight:800;line-height:1}.role{color:var(--text-secondary);margin-bottom:30px;font-size:1.8rem;font-weight:500;line-height:1.3}.accent-text{color:#0000;background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.15rem}.hero-cta{flex-wrap:wrap;gap:20px;display:flex}@media (width<=900px){#hero{padding-top:100px}.hero-wrapper{text-align:center;flex-direction:column-reverse;justify-content:center;gap:50px}.hero-content{flex-direction:column;align-items:center;max-width:100%;display:flex}h1.glitch{min-height:80px;font-size:4rem}.role{font-size:1.5rem}.floating-img{width:300px;animation-duration:4s}}#story-journey{padding-top:100px;position:relative}.story-container{align-items:flex-start;gap:50px;display:flex;position:relative}.story-content{flex:1;padding-bottom:50vh}.story-step{opacity:.3;min-height:80vh;transition:var(--transition);flex-direction:column;justify-content:center;display:flex}.story-step.is-active{opacity:1;transform:scale(1.02)}.story-step h3{color:var(--text-primary);margin-bottom:25px;font-size:2.2rem;line-height:1.3}.story-step h3 .accent-text{font-size:1.5rem}.story-step p{color:var(--text-secondary);margin-bottom:20px;font-size:1.15rem;line-height:1.8}.story-step p strong{color:var(--text-primary)}.story-visual-board{flex:1;justify-content:center;align-items:center;height:50vh;display:flex;position:sticky;top:25vh}.visual-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:400px;padding:40px;display:flex;position:relative}.graphic-layer{opacity:0;width:50%;height:50%;color:var(--accent-primary);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(20px)scale(.9)}.graphic-layer.active{opacity:1;filter:drop-shadow(0 15px 30px #2563eb4d);transform:translateY(0)scale(1)}.graphic-1.active .packet-1{animation:2.5s linear infinite flowBranch1}.graphic-1.active .packet-2{animation:2.5s linear .8s infinite flowBranch2}.graphic-1.active .packet-3{animation:2.5s linear 1.6s infinite flowBranch3}@keyframes flowBranch1{0%{cx:10;cy:20;opacity:0}10%{cx:10;cy:20;opacity:1;filter:drop-shadow(0 0 5px var(--accent-primary))}30%{cx:30;cy:20}55%{cx:50;cy:45}85%{cx:80;cy:50;opacity:1}to{cx:85;cy:50;opacity:0}}@keyframes flowBranch2{0%{cx:10;cy:50;opacity:0}10%{cx:10;cy:50;opacity:1;filter:drop-shadow(0 0 5px var(--accent-secondary))}30%{cx:35;cy:50}55%{cx:50;cy:50}85%{cx:80;cy:50;opacity:1}to{cx:85;cy:50;opacity:0}}@keyframes flowBranch3{0%{cx:10;cy:80;opacity:0}10%{cx:10;cy:80;opacity:1}30%{cx:30;cy:80}55%{cx:50;cy:55}85%{cx:80;cy:50;opacity:1}to{cx:85;cy:50;opacity:0}}.graphic-2.active .fast-packet{animation:1.2s linear infinite shootPacket}@keyframes shootPacket{0%{cx:25;opacity:1}90%{cx:75;opacity:1;filter:drop-shadow(0 0 5px var(--accent-primary))}to{cx:75;opacity:0}}.graphic-3.active .cube-spin{animation:3s infinite alternate slowBounce}.graphic-3.active .cube-top{fill:#2563eb33;animation:2s infinite alternate glowFace}.graphic-3.active .cube-left{fill:#06b6d433;animation:2s .6s infinite alternate glowFace}.graphic-3.active .cube-right{fill:#8a2be233;animation:2s 1.2s infinite alternate glowFace}@keyframes slowBounce{to{transform:translateY(-10px)}}@keyframes glowFace{0%{opacity:.3}to{opacity:1;fill-opacity:.8;filter:drop-shadow(0 0 8px)}}.graphic-4.active .bar-1{animation:2s ease-out infinite alternate growBar1}.graphic-4.active .bar-2{animation:2s ease-out .2s infinite alternate growBar2}.graphic-4.active .bar-3{animation:2s ease-out .4s infinite alternate growBar3}.graphic-4.active .trend-line{stroke-dasharray:100;stroke-dashoffset:100px;animation:4s infinite traceTrend}@keyframes growBar1{to{y:50;height:30px}}@keyframes growBar2{to{y:20;height:60px}}@keyframes growBar3{to{y:-5;height:85px}}@keyframes traceTrend{0%,20%{stroke-dashoffset:100px}50%,80%{stroke-dashoffset:0;filter:drop-shadow(0 0 5px var(--accent-secondary))}to{opacity:0;stroke-dashoffset:0}}.graphic-5.active .lock-loop{transform-origin:50%;animation:3s infinite snapLock}.graphic-5.active .shield-bg{animation:3s infinite shieldPulse}@keyframes snapLock{0%,30%{stroke:var(--text-secondary);transform:translateY(-5px)}40%,to{stroke:var(--accent-primary);transform:translateY(0)}}@keyframes shieldPulse{40%,60%{filter:drop-shadow(0 0 15px #25ebeb66);stroke:var(--accent-primary)}}.graphic-6.active .legacy-region{transform-origin:20px 50px;animation:10s linear infinite spinRound}.graphic-6.active .new-region{animation:2s infinite alternate pulseRegion}.graphic-6.active .migrating-user{animation:3s ease-in-out infinite migrateNode}.graphic-6.active .delay-user{animation-delay:1.5s}@keyframes spinRound{to{transform:rotate(360deg)}}@keyframes pulseRegion{to{filter:drop-shadow(0 0 15px var(--accent-primary));r:22}}@keyframes migrateNode{0%{cx:20;opacity:1;fill:currentColor}90%{cx:80;opacity:1;fill:var(--accent-primary)}to{cx:80;opacity:0}}.graphic-7.active .refresh-sync{transform-origin:80px 45px;animation:3s linear infinite spinRound}.graphic-7.active .user-node{animation:2s infinite alternate authPulse}.graphic-7.active .auth-line{stroke-dasharray:4;animation:1s linear infinite traceAuth}.graphic-7.active .delay-user-2{animation-delay:1s}@keyframes authPulse{to{fill:var(--accent-primary);filter:drop-shadow(0 0 5px var(--accent-primary))}}@keyframes traceAuth{to{stroke-dashoffset:-8px}}@media (width<=900px){.story-container{flex-direction:column-reverse}.story-visual-board{z-index:-10;opacity:.5;height:40vh;margin-bottom:30px;position:sticky;top:100px}.story-step{opacity:1;min-height:70vh;margin-bottom:60px}.story-content{padding-bottom:0}}.flex-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:4rem;display:flex}.filter-btns{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{border:1px solid var(--glass-border);background:var(--bg-overlay);color:var(--text-secondary);transition:var(--transition);border-radius:30px;padding:8px 16px;font-size:.9rem}.filter-btn.active,.filter-btn:hover{background:var(--text-primary);color:var(--bg-main);border-color:var(--text-primary)}.project-card.hide{display:none}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:after{content:"";background:var(--glass-border);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{margin-bottom:50px;padding-left:70px;position:relative}.timeline-dot{background:var(--bg-main);border:3px solid var(--accent-primary);z-index:1;width:14px;height:14px;transition:var(--transition);border-radius:50%;position:absolute;top:10px;left:14px}.timeline-item:hover .timeline-dot{background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary)}.timeline-content{padding:40px}.timeline-content .date{background:var(--bg-overlay);color:var(--accent-primary);border-radius:20px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.education-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.edu-card{text-align:center;padding:40px}.skills-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.skill-category{border-left:4px solid #0000;flex-direction:column;padding:40px;transition:all .4s;display:flex}.skill-category:hover{border-left-color:var(--accent-primary);transform:translateY(-5px)}.skill-category h3{align-items:center;gap:15px;margin-bottom:25px;font-size:1.5rem;display:flex}.skill-icon-box{width:45px;height:45px;color:var(--accent-primary);background:#2563eb1a;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.skill-tags{flex-wrap:wrap;gap:12px;display:flex}.skill-tags span{background:var(--bg-surface,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:30px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px #0000000d}.skill-tags span:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #2563eb4d}[data-theme=light] .skill-tags span{color:#333;background:#ffffffb3;border-color:#0000000d}[data-theme=light] .skill-tags span:hover{background:var(--accent-primary);color:#fff}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.project-card{flex-direction:column;height:100%;padding:40px;display:flex}.project-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.contact-info{flex-direction:column;align-items:center;gap:25px;max-width:500px;margin:0 auto;padding:40px;display:flex}.contact-link{align-items:center;gap:15px;font-size:1.25rem;font-weight:500;display:flex}.social-links{flex-wrap:wrap;justify-content:center;gap:15px;max-width:600px;margin:30px auto 50px;padding:25px 40px;display:flex}.social-link{color:var(--text-secondary);border:1px solid var(--glass-border);transition:var(--transition);background:var(--bg-main);border-radius:30px;padding:8px 24px;font-size:1rem;font-weight:500}.social-link:hover{color:var(--bg-main);background:var(--text-primary);border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}#back-to-top{background:var(--text-primary);width:45px;height:45px;color:var(--bg-main);opacity:0;pointer-events:none;transition:var(--transition);z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}#back-to-top.show{opacity:1;pointer-events:all;transform:translateY(0)}.hero-animate{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(40px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.reveal-up{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s;animation-delay:.1s}.delay-2{transition-delay:.2s;animation-delay:.2s}.delay-3{transition-delay:.3s;animation-delay:.3s}.delay-4{transition-delay:.4s;animation-delay:.4s}.delay-5{transition-delay:.5s;animation-delay:.5s}.pipeline-bg{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.pipeline-bg.hidden-bg{opacity:0;pointer-events:none;transform:scale(1.05)}.glow-bg{transition:opacity 1.2s,filter 1.2s}.glow-bg.minimal{filter:blur(100px)saturate(.5);opacity:.3!important}.nav-actions{align-items:center;gap:8px;margin-left:0;display:flex}.icon-nav-btn svg{width:20px;height:20px}.icon-nav-btn.active{color:var(--accent-primary);background:var(--bg-overlay)}.contact-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:28px;display:grid}.contact-cards-col{flex-direction:column;gap:18px;min-width:260px;display:flex}.contact-card-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:22px;transition:all .3s}.contact-card-item:hover{border-color:#ffffff40;transform:translateY(-4px)}.contact-icon-box{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.calendly-wrapper{background:#fff;border-radius:18px;min-height:760px;overflow:hidden;box-shadow:0 18px 50px #0000002e}@media (width<=900px){.contact-grid{grid-template-columns:1fr}.calendly-inline-widget{height:820px!important;min-height:820px!important}}.nav-right{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.active-link{font-weight:600;color:var(--accent-primary)!important}@media (width<=768px){.nav-links{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;align-items:center;gap:15px;padding:20px;display:none;position:absolute;top:60px;left:0;right:0}.nav-links.active,.hamburger{display:flex}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.nav-container{height:70px}h1.glitch{min-height:auto!important;margin-bottom:20px!important;font-size:3rem!important;line-height:1.1!important}.role{margin-bottom:40px!important;font-size:1.3rem!important}.hero-wrapper{text-align:center!important;flex-direction:column!important;padding-top:20px!important}.hero-content{order:2;width:100%}.hero-illustration{order:1;width:100%;margin-bottom:30px}.floating-img{width:260px!important}.floating-tech{padding:6px 14px!important;font-size:.75rem!important}.tech-sql{top:0%!important;right:5%!important}.tech-aws{top:10%!important;left:-5%!important}.tech-spark{bottom:10%!important;right:0%!important}.tech-pipeline{bottom:5%!important;left:0%!important}}.mt-40{margin-top:40px}.blog-page{min-height:100vh;padding-top:100px}.blog-hero{padding:40px 0 30px}.blog-hero-content{max-width:650px}.blog-back-link{color:var(--text-secondary);transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:24px;font-size:.88rem;font-weight:500;display:inline-flex}.blog-back-link:hover{color:var(--accent-primary);transform:translate(-4px)}.blog-page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:2.8rem;font-weight:800;line-height:1.1}.blog-page-subtitle{color:var(--text-secondary);max-width:500px;font-size:1.15rem;line-height:1.6}.blog-list-section{padding:20px 0 100px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;display:grid}.blog-card{color:inherit;height:100%;transition:var(--transition);border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}[data-theme=dark] .blog-card:hover{box-shadow:0 20px 40px #8a2be233}.blog-card-image{width:100%;height:200px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-body{flex-direction:column;flex:1;padding:28px;display:flex}.blog-card-meta{align-items:center;gap:12px;margin-bottom:14px;display:flex}.blog-date{color:var(--accent-primary);background:var(--bg-overlay);border-radius:20px;padding:4px 12px;font-size:.82rem;font-weight:600}.blog-read-time{color:var(--text-secondary);font-size:.82rem;font-weight:500}.blog-card-title{color:var(--text-primary);margin-bottom:12px;font-size:1.35rem;font-weight:700;line-height:1.3;transition:color .3s}.blog-card:hover .blog-card-title{color:var(--accent-primary)}.blog-card-brief{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.95rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-tag{color:var(--accent-primary);background:#2563eb1a;border:1px solid #2563eb26;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:600}[data-theme=dark] .blog-tag{color:var(--accent-secondary);background:#8a2be226;border-color:#8a2be233}.blog-empty{text-align:center;max-width:500px;margin:40px auto;padding:80px 40px}.blog-empty-icon{margin-bottom:20px;font-size:3.5rem}.blog-empty h3{color:var(--text-primary);margin-bottom:12px;font-size:1.6rem}.blog-empty p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.blog-empty code{background:var(--bg-overlay);border-radius:6px;padding:2px 8px;font-size:.9rem}.blog-empty-code{text-align:left;margin-top:20px;padding:16px 20px;font-size:.85rem}.blog-empty-code pre{white-space:pre-wrap;color:var(--text-secondary);margin:0}.blog-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;display:grid}.blog-skeleton-card{border-radius:20px;overflow:hidden}.skeleton-image{background:var(--bg-overlay);border-radius:0;width:100%;height:200px}.skeleton-body{padding:28px}.skeleton-line{background:var(--bg-overlay);border-radius:8px;height:14px;margin-bottom:14px}.skeleton-line.short{width:35%}.skeleton-line.medium{width:70%}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;animation:1.5s infinite shimmerAnim;position:absolute;top:0;left:-100%}@keyframes shimmerAnim{to{left:100%}}.blog-post-page{padding-top:120px}.blog-post-nav{margin-bottom:30px}.blog-post-header{max-width:800px;margin-bottom:40px}.blog-post-meta{align-items:center;gap:16px;margin-bottom:20px;display:flex}.blog-post-title{color:var(--text-primary);margin-bottom:12px;font-size:3rem;font-weight:800;line-height:1.15}.blog-post-subtitle{color:var(--text-secondary);font-size:1.3rem;line-height:1.6}.blog-post-cover{border-radius:20px;width:100%;max-height:500px;margin-bottom:50px;overflow:hidden;box-shadow:0 15px 40px #0000001a}.blog-post-cover img{object-fit:cover;width:100%;height:100%}.blog-post-content{max-width:760px;color:var(--text-primary);margin:0 auto;padding-bottom:80px;font-size:1.1rem;line-height:1.9}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:var(--text-primary);margin-top:2em;margin-bottom:.8em;font-weight:700;line-height:1.3}.blog-post-content h2{border-bottom:1px solid var(--glass-border);padding-bottom:8px;font-size:1.8rem}.blog-post-content h3{font-size:1.4rem}.blog-post-content p{color:var(--text-secondary);margin-bottom:1.5em}.blog-post-content a{color:var(--accent-primary);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.blog-post-content a:hover{color:var(--accent-secondary)}.blog-post-content img{border-radius:12px;max-width:100%;margin:24px 0;box-shadow:0 8px 24px #0000001a}.blog-post-content pre{background:var(--bg-overlay);border:1px solid var(--glass-border);border-radius:14px;margin:24px 0;padding:24px;font-size:.9rem;line-height:1.7;overflow-x:auto}.blog-post-content code{font-family:Fira Code,Consolas,monospace;font-size:.88em}.blog-post-content :not(pre)>code{background:var(--bg-overlay);border-radius:6px;padding:2px 8px;font-size:.88em}.blog-post-content blockquote{border-left:4px solid var(--accent-primary);background:var(--bg-overlay);color:var(--text-secondary);border-radius:0 12px 12px 0;margin:24px 0;padding:16px 24px;font-style:italic}.blog-post-content ul,.blog-post-content ol{color:var(--text-secondary);margin:16px 0;padding-left:28px}.blog-post-content li{margin-bottom:8px;line-height:1.8}.blog-post-content table{border-collapse:collapse;border:1px solid var(--glass-border);border-radius:12px;width:100%;margin:24px 0;overflow:hidden}.blog-post-content th,.blog-post-content td{text-align:left;border-bottom:1px solid var(--glass-border);padding:12px 16px}.blog-post-content th{background:var(--bg-overlay);font-weight:600}.blog-post-content hr{border:none;border-top:1px solid var(--glass-border);margin:40px 0}.blog-post-loading{max-width:760px;margin:0 auto;padding-top:40px}@media (width<=768px){.blog-page-title{font-size:2.5rem}.blog-grid{grid-template-columns:1fr}.blog-post-title{font-size:2rem}.blog-post-content{font-size:1rem}.blog-skeleton-grid{grid-template-columns:1fr}}footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--glass-border);padding:40px 0;font-size:.9rem}.tech-stack{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px;display:flex}.tech-stack span{background:var(--bg-overlay);color:var(--accent-primary);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.edu-icon{margin-bottom:16px;font-size:2.5rem}.uni{color:var(--text-secondary);margin-top:8px}.recommendations-section{background:linear-gradient(180deg, transparent 0%, var(--bg-overlay) 50%, transparent 100%);position:relative}.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;margin-top:2rem;display:grid}@media (width<=600px){.recommendations-grid{grid-template-columns:1fr}}.recommendation-card{flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative}.recommendation-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.recommender-info{align-items:center;gap:20px;display:flex}.recommender-avatar-wrapper{flex-shrink:0;width:70px;height:70px;position:relative}.recommender-avatar{object-fit:cover;border:3px solid var(--accent-primary);z-index:2;border-radius:50%;width:100%;height:100%;position:relative}.avatar-glow{background:var(--accent-primary);filter:blur(10px);opacity:.3;z-index:1;border-radius:50%;position:absolute;inset:-5px}.recommender-name{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:700}.recommender-role{color:var(--text-secondary);max-width:280px;font-size:.9rem;line-height:1.4}.linkedin-link{color:var(--text-secondary);transition:var(--transition)}.linkedin-link:hover{color:var(--accent-primary);transform:scale(1.1)}.recommendation-body{position:relative}.quote-icon{color:var(--accent-primary);margin-bottom:5px}.recommendation-text{color:var(--text-secondary);z-index:2;font-size:1rem;font-style:italic;line-height:1.8;position:relative}.recommendations-slider-container{max-width:900px;margin:0 auto;padding:20px 0 60px;position:relative;overflow:hidden}.recommendations-track{will-change:transform;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex}.recommendation-slide{flex:0 0 100%;width:100%;padding:0 15px}.recommendation-card{padding:30px}.slider-controls{justify-content:center;align-items:center;gap:30px;margin-top:40px;display:flex}.slider-nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:none;width:45px;height:45px;transition:var(--transition);box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;display:flex}.slider-nav-btn:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.slider-dots{gap:12px;display:flex}.slider-dot{background:var(--text-secondary);opacity:.3;cursor:none;width:10px;height:10px;transition:var(--transition);border:none;border-radius:50%;padding:0}.slider-dot.active{opacity:1;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);transform:scale(1.3)}