@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";.footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);padding:4rem 0 3rem;overflow:hidden;background:linear-gradient(to bottom,transparent,rgba(15,15,20,.8))}.footer:before{content:"";position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:60%;height:200px;background:radial-gradient(ellipse at center,rgba(0,212,255,.12) 0%,rgba(124,58,237,.04) 40%,transparent 70%);pointer-events:none;z-index:-1}.footer .footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}@media (max-width: 768px){.footer .footer-container{flex-direction:column;text-align:center}}.footer .footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer .footer-logo{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;cursor:pointer}.footer .footer-logo .logo-dot{opacity:.4}.footer .footer-logo:hover{transform:scale(1.1) rotate(-2deg)}.footer .footer-text{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;color:#6e7681;letter-spacing:.03em}.footer .footer-text .code-comment{color:#00d4ff4d}.footer .footer-code-block{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;color:#6e7681;letter-spacing:.04em;padding:.5rem 1.5rem;background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:16px}.footer .footer-code-block .code-keyword{color:#7c3aed;font-weight:700}.footer .footer-code-block .code-func{color:#00d4ff;font-weight:600}.footer .footer-code-block .code-parens{color:#ffffff4d}@media (max-width: 768px){.footer .footer-code-block{order:3}}.footer .footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;perspective:1000px}.footer .footer-links a{font-family:Fira Code,Roboto Mono,Courier New,monospace;color:#6e7681;font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform-style:preserve-3d;text-decoration:none;display:inline-flex;align-items:center;gap:2px}.footer .footer-links a .link-bracket{color:#00d4ff4d;transition:color .2s ease}.footer .footer-links a:hover{color:#f0f6fc;transform:translateZ(10px) translateY(-2px);text-shadow:0 0 10px rgba(0,212,255,.3)}.footer .footer-links a:hover .link-bracket{color:#00d4ff}@media (max-width: 480px){.footer{padding:3rem 0 2rem}.footer .footer-container{padding:0 1rem}.footer .footer-links{gap:.5rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .5s cubic-bezier(.175,.885,.32,1.275);padding:1.5rem 0;pointer-events:none}.navbar.scrolled{padding:.5rem 0}.navbar.scrolled .nav-container{background:#0a0c10d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px -8px #00000080,inset 0 1px #ffffff0f;padding:.6rem 2rem;max-width:1100px;border:1px solid rgba(255,255,255,.06);border-radius:100px}.navbar .nav-container{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);border-radius:9999px}@media (max-width: 768px){.navbar .nav-container{padding:0 1.5rem}}@media (max-width: 480px){.navbar .nav-container{padding:0 1rem}}.navbar .logo{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-right:1rem}.navbar .logo:hover{opacity:.8;transform:scale(1.05)}.navbar .nav-links{display:flex;align-items:center;gap:1rem;list-style:none;flex:1;justify-content:center}@media (max-width: 768px){.navbar .nav-links{display:none}}.navbar .nav-links .code-nav-item a{color:#8b949e;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.8rem;font-weight:500;letter-spacing:.04em;transition:all .25s ease;position:relative;display:flex;align-items:center;gap:1px;padding:.25rem .5rem;border-radius:12px;white-space:nowrap}.navbar .nav-links .code-nav-item a .syntax-bracket{color:#00d4ff59;transition:all .25s ease;font-size:.75rem}.navbar .nav-links .code-nav-item a .syntax-keyword{color:#7c3aed80;transition:all .25s ease;margin-right:4px;font-weight:700}.navbar .nav-links .code-nav-item a .nav-label{color:#8b949e;transition:color .25s ease}.navbar .nav-links .code-nav-item a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(135deg,#00d4ff,#7c3aed);transition:width .3s ease;border-radius:1px}.navbar .nav-links .code-nav-item a:hover{background:#ffffff08}.navbar .nav-links .code-nav-item a:hover .syntax-bracket{color:#00d4ff}.navbar .nav-links .code-nav-item a:hover .syntax-keyword{color:#7c3aed}.navbar .nav-links .code-nav-item a:hover .nav-label{color:#f0f6fc}.navbar .nav-links .code-nav-item a:hover:after{width:60%}.navbar .nav-links .code-nav-item a.active .syntax-bracket{color:#00d4ff}.navbar .nav-links .code-nav-item a.active .nav-label{color:#f0f6fc}.navbar .nav-links .code-nav-item a.active:after{width:60%}.navbar .nav-links .coding-notes-link{animation:notesPulse 3s ease-in-out infinite;display:inline-flex;align-items:center;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:9999px;padding:.25rem 1rem!important}.navbar .nav-links .coding-notes-link:after{display:none!important}.navbar .nav-links .coding-notes-link:hover,.navbar .nav-links .coding-notes-link.active{background:#7c3aed1f;border-color:#7c3aed4d;transform:translateY(-1px)}.navbar .nav-cta{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1.2rem;font-size:.8rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(120deg,#00d4ff,#7c3aed);border-radius:9999px;position:relative;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;margin-left:1rem;white-space:nowrap;box-shadow:0 4px 15px #00d4ff40}.navbar .nav-cta .syntax-prompt{color:#ffffffb3;font-weight:800;animation:blink 1.2s step-end infinite}.navbar .nav-cta .syntax-parens{color:#ffffff80}.navbar .nav-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#29dbff,#955ff0);opacity:0;transition:opacity .3s ease}.navbar .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff59,0 0 30px #7c3aed26}.navbar .nav-cta:hover:before{opacity:1}.navbar .nav-cta:active{transform:translateY(0);box-shadow:0 2px 8px #00d4ff4d}.navbar .nav-cta .syntax-prompt,.navbar .nav-cta .syntax-parens{position:relative;z-index:1}@media (max-width: 768px){.navbar .nav-cta{display:none}}.navbar .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:.5rem;z-index:1001}@media (max-width: 768px){.navbar .hamburger{display:flex}}.navbar .hamburger span{width:24px;height:2px;background:#f0f6fc;transition:all .3s ease;border-radius:2px}.navbar .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar .hamburger.open span:nth-child(2){opacity:0}.navbar .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar .mobile-menu{display:none}@media (max-width: 768px){.navbar .mobile-menu{display:flex;position:fixed;top:0;left:0;width:100%;height:100dvh;background:#06080df7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:3rem;list-style:none;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.navbar .mobile-menu.open{opacity:1;visibility:visible}.navbar .mobile-menu .code-nav-item a{color:#8b949e;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1.5rem;font-weight:600;transition:color .2s ease;display:flex;align-items:center;gap:6px}.navbar .mobile-menu .code-nav-item a .syntax-bracket{color:#00d4ff80}.navbar .mobile-menu .code-nav-item a .syntax-keyword{color:#7c3aedcc;margin-right:8px}.navbar .mobile-menu .code-nav-item a .nav-label{transition:color .2s ease}.navbar .mobile-menu .code-nav-item a:hover .nav-label{color:#f0f6fc}.navbar .mobile-menu .code-nav-item a:hover .syntax-bracket{color:#00d4ff}.navbar .mobile-menu .coding-notes-link{font-size:1.25rem;margin-top:1rem}}@keyframes notesPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.three-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.65}@media (max-width: 768px){.three-background{opacity:.45}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;z-index:1;padding-top:80px}.hero .hero-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.hero .hero-container{padding:6rem 1.5rem}}.hero .hero-container{padding-top:4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}@media (max-width: 1024px){.hero .hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}}.hero .hero-content{animation:fadeInUp .8s ease forwards}.hero .hero-code-comment{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;color:#ffffff40;font-style:italic;margin-bottom:1.5rem;letter-spacing:.03em}.hero .hero-code-comment .code-slashes{color:#00d4ff66;margin-right:6px}@media (max-width: 1024px){.hero .hero-code-comment{justify-content:center;display:flex}}.hero .hero-greeting{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1.125rem;margin-bottom:1rem;letter-spacing:.03em;display:flex;align-items:center;gap:.4em;flex-wrap:wrap}@media (max-width: 1024px){.hero .hero-greeting{justify-content:center}}.hero .hero-greeting .code-keyword{color:#7c3aed;font-weight:700}.hero .hero-greeting .code-var{color:#00d4ff;font-weight:600}.hero .hero-greeting .code-operator{color:#fff6}.hero .hero-greeting .code-string{color:#00d4ff}.hero .hero-greeting .code-semi{color:#fff3}.hero .hero-name{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05;margin-bottom:1rem;letter-spacing:-.03em;display:flex;align-items:center;flex-wrap:wrap;gap:.1em}@media (max-width: 1024px){.hero .hero-name{justify-content:center}}.hero .hero-name .code-keyword{color:#7c3aed;font-weight:700;font-size:.7em;margin-right:.1em}.hero .hero-name .code-operator{color:#fff6;font-weight:400}.hero .hero-name .gradient{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .hero-title-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1.5rem}@media (max-width: 1024px){.hero .hero-title-wrapper{justify-content:center}}.hero .hero-title-static{font-weight:500}.hero .hero-title-static .code-keyword{color:#7c3aed;font-weight:700}.hero .hero-title-static .code-operator{color:#fff6;margin-left:2px}.hero .hero-title-dynamic{color:#00d4ff;font-weight:600;position:relative}.hero .hero-title-dynamic:after{content:"|";animation:cursorBlink 1s step-end infinite;margin-left:2px;color:#00d4ff}.hero .hero-description-block{margin-bottom:3rem}.hero .code-comment-block{font-family:Fira Code,Roboto Mono,Courier New,monospace;padding:1.5rem 2rem;background:#0003;border-left:3px solid rgba(0,212,255,.3);border-radius:0 12px 12px 0}.hero .code-comment-block .code-comment-open,.hero .code-comment-block .code-comment-close{display:block;color:#fff3;font-size:.875rem}.hero .code-comment-block .code-star{color:#fff3}.hero .code-comment-block .hero-description{font-size:.875rem;color:#ffffff73;line-height:1.9;font-style:italic;max-width:540px}@media (max-width: 1024px){.hero .code-comment-block .hero-description{max-width:100%}}.hero .hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 1024px){.hero .hero-actions{justify-content:center}}@media (max-width: 480px){.hero .hero-actions{flex-direction:column;width:100%;align-items:stretch}}.hero .btn-primary,.hero .btn-outline{font-family:Fira Code,Roboto Mono,Courier New,monospace;letter-spacing:.03em}.hero .btn-primary .btn-code,.hero .btn-outline .btn-code{font-weight:700}.hero .btn-primary .btn-parens,.hero .btn-outline .btn-parens{opacity:.5}.hero .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#06080d;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease;text-decoration:none;letter-spacing:.02em}.hero .btn-primary:hover{background:linear-gradient(135deg,#29dbff,#955ff0);box-shadow:0 0 60px #00d4ff33;transform:translateY(-2px)}@media (max-width: 480px){.hero .btn-primary{justify-content:center;width:100%}}.hero .btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#f0f6fc;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;border:1px solid rgba(255,255,255,.06);border-radius:9999px;cursor:pointer;transition:all .3s ease;text-decoration:none;letter-spacing:.02em}.hero .btn-outline:hover{border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-2px)}@media (max-width: 480px){.hero .btn-outline{justify-content:center;width:100%}}.hero .hero-socials{display:flex;gap:1.5rem;margin-top:3rem}@media (max-width: 1024px){.hero .hero-socials{justify-content:center}}.hero .hero-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0f0f1466;color:#8b949e;font-size:1.25rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero .hero-socials a:hover{border-color:#00d4ff66;color:#00d4ff;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d,0 0 15px #00d4ff26}.hero .hero-visual{width:min(760px,70vw);height:min(760px,70vw);min-width:0;min-height:0;justify-self:center;align-self:center}@media (max-width: 768px){.hero .hero-visual{width:min(92vw,520px);height:min(92vw,520px)}}.hero .hero-avatar{position:relative;width:350px;height:350px}@media (max-width: 768px){.hero .hero-avatar .hero-avatar{width:min(420px,85vw);height:min(420px,85vw);min-width:260px;min-height:260px}.hero .hero-avatar{width:260px;height:260px}}.hero .hero-avatar .avatar-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#00d4ff,#7c3aed) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 8s linear infinite}.hero .hero-avatar .avatar-image{width:100%;height:100%;border-radius:50%;background:#111827;display:flex;align-items:center;justify-content:center;font-size:6rem;overflow:hidden}.hero .hero-avatar .avatar-image img{width:100%;height:100%;object-fit:cover}.hero .hero-avatar .avatar-badge{position:absolute;bottom:10px;right:10px;background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;animation:scaleIn .5s ease 1s both}.hero .hero-avatar .avatar-badge .status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero .scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:float 3s ease-in-out infinite}.hero .scroll-indicator .scroll-code{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;color:#6e7681;letter-spacing:.06em}.hero .scroll-indicator .scroll-code .code-keyword{color:#7c3aed;font-weight:700}.hero .scroll-indicator .scroll-code .code-operator{color:#ffffff4d}.hero .scroll-indicator .scroll-line{width:1px;height:30px;background:linear-gradient(to bottom,#00d4ff,transparent)}@media (max-width: 768px){.hero .scroll-indicator{display:none}}@media (max-width: 480px){.hero .hero-container{padding-top:2rem}.hero .hero-title-wrapper{font-size:1.25rem;justify-content:center}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.about{position:relative;z-index:1}.about .about-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.about .about-container{padding:6rem 1.5rem}}.about .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.about .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.about .section-title{font-size:2rem}}.about .section-title .code-comment{font-family:Fira Code,Roboto Mono,Courier New,monospace;color:#00d4ff4d;font-weight:400;font-size:.6em}.about .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}@media (max-width: 1024px){.about .about-grid{grid-template-columns:1fr;gap:3rem}}.about .about-text .about-heading{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.4;color:#f0f6fc}.about .about-text .about-heading .code-keyword{color:#7c3aed;font-weight:700}.about .about-text .about-heading .code-parens{color:#ffffff4d}.about .about-text .about-code-block{padding:1.5rem 2rem;background:#0003;border-left:3px solid rgba(0,212,255,.3);border-radius:0 12px 12px 0;margin-bottom:.5rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;line-height:1.8}.about .about-text .about-code-block .code-return{color:#7c3aed;font-weight:700}.about .about-text .about-code-block .code-string{color:#00d4ff;opacity:.7;font-style:italic}.about .about-text .about-closing-brace{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1.5rem;color:#ffffff4d;display:block;margin-bottom:2rem}.about .about-text .about-education{background:#0f0f1499;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about .about-text .about-education .edu-label{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;color:#f0f6fc;margin-bottom:1rem}.about .about-text .about-education .edu-label .code-keyword{color:#7c3aed;font-weight:700}.about .about-text .about-education .edu-degree{font-weight:700;font-size:1.125rem;margin-bottom:.5rem;color:#f0f6fc}.about .about-text .about-education .edu-details{font-size:.875rem;color:#8b949e;display:flex;flex-wrap:wrap;gap:.5rem;font-family:Fira Code,Roboto Mono,Courier New,monospace}.about .about-text .about-education .edu-details span{display:flex;align-items:center;gap:4px}.about .about-text .about-education .edu-details .separator{color:#ffffff26}.about .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 480px){.about .about-stats{grid-template-columns:1fr 1fr;gap:1rem}}.about .stat-card{background:#0f0f1499;border:1px solid rgba(255,255,255,.06);border-radius:24px;text-align:center;padding:2rem 1.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#00d4ff,#7c3aed);opacity:0;transition:opacity .3s ease}.about .stat-card:hover{transform:translateY(-4px);border-color:#00d4ff33;box-shadow:0 8px 25px #0000004d}.about .stat-card:hover:before{opacity:1}.about .stat-card .stat-number{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.about .stat-card .stat-label{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;color:#8b949e;font-weight:500;letter-spacing:.04em}.about .about-languages{grid-column:1/-1;display:flex;gap:1.5rem;margin-top:1rem}@media (max-width: 480px){.about .about-languages{flex-direction:column}}.about .about-languages .lang-card{background:#0f0f1480;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1rem 1.5rem;flex:1;display:flex;align-items:center;gap:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about .about-languages .lang-card:hover{border-color:#00d4ff33;transform:translateY(-2px)}.about .about-languages .lang-card .lang-icon{font-size:1.5rem}.about .about-languages .lang-card .lang-info .lang-name{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-weight:600;font-size:.875rem}.about .about-languages .lang-card .lang-info .lang-level{font-size:.75rem;color:#8b949e}.learning{position:relative;z-index:1}.learning .learning-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.learning .learning-container{padding:6rem 1.5rem}}.learning .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.learning .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.learning .section-title{font-size:2rem}}.learning .section-title .code-comment{font-family:Fira Code,Roboto Mono,Courier New,monospace;color:#00d4ff4d;font-weight:400;font-size:.6em}.learning .learning-subtitle{text-align:center;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#f0f6fc}.learning .learning-subtitle .code-comment{font-family:Fira Code,Roboto Mono,Courier New,monospace;color:#00d4ff4d;font-weight:400;font-size:.75em}.learning .learning-subtitle span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.learning .learning-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:6rem}@media (max-width: 768px){.learning .learning-grid{grid-template-columns:1fr}}.learning .learning-card{background:#0f0f1499;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.learning .learning-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#7c3aed);transform:scaleX(0);transition:transform .4s cubic-bezier(.16,1,.3,1);transform-origin:left}.learning .learning-card:hover{border-color:#00d4ff33;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.learning .learning-card:hover:before{transform:scaleX(1)}.learning .learning-card:hover .learning-card-icon{transform:scale(1.1) rotate(5deg)}.learning .learning-card .learning-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.learning .learning-card .learning-card-icon{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;border-radius:16px;background:#00d4ff14;border:1px solid rgba(255,255,255,.05);font-size:1.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.learning .learning-card .learning-card-meta{flex:1}.learning .learning-card .learning-card-meta .learning-card-name{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1rem;font-weight:700;margin-bottom:4px}.learning .learning-card .learning-card-meta .learning-card-full{font-size:.875rem;color:#8b949e;line-height:1.5}.learning .learning-card .learning-card-status{display:inline-flex;align-items:center;gap:6px;padding:.25rem 1rem;border-radius:9999px;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;font-weight:500;letter-spacing:.03em;margin-bottom:1rem}.learning .learning-card .learning-card-status .status-keyword{color:#7c3aed;font-weight:700}.learning .learning-card .learning-card-status .status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.learning .learning-card .learning-card-status.in-progress{background:#22c55e14;color:#22c55e;border:1px solid rgba(34,197,94,.15)}.learning .learning-card .learning-card-status.in-progress .status-dot{background:#22c55e}.learning .learning-card .learning-card-status.upcoming{background:#00d4ff0f;color:#00d4ff;border:1px solid rgba(0,212,255,.12)}.learning .learning-card .learning-card-status.upcoming .status-dot{background:#00d4ff}.learning .learning-card .learning-card-desc{font-size:.875rem;color:#8b949e;line-height:1.7}.learning .playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width: 768px){.learning .playlists-grid{grid-template-columns:1fr}}.learning .playlist-card{background:#0f0f1499;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none;color:inherit;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.learning .playlist-card:hover{border-color:#ff000040;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d,0 0 20px #ff00000f}.learning .playlist-card:hover .playlist-icon{transform:scale(1.1)}.learning .playlist-card .playlist-header{display:flex;align-items:center;gap:1rem}.learning .playlist-card .playlist-icon{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:16px;background:#ff000014;border:1px solid rgba(255,0,0,.1);font-size:1.2rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.learning .playlist-card .playlist-info .playlist-title{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;font-weight:700;line-height:1.4;color:#f0f6fc}.learning .playlist-card .playlist-info .playlist-channel{font-size:.75rem;color:#6e7681;margin-top:2px}.learning .playlist-card .playlist-desc{font-size:.875rem;color:#8b949e;line-height:1.6}.learning .playlist-card .playlist-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .5rem;background:#ff00000f;border:1px solid rgba(255,0,0,.1);border-radius:9999px;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.7rem;font-weight:700;color:#f44;letter-spacing:.04em;width:fit-content}.learning .playlist-card .playlist-badge .badge-parens{opacity:.5}@media (max-width: 480px){.learning .learning-card,.learning .playlist-card{padding:1.5rem}}.experience{position:relative;z-index:1}.experience .experience-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.experience .experience-container{padding:6rem 1.5rem}}.experience .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.experience .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.experience .section-title{font-size:2rem}}.experience .section-title .code-comment{font-family:Fira Code,Roboto Mono,Courier New,monospace;color:#00d4ff4d;font-weight:400;font-size:.6em}.experience .timeline{position:relative;max-width:800px;margin:0 auto}.experience .timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00d4ff,#7c3aed,transparent)}@media (max-width: 480px){.experience .timeline:before{left:14px}}.experience .timeline-item{position:relative;padding-left:60px;padding-bottom:4rem}@media (max-width: 480px){.experience .timeline-item{padding-left:44px}}.experience .timeline-item:last-child{padding-bottom:0}.experience .timeline-item .timeline-dot{position:absolute;left:12px;top:4px;width:18px;height:18px;border-radius:50%;background:#06080d;border:3px solid #00d4ff;z-index:2;transition:all .3s ease}@media (max-width: 480px){.experience .timeline-item .timeline-dot{left:6px;width:18px;height:18px}}.experience .timeline-item .timeline-dot.training{border-color:#7c3aed}.experience .timeline-item:hover .timeline-dot{box-shadow:0 0 16px #00d4ff80;transform:scale(1.3)}.experience .timeline-item .timeline-type{display:inline-flex;align-items:center;gap:4px;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;font-weight:500;letter-spacing:.04em;margin-bottom:1rem;padding:.25rem 1rem;border-radius:9999px;background:#00d4ff0f;color:#00d4ff;border:1px solid rgba(0,212,255,.12)}.experience .timeline-item .timeline-type .type-keyword{color:#7c3aed;font-weight:700;margin-right:4px}.experience .timeline-item .timeline-type .type-parens{opacity:.5}.experience .timeline-item .timeline-type.training{background:#7c3aed0f;color:#7c3aed;border-color:#7c3aed1f}.experience .timeline-item .timeline-card{background:#0f0f1499;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.experience .timeline-item .timeline-card:hover{border-color:#00d4ff26;box-shadow:0 8px 25px #0000004d}.experience .timeline-item .timeline-card .timeline-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.experience .timeline-item .timeline-card .timeline-header .timeline-title{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1rem;font-weight:700;color:#f0f6fc}.experience .timeline-item .timeline-card .timeline-header .timeline-date{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;color:#00d4ff;font-weight:500;background:#00d4ff0f;border:1px solid rgba(0,212,255,.1);padding:.25rem 1rem;border-radius:9999px}.experience .timeline-item .timeline-card .timeline-company{font-size:.875rem;color:#8b949e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.experience .timeline-item .timeline-card .timeline-company .location{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.7rem;padding:2px .5rem;border-radius:9999px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#6e7681}.experience .timeline-item .timeline-card .timeline-description{list-style:none}.experience .timeline-item .timeline-card .timeline-description li{font-size:.875rem;color:#8b949e;line-height:1.7;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.experience .timeline-item .timeline-card .timeline-description li:before{content:">";position:absolute;left:0;color:#00d4ff;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-weight:700;font-size:.75rem}.section-divider{max-width:600px;margin:0 auto;padding:.5rem 2rem;text-align:center}.section-divider .divider-code .divider-comment{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.7rem;color:#ffffff14;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.section-divider .divider-glow{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:200px;height:30px;background:radial-gradient(ellipse,rgba(0,212,255,.04) 0%,transparent 70%);pointer-events:none}.page-intro{padding-top:2rem;position:relative;z-index:1}.page-intro--compact{padding-top:7rem}@media (max-width: 480px){.page-intro{padding-top:6.4rem}}.page-intro-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.page-intro-container{padding:6rem 1.5rem}}.page-intro-container{padding-top:1rem;padding-bottom:0;text-align:center}.page-intro-container h1,.page-intro-container h2{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;color:#f0f6fc}.page-intro-container h1 .code-comment,.page-intro-container h2 .code-comment{color:#00d4ff4d;font-weight:400}.page-intro-container h1 .code-dot,.page-intro-container h2 .code-dot{color:#ffffff4d}.page-intro-container h1 .code-parens,.page-intro-container h2 .code-parens{color:#7c3aed80}.page-intro-container p{max-width:760px;margin:0 auto;color:#8b949e;font-size:.875rem;padding-bottom:2rem}.home-new-note-banner{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.home-new-note-banner:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.home-new-note-banner{margin:0 auto 1.5rem;max-width:760px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;color:#f0f6fc;border:1px solid rgba(0,212,255,.28);background:linear-gradient(120deg,#00d4ff17,#7c3aed14);font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem}.home-new-note-banner .new-pill{border:1px solid rgba(0,212,255,.5);border-radius:9999px;padding:.2rem .6rem;color:#00d4ff;font-size:.72rem;letter-spacing:.04em}.home-new-note-banner .new-note-date{color:#6e7681}.home-new-note-banner:hover{border-color:#00d4ff73;transform:translateY(-2px)}.home-anchor{display:block;position:relative;top:-110px;visibility:hidden}#about,#experience{scroll-margin-top:120px}.home-quick-nav-wrap{position:sticky;top:74px;z-index:12;padding:1.5rem 0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.home-quick-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-quick-nav a{font-family:Fira Code,Roboto Mono,Courier New,monospace;border:1px solid rgba(255,255,255,.05);color:#8b949e;background:#0f0f1466;border-radius:9999px;padding:.4rem .9rem;font-size:.75rem;font-weight:500;letter-spacing:.04em;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-quick-nav a .qnav-bracket{color:#00d4ff4d;font-size:.7rem;transition:color .2s ease}.home-quick-nav a:hover{color:#f0f6fc;border-color:#00d4ff4d;background:#ffffff0a;transform:translateY(-2px)}.home-quick-nav a:hover .qnav-bracket{color:#00d4ff}.home-quick-nav a.active{color:#fff;border-color:transparent;background:linear-gradient(120deg,#00d4ffb3,#7c3aedb3);box-shadow:0 4px 15px #00d4ff40;transform:translateY(-2px)}.home-quick-nav a.active .qnav-bracket{color:#fff9}.coding-notes-page{position:relative;z-index:1;min-height:calc(100vh - 180px);animation:notesPageFadeIn .42s cubic-bezier(.22,.9,.22,1)}.notes-layout{margin-top:2rem;margin-bottom:6rem;display:block}.note-featured{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.note-featured:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.note-featured{background:linear-gradient(145deg,#00d4ff17,#7c3aed1a);border:1px solid rgba(0,212,255,.24);min-height:100%;display:flex;flex-direction:column}.note-featured h2{font-size:clamp(1.5rem,2.8vw,2.2rem);margin-bottom:1rem;line-height:1.3}.note-featured p{margin-bottom:2rem;line-height:1.8;color:#fffc}.note-featured-badge{width:fit-content;display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;border:1px solid rgba(0,212,255,.3);padding:.3rem .8rem;margin-bottom:1.5rem;font-size:.75rem;color:#00d4ff}.notes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.notes-results-track{display:grid;gap:1.5rem}.notes-search-row{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.notes-search-row:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.notes-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;position:relative;overflow:visible}.notes-search-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background:linear-gradient(90deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 12px)}.notes-search-row>*{position:relative;z-index:1}.notes-search-shell{flex:1;min-width:280px;position:relative;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:.58rem .72rem;background:#050a12db;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #00000047;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.notes-search-shell:focus-within{border-color:#00d4ff8c;box-shadow:inset 0 0 0 1px #00d4ff33,0 0 0 3px #00d4ff1f,0 14px 28px #00000052;transform:translateY(-1px)}.notes-search-shell .search-code-prefix{color:#7c3aedeb;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;white-space:nowrap}.notes-search-shell .search-icon{color:#00d4ffeb;font-size:.92rem}.notes-search-shell input{flex:1;min-width:120px;border:0;background:transparent;color:#f0f6fc;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;line-height:1.5;letter-spacing:.01em;padding:0;caret-color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.15)}.notes-search-shell input::placeholder{color:#ffffff59;text-shadow:none}.notes-search-shell input:focus{outline:none;caret-color:#00d4ff}.notes-search-shell input::selection{background:#7c3aed59;color:#fff}.notes-search-shell.is-clearing{animation:searchShellClearFlash .26s ease-out 1}.search-inline-ghost{position:absolute;left:10.35rem;right:2.4rem;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;color:#ffffff5c}.search-inline-ghost .search-inline-prefix{opacity:0}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border:1px solid rgba(124,58,237,.42);border-radius:9999px;background:radial-gradient(circle at 30% 30%,#ffffff38,#fff0 45%),#7c3aed24;color:#ffffffe6;cursor:pointer;position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 4px 12px #00000038,inset 0 0 0 1px #ffffff0f}.search-clear-btn:after{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:radial-gradient(circle,#ffffff73,#fff0);opacity:0;transform:scale(.55);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.search-clear-btn:hover{transform:scale(1.06);border-color:#00d4ff73;background:radial-gradient(circle at 30% 30%,#ffffff3d,#fff0 45%),#00d4ff2e;box-shadow:0 8px 16px #00d4ff33,inset 0 0 0 1px #ffffff14}.search-clear-btn:hover:after{opacity:.7;transform:scale(1)}.search-clear-btn:active{transform:scale(.93);transition-duration:.08s}.search-clear-btn.is-clearing{animation:searchClearPop .24s ease-out 1}.search-results-count{color:#6e7681;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;padding:.28rem .52rem;border-radius:9999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.search-suggestions{width:100%;border:1px solid rgba(0,212,255,.2);border-radius:12px;background:#050a12f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.4rem;box-shadow:0 14px 30px #00000059}.search-suggestions .search-suggestions-hint{color:#ffffff80;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.7rem;margin:.1rem .2rem .35rem}.search-suggestions button{width:100%;border:0;background:transparent;color:#8b949e;text-align:left;border-radius:8px;padding:.4rem .5rem;display:flex;align-items:center;gap:.4rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;cursor:pointer;transition:all .16s ease}.search-suggestions button .suggestion-prefix{color:#00d4ffb3}.search-suggestions button:hover,.search-suggestions button.is-active{color:#f0f6fc;background:#00d4ff24}.note-card{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.note-card:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.note-card{text-align:left;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;animation:noteCardEnter .42s cubic-bezier(.2,.8,.2,1) both}.note-card:nth-child(1){animation-delay:0ms}.note-card:nth-child(2){animation-delay:30ms}.note-card:nth-child(3){animation-delay:60ms}.note-card:nth-child(4){animation-delay:90ms}.note-card:nth-child(5){animation-delay:.12s}.note-card:nth-child(6){animation-delay:.15s}.note-card:nth-child(7){animation-delay:.18s}.note-card:nth-child(8){animation-delay:.21s}.note-card:nth-child(9){animation-delay:.24s}.note-card:nth-child(10){animation-delay:.27s}.note-card:hover{transform:translateY(-2px);border-color:#00d4ff3d;box-shadow:0 12px 28px #00000047}.note-card .note-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);color:#00d4ff;background:#00d4ff14;font-size:.75rem;font-weight:600}.note-card h3{margin-bottom:.5rem;font-size:1.25rem;line-height:1.3}.note-card p{margin-bottom:1.5rem;line-height:1.6;color:#8b949e}.note-cover{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.new-note-tag{display:inline-flex;margin-bottom:.5rem;border:1px solid rgba(0,212,255,.45);border-radius:9999px;padding:.2rem .65rem;color:#00d4ff;font-size:.72rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;letter-spacing:.04em}.note-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:1rem;color:#6e7681;font-size:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.note-meta span{display:inline-flex;align-items:center;gap:.25rem}.note-read-link{margin-top:1rem;display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.875rem}.notes-pagination{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.notes-pagination:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.notes-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem}.notes-pagination .pagination-status{display:inline-flex;align-items:center;gap:.45rem;margin-right:.2rem;padding:.32rem .6rem;border-radius:9999px;border:1px solid rgba(0,212,255,.25);background:#00d4ff14;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem}.notes-pagination .pagination-status-label{color:#ffffffa6}.notes-pagination .pagination-status-value{color:#00d4ff;font-weight:600}.notes-pagination button{border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:#8b949e;border-radius:8px;padding:.45rem .8rem;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .24s ease,color .24s ease,background .3s ease,box-shadow .3s ease;font-size:.75rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;display:inline-flex;align-items:center;gap:.35rem}.notes-pagination button:hover:not(:disabled){border-color:#00d4ff66;color:#f0f6fc;transform:translateY(-1px);box-shadow:0 6px 18px #00d4ff24}.notes-pagination button:disabled{opacity:.45;cursor:not-allowed}.notes-pagination button:active:not(:disabled){transform:translateY(0) scale(.96);transition-duration:.12s}.notes-pagination button.is-active{position:relative;isolation:isolate;border-color:#00d4ff8c;color:#fff;background:linear-gradient(120deg,#00d4ff38,#7c3aed47),#0c1220f2;box-shadow:0 0 0 1px #00d4ff47,0 8px 20px #7c3aed47,inset 0 0 0 1px #ffffff14;transform:translateY(-1px);text-shadow:0 0 12px rgba(0,212,255,.34)}.notes-pagination button.is-active:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;border:1px solid rgba(255,255,255,.16);pointer-events:none;opacity:.85}.notes-pagination .pagination-arrow{color:#00d4ffd9;font-size:.82rem}.notes-empty-state{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.notes-empty-state:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.notes-empty-state{text-align:center;color:#6e7681}.notes-author-guide{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.notes-author-guide:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.notes-author-guide{border:1px solid rgba(124,58,237,.22);background:linear-gradient(160deg,#7c3aed1a,#00d4ff0f)}.notes-author-guide h4{margin-bottom:.5rem}.notes-author-guide p{color:#8b949e;font-size:.875rem;line-height:1.65;margin-bottom:.5rem}.notes-author-guide code{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.85em;color:#00d4ff}.coding-note-article{position:relative;z-index:1;padding-top:9rem;padding-bottom:6rem}@media (max-width: 480px){.coding-note-article{padding-top:7rem}}.article-read-progress{position:fixed;top:74px;left:50%;transform:translate(-50%);width:min(980px,100% - 2rem);height:10px;border-radius:9999px;z-index:45;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 1px,transparent 1px,transparent 12px),#080c14d1;border:1px solid rgba(0,212,255,.18);box-shadow:0 0 0 1px #7c3aed24,0 8px 24px #0000004d}.article-read-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.article-read-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(110deg,#fff0,#ffffff4d 42%,#ffffff0d 60%,#fff0 80%),linear-gradient(90deg,#00d4ff,#18b9ff 30%,#7c3aed 70%,#9f67ff);box-shadow:0 0 14px #00d4ff73;transition:width .2s ease-out}.article-read-pill{position:fixed;right:22px;bottom:26px;z-index:46;border:1px solid rgba(0,212,255,.35);border-radius:16px;padding:.45rem .7rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;color:#ffffffd9;background:#0a0e1ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000073,inset 0 0 0 1px #ffffff0a;display:inline-flex;align-items:center;gap:.55rem}.read-pill-label{color:#00d4ffd9}.read-pill-value{color:#fff;border:1px solid rgba(124,58,237,.45);background:#7c3aed29;border-radius:9999px;padding:.12rem .5rem}.article-read-progress.is-complete{animation:readTrackCelebrate 1s ease-in-out 1}.article-read-progress.is-complete:after{animation:readSweep 1.1s ease-in-out 1}.article-read-pill.is-complete{animation:readPillPop .8s cubic-bezier(.2,.9,.2,1) 1;border-color:#10b98194;box-shadow:0 10px 28px #00000073,0 0 0 1px #10b98147,0 0 26px #10b9814d}.article-read-pill.is-complete .read-pill-label{color:#10b981f2}.article-read-pill.is-complete .read-pill-value{border-color:#10b9818c;background:#10b98133}@keyframes readSweep{0%{opacity:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff6b,#fff0)}15%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes readTrackCelebrate{0%{box-shadow:0 0 0 1px #7c3aed24,0 8px 24px #0000004d}50%{box-shadow:0 0 0 1px #10b98159,0 10px 32px #10b98138,0 0 28px #10b98147}to{box-shadow:0 0 0 1px #10b98140,0 8px 24px #0000004d}}@keyframes readPillPop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes noteCardEnter{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notesPageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes searchClearPop{0%{transform:scale(1)}35%{transform:scale(.85) rotate(-6deg)}80%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes searchShellClearFlash{0%{box-shadow:inset 0 0 0 1px #00d4ff33,0 10px 24px #00000047}45%{box-shadow:inset 0 0 0 1px #7c3aed73,0 0 0 3px #7c3aed29,0 12px 28px #00000057}to{box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #00000047}}.note-back-link{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1.5rem;color:#8b949e}.note-back-link:hover{color:#f0f6fc}.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem}.focus-mode-toggle{border:1px solid rgba(0,212,255,.28);background:#080c14cc;color:#8b949e;border-radius:9999px;padding:.38rem .8rem;display:inline-flex;align-items:center;gap:.4rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;cursor:pointer;transition:all .22s ease}.focus-mode-toggle:hover{color:#f0f6fc;border-color:#00d4ff7a;transform:translateY(-1px)}.focus-mode-toggle.is-active{color:#fff;border-color:#7c3aed6b;background:linear-gradient(120deg,#00d4ff3d,#7c3aed52);box-shadow:0 8px 20px #7c3aed33}.focus-mode-exit-floating{position:fixed;right:20px;top:20px;z-index:60;border:1px solid rgba(124,58,237,.42);background:#0b0e18e0;color:#fff;border-radius:9999px;padding:.45rem .85rem;display:inline-flex;align-items:center;gap:.4rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;box-shadow:0 10px 24px #00000059;cursor:pointer}.article-card{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.article-card:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.article-card{padding:clamp(2rem,5vw,4rem);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.article-card h1{font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:1rem;line-height:1.2}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:2rem;align-items:start}.coding-note-article.focus-mode .container{max-width:1020px}.coding-note-article.focus-mode .article-layout{grid-template-columns:1fr;gap:0}.coding-note-article.focus-mode .article-card{background:linear-gradient(180deg,#ffffff06,#ffffff02);border-color:#00d4ff24;padding:clamp(1.4rem,4vw,2.5rem)}.coding-note-article.focus-mode .article-cover{max-height:360px;object-fit:contain;background:#060a12d9;opacity:.92}.coding-note-article.focus-mode .hero-name{font-size:clamp(2.1rem,4.5vw,3.4rem)!important}.coding-note-article.focus-mode .article-excerpt{font-size:clamp(1.02rem,1.6vw,1.12rem)!important;margin-bottom:1.35rem}.coding-note-article.focus-mode .article-body p{color:#ffffffe6;font-size:clamp(1.1rem,1.85vw,1.24rem);line-height:2}.coding-note-article.focus-mode .article-section-block h2{font-size:clamp(1.4rem,2.7vw,1.95rem);margin-bottom:1rem}.coding-note-article.focus-mode .article-inline-image{max-height:340px;object-fit:contain;background:#060a12d9}.article-cover{width:100%;max-height:360px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem}.article-top-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.75rem;color:#6e7681}.article-top-meta span{display:inline-flex;align-items:center;gap:.25rem}.article-excerpt{font-size:1.125rem;margin-bottom:1.5rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.article-tags span{display:inline-block;padding:.25rem 1rem;background:#00d4ff14;color:#00d4ff;font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid rgba(0,212,255,.15);letter-spacing:.02em}.article-body{display:flex;flex-direction:column;gap:1.5rem}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{scroll-margin-top:110px}.article-body p{font-size:1rem;line-height:1.9;color:#ffffffd9}.article-body h2,.article-body h3{line-height:1.35}.article-body h3{font-size:clamp(1.05rem,2vw,1.28rem);margin-top:.3rem;color:#ffffffe6}.article-body ul,.article-body ol{padding-left:1.2rem;color:#ffffffd9;display:grid;gap:.35rem}.article-body li{line-height:1.85}.article-body table{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden}.article-body th,.article-body td{border:1px solid rgba(255,255,255,.08);padding:.5rem .6rem;text-align:left;font-size:.875rem}.article-body th{background:#00d4ff1a;color:#ffffffeb}.article-body blockquote{margin:0;border-left:3px solid rgba(0,212,255,.5);background:#00d4ff0f;padding:.75rem .95rem;border-radius:0 8px 8px 0;color:#ffffffd1}.article-body a{color:#00d4ff;text-decoration:underline;text-decoration-color:#00d4ff80;text-underline-offset:.14rem}.article-body code{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.9em;background:#7c3aed24;border:1px solid rgba(124,58,237,.28);border-radius:.35rem;padding:.08rem .35rem;color:#e0e7fff2}.article-section-block{scroll-margin-top:110px}.article-section-block h2{font-size:clamp(1.2rem,2.5vw,1.6rem);margin-bottom:1rem;color:#fffffff0}.article-inline-image{width:100%;max-height:340px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.09);margin-bottom:1rem}.article-code-block{margin:0;overflow-x:auto;border-radius:12px;border:1px solid rgba(0,212,255,.22);background:#060a12f2;padding:.85rem .95rem;box-shadow:inset 0 0 0 1px #ffffff08}.article-code-block code{background:transparent;border:0;padding:0;color:#ffffffe6;font-size:.9rem;line-height:1.65;white-space:pre}.article-code-wrap{position:relative}.article-code-copy{position:absolute;top:.55rem;right:.55rem;z-index:2;border:1px solid rgba(0,212,255,.28);background:#080c14d1;color:#ffffffdb;border-radius:8px;padding:.22rem .5rem;display:inline-flex;align-items:center;gap:.3rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.72rem;cursor:pointer;transition:all .2s ease}.article-code-copy:hover{color:#fff;border-color:#00d4ff80;transform:translateY(-1px)}.article-code-copy.is-copied{border-color:#10b9818c;color:#10b981f2;background:#10b98124}.article-sidebar{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease}.article-sidebar:hover{border-color:#00d4ff26;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-4px)}.article-sidebar{position:sticky;top:92px;padding:1.5rem}.article-sidebar h3{margin-bottom:.5rem;font-size:.875rem;color:#f0f6fc;font-family:Fira Code,Roboto Mono,Courier New,monospace}.article-sidebar nav{display:flex;flex-direction:column;gap:.25rem}.article-sidebar a{color:#8b949e;font-size:.75rem;line-height:1.5;border-left:2px solid rgba(255,255,255,.08);padding:.2rem 0 .2rem .6rem;transition:all .2s ease}.article-sidebar a:hover{color:#f0f6fc;border-left-color:#00d4ff8c}.article-sidebar a.active{color:#00d4ff;border-left-color:#00d4ff;background:#00d4ff0d}.article-sidebar a.is-clicked{color:#fff;border-left-color:#7c3aedcc;background:linear-gradient(120deg,#7c3aed2e,#00d4ff24);box-shadow:0 6px 16px #7c3aed33}.article-sidebar .toc-level-1{padding-left:.45rem;font-weight:600;border-left-color:#7c3aed52}.article-sidebar .toc-level-2{padding-left:1rem}.article-sidebar .toc-level-3{padding-left:1.45rem;font-size:.76rem;opacity:.95}.article-sidebar .toc-level-4,.article-sidebar .toc-level-5,.article-sidebar .toc-level-6{padding-left:1.85rem;font-size:.73rem;opacity:.9}.toc-target-highlight{animation:tocTargetPulse 1.1s ease-out 1}@keyframes tocTargetPulse{0%{background:#7c3aed3d;box-shadow:0 0 #7c3aed59}60%{background:#00d4ff2e;box-shadow:0 0 0 10px #00d4ff00}to{background:transparent;box-shadow:0 0 #00d4ff00}}@media (max-width: 1024px){.notes-grid,.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}@media (max-width: 480px){.home-anchor{top:-96px}.home-quick-nav-wrap{top:66px}.home-quick-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.page-intro-container h1,.page-intro-container h2{font-size:clamp(1.65rem,8vw,2rem)}.note-featured,.note-card,.article-card{padding:1.5rem}.home-new-note-banner{justify-content:flex-start;text-align:left}.article-toolbar{align-items:flex-start;flex-direction:column}.focus-mode-exit-floating{top:14px;right:10px}.notes-search-shell{min-width:100%}.notes-search-shell .search-code-prefix{display:none}.search-inline-ghost{left:2.9rem}.article-read-progress{top:66px;width:calc(100% - 1rem)}.article-read-pill{right:12px;bottom:12px}}.certifications{position:relative;z-index:1}.certifications .certifications-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.certifications .certifications-container{padding:6rem 1.5rem}}.certifications .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.certifications .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.certifications .section-title{font-size:2rem}}.certifications .certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem;margin-bottom:6rem}@media (max-width: 768px){.certifications .certs-grid{grid-template-columns:1fr}}.certifications .cert-card{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:0;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;background:#0f0f14b3;border:1px solid rgba(255,255,255,.5)}.certifications .cert-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#00d4ffb3,#7c3aedb3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:10;pointer-events:none}.certifications .cert-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px -10px #00d4ff40,0 0 20px #7c3aed33}.certifications .cert-card:hover:before{opacity:1}.certifications .cert-card:hover .cert-header .cert-cover{transform:scale(1.08)}.certifications .cert-card .cert-header{width:100%;height:200px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2)}.certifications .cert-card .cert-header .cert-cover{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.certifications .cert-card .cert-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgb(15,15,20) 0%,transparent 100%);pointer-events:none}.certifications .cert-card .cert-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);font-size:3.5rem;color:#f0f6fccc}.certifications .cert-card .cert-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:2}.certifications .cert-card .cert-content .cert-name{font-size:1.125rem;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.certifications .cert-card .cert-content .cert-issuer{font-size:.875rem;color:#f0f6fc;margin-bottom:.25rem}.certifications .cert-card .cert-content .cert-meta{color:#6e7681;font-size:.75rem;margin-bottom:1rem}.certifications .cert-card .cert-content .cert-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.certifications .cert-card .cert-content .cert-tags span{display:inline-block;padding:.25rem 1rem;background:#00d4ff14;color:#00d4ff;font-weight:500;border-radius:9999px;border:1px solid rgba(0,212,255,.15);letter-spacing:.02em;padding:.35rem .75rem;font-size:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#8b949e;transition:color .3s ease,background .3s ease}.certifications .cert-card .cert-content .cert-tags span:hover{color:#00d4ff;background:#00d4ff1a}.certifications .cert-card .cert-content .cert-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.certifications .cert-card .cert-content .cert-footer .cert-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#00d4ff;font-weight:600;transition:color .3s ease,transform .3s ease}.certifications .cert-card .cert-content .cert-footer .cert-link:hover{color:#7c3aed;transform:translate(4px)}.certifications .cert-card--ai:before,.certifications .cert-card--ml:before,.certifications .cert-card--engineering:before{background:linear-gradient(120deg,#00d4ffcc,#7c3aedcc)}.certifications .cert-card--math:before{background:linear-gradient(120deg,#7c3aedcc,#00d4ff80)}.certifications .achievements-title{text-align:center;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#f0f6fc}.certifications .achievements-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.certifications .achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem}@media (max-width: 768px){.certifications .achievements-grid{grid-template-columns:1fr}}.certifications .achievement-card{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:0;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;background:#0f0f14b3;border:1px solid rgba(255,255,255,.5)}.certifications .achievement-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#f59e0bb3,#22d3eeb3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:10;pointer-events:none}.certifications .achievement-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px -10px #f59e0b40,0 0 20px #22d3ee33}.certifications .achievement-card:hover:before{opacity:1}.certifications .achievement-card:hover .achievement-header .achievement-cover{transform:scale(1.08)}.certifications .achievement-card .achievement-header{width:100%;height:200px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2)}.certifications .achievement-card .achievement-header .achievement-cover{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.certifications .achievement-card .achievement-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgb(15,15,20) 0%,transparent 100%);pointer-events:none}.certifications .achievement-card .achievement-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b1a,#22d3ee1a);font-size:3.5rem;color:#f0f6fccc}.certifications .achievement-card .achievement-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:2}.certifications .achievement-card .achievement-content .achievement-title{font-size:1.125rem;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.certifications .achievement-card .achievement-content .achievement-event{font-size:.75rem;color:#6e7681;margin-bottom:.5rem}.certifications .achievement-card .achievement-content .achievement-desc{font-size:.875rem;color:#8b949e;line-height:1.6;margin-bottom:2rem}.certifications .achievement-card .achievement-content .achievement-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center}.certifications .achievement-card .achievement-content .achievement-footer .achievement-date{color:#00d4ff;font-size:.75rem;font-weight:600}.certifications .achievement-card .achievement-content .achievement-footer .achievement-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#00d4ff;font-weight:600;transition:color .3s ease,transform .3s ease}.certifications .achievement-card .achievement-content .achievement-footer .achievement-link:hover{color:#7c3aed;transform:translate(4px)}.certifications .achievement-card--gold:before{background:linear-gradient(120deg,#f59e0bcc,#f59e0b66)}.certifications .achievement-card--winner:before{background:linear-gradient(120deg,#22d3eecc,#22d3ee66)}@media (max-width: 480px){.certifications .cert-card .cert-content,.certifications .achievement-card .achievement-content{padding:1rem}.certifications .cert-card .cert-header,.certifications .achievement-card .achievement-header{height:160px}}.projects{position:relative;z-index:1}.projects .projects-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.projects .projects-container{padding:6rem 1.5rem}}.projects .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.projects .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.projects .section-title{font-size:2rem}}.projects .project-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.projects .project-filters .filter-btn{padding:.6rem 1.5rem;background:#0f0f1466;border:1px solid rgba(255,255,255,.05);border-radius:9999px;color:#8b949e;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.projects .project-filters .filter-btn:hover{border-color:#00d4ff66;background:#ffffff0d;color:#f0f6fc;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.projects .project-filters .filter-btn.active{background:linear-gradient(120deg,#00d4ffcc,#7c3aedcc);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 15px #00d4ff4d,0 0 20px #7c3aed33;transform:translateY(-2px)}.projects .projects-showcase{display:grid;grid-template-columns:300px minmax(0,1fr);gap:2rem;align-items:start}.projects .projects-tabs{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);background:#0f0f1480;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:640px;overflow-y:auto;position:sticky;top:100px;box-shadow:inset 0 0 20px #0003}.projects .switch-tab{position:relative;border:1px solid transparent;background:transparent;color:#8b949e;border-radius:16px;padding:1rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:left;display:flex;flex-direction:column;gap:4px;overflow:hidden}.projects .switch-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#00d4ff1a,#7c3aed1a);opacity:0;transition:opacity .3s ease;z-index:0}.projects .switch-tab:hover{color:#f0f6fc;background:#ffffff05;border-color:#00d4ff33;transform:translate(4px)}.projects .switch-tab:hover:before{opacity:1}.projects .switch-tab .switch-tab-title,.projects .switch-tab .switch-tab-meta{position:relative;z-index:1}.projects .switch-tab .switch-tab-title{font-size:.875rem;font-weight:700;color:inherit}.projects .switch-tab .switch-tab-meta{font-size:.75rem;color:#fff6}.projects .switch-tab.active{background:#ffffff0d;border-color:#00d4ff80;color:#f0f6fc;box-shadow:0 4px 15px #0003,inset 0 0 0 1px #ffffff0d;transform:translate(6px)}.projects .switch-tab.active:before{opacity:1;background:linear-gradient(120deg,#00d4ff40,#7c3aed40)}.projects .switch-tab.active .switch-tab-title{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects .switch-tab.active .switch-tab-meta{color:#ffffffb3}.projects .project-card{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;background:#0f0f1499;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 30px #0003}.projects .project-card .project-inner{display:flex;flex-direction:column;flex:1}.projects .project-card .project-hero{position:relative;width:100%;height:280px;display:flex;align-items:flex-end;padding:2rem;overflow:hidden}.projects .project-card .project-hero .project-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.projects .project-card .project-hero .project-hero-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8rem;opacity:.15;background:linear-gradient(135deg,#00d4ff33,#7c3aed33)}.projects .project-card .project-hero .project-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(15,15,20) 0%,rgba(15,15,20,.7) 50%,transparent 100%)}.projects .project-card .project-hero .project-hero-content{position:relative;z-index:2;width:100%}.projects .project-card .project-hero .project-hero-content .project-category{padding:.25rem 1rem;background:#00d4ff14;font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid rgba(0,212,255,.15);letter-spacing:.02em;background:#00d4ff26;color:#00d4ff;border-color:#00d4ff4d;margin-bottom:.5rem;font-weight:600;display:inline-block}.projects .project-card .project-hero .project-hero-content .project-name{font-size:2rem;font-weight:700;margin-bottom:4px;color:#f0f6fc;text-shadow:0 2px 10px rgba(0,0,0,.5)}.projects .project-card .project-hero .project-hero-content .project-subtitle{font-size:1.125rem;color:#ffffffd9;font-weight:500}.projects .project-card .project-hero.no-image.project-hero--vision{background:linear-gradient(135deg,#00d4ff26,#0f0f14)}.projects .project-card .project-hero.no-image.project-hero--analytics{background:linear-gradient(135deg,#7c3aed26,#0f0f14)}.projects .project-card .project-hero.no-image.project-hero--nlp{background:linear-gradient(135deg,#ec489926,#0f0f14)}.projects .project-card .project-hero.no-image{background:linear-gradient(135deg,#ffffff0d,#0f0f14)}.projects .project-card:hover .project-cover-img{transform:scale(1.05)}.projects .project-card .project-details{padding:2rem;display:flex;flex-direction:column;flex:1}.projects .project-card .project-details .project-actions{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.2)}.projects .project-card .project-details .project-actions .project-tech{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.projects .project-card .project-details .project-actions .project-tech .tech-tag{padding:.4rem .8rem;background:#ffffff08;border-radius:8px;font-size:.75rem;color:#8b949e;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.projects .project-card .project-details .project-actions .project-tech .tech-tag:hover{color:#00d4ff;border-color:#00d4ff4d;background:#00d4ff0d}.projects .project-card .project-details .project-actions .project-links{display:flex;flex-wrap:wrap;gap:.5rem}.projects .project-card .project-details .project-actions .project-links .action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;background:#ffffff0d;color:#f0f6fc;font-size:.875rem;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.projects .project-card .project-details .project-actions .project-links .action-btn:hover{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-color:transparent;color:#06080d;transform:translateY(-2px)}.projects .project-card .project-details .project-description-block h4{font-size:1rem;font-weight:700;margin-bottom:1rem;color:#f0f6fc;display:flex;align-items:center;gap:.5rem}.projects .project-card .project-details .project-description-block h4:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#00d4ff}.projects .project-card .project-details .project-description-block .project-description,.projects .project-card .project-details .project-description-block .project-long-description{font-size:.95rem;color:#8b949e;line-height:1.8;margin-bottom:1rem}.projects .project-card--single{min-height:640px}.projects .project-nav-buttons{margin-top:auto;padding:0 2rem 2rem;display:flex;justify-content:space-between;gap:1rem}.projects .project-nav-buttons button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#f0f6fc;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;border:1px solid rgba(255,255,255,.06);border-radius:9999px;cursor:pointer;transition:all .3s ease;text-decoration:none;letter-spacing:.02em}.projects .project-nav-buttons button:hover{border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 30px #00d4ff1a;transform:translateY(-2px)}.projects .project-nav-buttons button{padding:.5rem 1.5rem;font-size:.875rem;min-width:140px;justify-content:center;transition:all .28s cubic-bezier(.22,1,.36,1);background:#0f0f1480}.projects .project-nav-buttons button:hover{background:#ffffff0d}.projects .project-nav-buttons button:active{transform:scale(.97)}.projects .projects-empty{text-align:center;color:#6e7681;padding:2rem}@media (max-width: 1024px){.projects .projects-showcase{grid-template-columns:1fr}.projects .projects-tabs{position:static;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}.projects .switch-tab{min-width:190px}}@media (max-width: 768px){.projects .projects-container{padding-left:1rem;padding-right:1rem}.projects .project-card--single{min-height:auto}.projects .project-hero{height:240px;padding:1.5rem}.projects .project-hero .project-hero-content .project-name{font-size:1.5rem}.projects .project-details{padding:1.5rem}.projects .project-nav-buttons{padding:0 1.5rem 1.5rem}.projects .project-nav-buttons button{min-width:0;flex:1}}@media (max-width: 480px){.projects .project-filters{gap:.25rem}.projects .project-filters .filter-btn{padding:.25rem 1rem;font-size:.75rem}.projects .switch-tab{min-width:160px}}.skills{position:relative;z-index:1}.skills .skills-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.skills .skills-container{padding:6rem 1.5rem}}.skills .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.skills .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.skills .section-title{font-size:2rem}}.skills .skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}@media (max-width: 768px){.skills .skills-grid{grid-template-columns:1fr}}.skills .skill-category{background:#11182799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.skills .skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#00d4ff,#7c3aed);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.skills .skill-category:hover{border-color:#00d4ff26;transform:translateY(-4px);box-shadow:0 0 30px #00d4ff1a}.skills .skill-category:hover:before{transform:scaleX(1)}.skills .skill-category:hover .category-icon{transform:scale(1.1) rotate(5deg)}.skills .skill-category .category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skills .skill-category .category-header .category-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#00d4ff14;font-size:1.3rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.skills .skill-category .category-header .category-name{font-size:1.125rem;font-weight:700;font-family:Space Grotesk,sans-serif}.skills .skill-category .category-items{display:flex;flex-wrap:wrap;gap:.5rem}.skills .skill-category .skill-item{padding:.25rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9999px;font-size:.75rem;color:#8b949e;font-weight:500;transition:all .2s ease}.skills .skill-category .skill-item:hover{background:#00d4ff14;border-color:#00d4ff33;color:#00d4ff;transform:translateY(-1px)}@media (max-width: 480px){.skills .skill-category{padding:1.5rem}}.contact{position:relative;z-index:1}.contact .contact-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}@media (max-width: 768px){.contact .contact-container{padding:6rem 1.5rem}}.contact .section-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;position:relative}.contact .section-title span{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.contact .section-title{font-size:2rem}}.contact .contact-subtitle{text-align:center;color:#8b949e;max-width:500px;margin:-2rem auto 4rem;font-size:1rem;line-height:1.7}.contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}@media (max-width: 1024px){.contact .contact-grid{grid-template-columns:1fr;gap:2rem}}.contact .contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact .contact-card{position:relative;background:#0f0f1499;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact .contact-card .contact-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.contact .contact-card:hover{border-color:#00d4ff4d;transform:translate(8px) translateY(-2px);box-shadow:0 10px 30px -10px #0006}.contact .contact-card:hover .contact-card-glow{opacity:1}.contact .contact-card:hover .contact-card-icon{background:#00d4ff26;color:#00d4ff;transform:scale(1.1) rotate(-5deg);box-shadow:0 0 20px #00d4ff33}.contact .contact-card:hover .contact-card-arrow{opacity:1;transform:translate(0);color:#00d4ff}.contact .contact-card--email .contact-card-glow{background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.08) 0%,transparent 60%)}.contact .contact-card--phone .contact-card-glow{background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.08) 0%,transparent 60%)}.contact .contact-card--location .contact-card-glow{background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.08) 0%,transparent 60%)}.contact .contact-card--phone:hover{border-color:#7c3aed4d}.contact .contact-card--phone:hover .contact-card-icon{background:#7c3aed26;color:#7c3aed;box-shadow:0 0 20px #7c3aed33}.contact .contact-card--phone:hover .contact-card-arrow{color:#7c3aed}.contact .contact-card--location:hover{border-color:#10b9814d}.contact .contact-card--location:hover .contact-card-icon{background:#10b98126;color:#10b981;box-shadow:0 0 20px #10b98133}.contact .contact-card .contact-card-icon{display:flex;align-items:center;justify-content:center;min-width:56px;height:56px;border-radius:16px;background:#ffffff08;font-size:1.4rem;color:#8b949e;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.contact .contact-card .contact-card-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.contact .contact-card .contact-card-info .contact-card-label{font-size:.75rem;color:#6e7681;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.contact .contact-card .contact-card-info .contact-card-value{font-size:1rem;font-weight:500;color:#f0f6fc}.contact .contact-card .contact-card-arrow{margin-left:auto;font-size:1.2rem;color:#6e7681;opacity:0;transform:translate(-5px,5px);transition:all .3s ease;position:relative;z-index:1}.contact .contact-socials{display:flex;gap:1rem;margin-top:.5rem}.contact .contact-socials .social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:1rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#0f0f1480;color:#8b949e;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact .contact-socials .social-btn svg{font-size:1.2rem;transition:transform .3s ease}.contact .contact-socials .social-btn:hover{border-color:#00d4ff66;color:#f0f6fc;background:#ffffff0d;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.contact .contact-socials .social-btn:hover svg{transform:scale(1.15);color:#00d4ff}.contact .contact-form{display:flex;flex-direction:column;background:#0f0f14b3;border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #0000004d}.contact .contact-form .form-header{display:flex;align-items:center;gap:8px;padding:1rem 2rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.contact .contact-form .form-header .form-header-dot{width:12px;height:12px;border-radius:50%;background:#ffffff1a}.contact .contact-form .form-header .form-header-dot:nth-child(1){background:#ff5f57}.contact .contact-form .form-header .form-header-dot:nth-child(2){background:#febc2e}.contact .contact-form .form-header .form-header-dot:nth-child(3){background:#28c840}.contact .contact-form .form-header .form-header-title{margin-left:auto;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.75rem;color:#6e7681;letter-spacing:.05em}.contact .contact-form .form-body{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.contact .contact-form .form-group{display:flex;flex-direction:column;gap:.5rem}.contact .contact-form .form-group label{font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;font-weight:500;color:#f0f6fc}.contact .contact-form .form-group label .label-syntax{color:#7c3aed;opacity:.8}.contact .contact-form .form-group input,.contact .contact-form .form-group textarea{padding:1rem 1.5rem;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#10b981e6;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:.875rem;transition:all .3s ease;outline:none}.contact .contact-form .form-group input::placeholder,.contact .contact-form .form-group textarea::placeholder{color:#ffffff26;font-style:italic}.contact .contact-form .form-group input:focus,.contact .contact-form .form-group textarea:focus{border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14,inset 0 0 20px #00d4ff08;background:#0000004d}.contact .contact-form .form-group textarea{resize:vertical;min-height:120px}.contact .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 480px){.contact .contact-form .form-row{grid-template-columns:1fr}}.contact .contact-form .form-submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem 3rem;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(120deg,#00d4ff,#7c3aed);border:none;border-radius:12px;cursor:pointer;margin-top:.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.contact .contact-form .form-submit .submit-parens{color:#fff9}.contact .contact-form .form-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#3df,#9b69f1);opacity:0;transition:opacity .3s ease}.contact .contact-form .form-submit:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00d4ff4d,0 0 40px #7c3aed26}.contact .contact-form .form-submit:hover:before{opacity:1}.contact .contact-form .form-submit:active{transform:translateY(0);box-shadow:0 4px 10px #00d4ff33}.contact .contact-form .form-submit svg,.contact .contact-form .form-submit span{position:relative;z-index:1}@media (max-width: 768px){.contact .contact-card:hover{transform:translateY(-2px)}}@media (max-width: 480px){.contact .contact-card{padding:1.5rem;gap:1rem;border-radius:16px}.contact .contact-card .contact-card-info .contact-card-value{font-size:.875rem;word-break:break-word}.contact .contact-form .form-body{padding:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:currentColor}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gridPulse{0%,to{opacity:.03}50%{opacity:.06}}@keyframes revealLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-scale{opacity:0;transform:scale(.92) translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.animate-scale.visible{opacity:1;transform:scale(1) translateY(0)}.animate-slide-left{opacity:0;transform:translate(-50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.animate-slide-left.visible{opacity:1;transform:translate(0)}.animate-slide-right{opacity:0;transform:translate(50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.animate-slide-right.visible{opacity:1;transform:translate(0)}.animate-blur{opacity:0;filter:blur(10px);transform:translateY(20px);transition:opacity .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform}.animate-blur.visible{opacity:1;filter:blur(0px);transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.delay-6{transition-delay:.48s}.delay-7{transition-delay:.56s}.delay-8{transition-delay:.64s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px}body{font-family:Inter,sans-serif;color:#f0f6fc;background-color:#06080d;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.reading-focus-mode #navbar,body.reading-focus-mode .footer{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .24s ease,transform .24s ease,visibility .24s ease}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;line-height:1.2;color:#f0f6fc}a{color:#00d4ff;text-decoration:none;transition:color .2s ease}a:hover{color:#4de1ff}p{color:#8b949e;line-height:1.8}::selection{background:#00d4ff33;color:#f0f6fc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#06080d}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.app{position:relative;min-height:100vh}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;animation:gridPulse 8s ease-in-out infinite}.glow-blob{position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0}.glow-blob--cyan{width:500px;height:500px;background:#00d4ff;top:-100px;right:-100px;animation:float 12s ease-in-out infinite}.glow-blob--violet{width:400px;height:400px;background:#7c3aed;bottom:200px;left:-100px;animation:float 15s ease-in-out infinite reverse}.container{max-width:1200px;margin:2rem auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.5rem}}