*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5;color:#fff;background-color:#0a0a0f;min-height:100vh;overflow-x:hidden}.light-mode body{color:#1a1a2e;background-color:#fff}.light-mode .main-nav{background:rgba(255,255,255,0.95);border-bottom-color:rgba(0,0,0,0.1)}.light-mode .nav-brand{color:#1a1a2e}.light-mode .nav-link{color:#4a4a5e}.light-mode .nav-link:hover{color:#1a1a2e}.light-mode .nav-toggle-bar{background:#1a1a2e}.light-mode .theme-toggle{border-color:rgba(0,0,0,0.1);color:#4a4a5e}.light-mode .about-hero{background:#fff}.light-mode .about-hero .hero-title{color:#1a1a2e}.light-mode .about-hero .hero-intro p{color:#4a4a5e}.light-mode .timeline-section{background:#f8f9fa}.light-mode .timeline-section .section-title{color:#1a1a2e}.light-mode .timeline-section .section-subtitle{color:#4a4a5e}.light-mode .timeline-content{background:#fff;border-color:rgba(0,0,0,0.05)}.light-mode .timeline-position{color:#1a1a2e}.light-mode .timeline-company{color:#4a4a5e}.light-mode .timeline-description{color:#4a4a5e}.light-mode .credentials-section{background:#fff}.light-mode .credentials-title{color:#1a1a2e}.light-mode .credential-item{background:#f8f9fa}.light-mode .credential-content h3{color:#1a1a2e}.light-mode .credential-meta{color:#4a4a5e}.light-mode .section--dark{background:#f8f9fa}.light-mode .project-card{background:#fff;border:1px solid rgba(0,0,0,0.05)}.light-mode .project-card-title{color:#1a1a2e}.light-mode .site-footer{background:#f8f9fa}.light-mode .site-footer .footer-logo,.light-mode .site-footer .footer-title{color:#1a1a2e}.light-mode .site-footer .footer-links a{color:#4a4a5e}.light-mode .site-footer .footer-links a:hover{color:#1a1a2e}.light-mode .site-footer .footer-social-link{color:#4a4a5e}.light-mode .site-footer .footer-social-link:hover{color:#00d4ff;background:rgba(0,212,255,0.1)}.light-mode .site-footer .footer-email a{color:#4a4a5e}.light-mode .site-footer .footer-email a:hover{color:#00d4ff}.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode h6{color:#1a1a2e}.light-mode .section-title{color:#1a1a2e}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin-bottom:1rem}h1{font-size:3.75rem}h2{font-size:3rem}h3{font-size:2.25rem}h4{font-size:1.875rem}h5{font-size:1.5rem}h6{font-size:1.25rem}p{margin-bottom:1rem}a{color:#00d4ff;text-decoration:none;transition:color 300ms cubic-bezier(0.4,0,0.2,1)}a:hover{color:#3df}img{max-width:100%;height:auto;display:block}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:500;border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.btn--primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:white}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.btn--secondary{background:#14141f;color:#fff;border-color:rgba(255,255,255,0.1)}.btn--secondary:hover{border-color:#00d4ff}.btn--outline{background:transparent;color:#00d4ff;border-color:#00d4ff}.btn--outline:hover{background:#00d4ff;color:white}.btn--large{padding:1.5rem 3rem;font-size:1.125rem}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1020;background:rgba(10,10,15,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.05);padding:1.5rem 0;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.main-nav.scrolled{background:rgba(10,10,15,0.98);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.main-nav .nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:2rem}.main-nav .nav-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:color 300ms cubic-bezier(0.4,0,0.2,1)}.main-nav .nav-brand:hover{color:#00d4ff}.main-nav .nav-brand .brand-text{display:inline-block}.main-nav .nav-brand .brand-full{display:none}@media (min-width:768px){.main-nav .nav-brand .brand-full{display:inline-block}}.main-nav .nav-menu{display:none}@media (min-width:1024px){.main-nav .nav-menu{display:block}}.main-nav .nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.main-nav .nav-item{margin:0}.main-nav .nav-link{color:#a0a0b0;font-weight:500;font-size:1rem;text-decoration:none;transition:color 300ms cubic-bezier(0.4,0,0.2,1);padding:.75rem 0;display:inline-block}.main-nav .nav-link:hover{color:#fff}.main-nav .nav-link--primary{color:#00d4ff}.main-nav .nav-link--primary:hover{color:#3df}.theme-toggle{background:none;border:1px solid rgba(255,255,255,0.1);border-radius:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1);color:#a0a0b0}.theme-toggle:hover{border-color:#00d4ff;color:#00d4ff}.theme-toggle .theme-icon{display:none}.theme-toggle .theme-icon--sun{display:block}.light-mode .theme-toggle{border-color:rgba(0,0,0,0.1)}.light-mode .theme-toggle .theme-icon--sun{display:none}.light-mode .theme-toggle .theme-icon--moon{display:block}.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:.75rem;cursor:pointer}@media (min-width:1024px){.nav-toggle{display:none}}.nav-toggle .nav-toggle-bar{width:24px;height:2px;background:#fff;transition:all 300ms cubic-bezier(0.4,0,0.2,1);border-radius:2px}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:rotate(45deg) translateY(7px)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,15,0.98);backdrop-filter:blur(20px);z-index:1050;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.nav-overlay.active{opacity:1;pointer-events:all}.nav-overlay-content{text-align:center}.nav-overlay-list{list-style:none;margin:0;padding:0}.nav-overlay-item{margin-bottom:2rem}.nav-overlay-link{font-size:1.875rem;font-weight:700;color:#fff;text-decoration:none;transition:color 300ms cubic-bezier(0.4,0,0.2,1)}.nav-overlay-link:hover{color:#00d4ff}.nav-overlay-social{display:flex;gap:2rem;justify-content:center;margin-top:4rem}.nav-overlay-social .social-link{font-size:1.875rem;color:#a0a0b0;transition:color 300ms cubic-bezier(0.4,0,0.2,1)}.nav-overlay-social .social-link:hover{color:#00d4ff}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero .hero-bg{position:absolute;inset:0;z-index:0}.hero .hero-content{position:relative;z-index:1;text-align:center;max-width:900px}.hero .hero-title{font-size:clamp(2.25rem,8vw,4.5rem);margin-bottom:2rem;line-height:1.1}.hero .hero-stats{display:flex;gap:4rem;justify-content:center;margin:4rem 0}.hero .hero-stat-value{font-size:3rem;font-weight:700;color:#00d4ff}.hero .hero-stat-label{font-size:.875rem;color:#6b6b80;text-transform:uppercase;letter-spacing:0.1em}.section{padding:8rem 0}.section--dark{background:#14141f}.section-title{margin-bottom:3rem}.projects-featured{background:#14141f}.projects-grid{display:grid;grid-template-columns:1fr;gap:4rem;margin-top:6rem}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{gap:6rem}}.project-card{position:relative;height:500px;border-radius:1.5rem;overflow:hidden;background:#1a1a2e;border:1px solid rgba(255,255,255,0.05);transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}.project-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(0,212,255,0.5);border-color:rgba(0,212,255,0.3)}.project-card:hover .project-card-image img{transform:scale(1.1)}.project-card:hover .project-card-overlay{opacity:1}.project-card:hover .project-card-arrow{transform:translateX(8px)}.project-card-link{display:block;height:100%;text-decoration:none;color:inherit}.project-card-image{position:absolute;inset:0;z-index:0;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.4,0,0.2,1)}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,0.3) 0%,rgba(10,10,15,0.7) 50%,rgba(10,10,15,0.95) 100%);z-index:1;opacity:0.9;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.project-card-content{position:relative;z-index:2;height:100%;padding:4rem;display:flex;flex-direction:column;justify-content:flex-end}.project-card-meta{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.project-card-tag{display:inline-block;padding:.5rem 1rem;background:rgba(0,212,255,0.2);border:1px solid rgba(0,212,255,0.4);border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#00d4ff}.project-card-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900;line-height:1.25;margin-bottom:1rem;color:white}.project-card-description{font-size:1.125rem;color:rgba(255,255,255,0.8);line-height:1.75;margin-bottom:1.5rem}.project-card-tech{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.project-card-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,212,255,0.2);border:1px solid rgba(0,212,255,0.4);color:#00d4ff;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.tech-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:.25rem;font-size:.75rem;font-weight:500;color:rgba(255,255,255,0.9)}.tech-badge i{font-size:14px;line-height:1}.light-mode .projects-featured{background:#fff}.light-mode .project-card{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .project-card:hover{box-shadow:0 30px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(0,212,255,0.3)}.light-mode .project-card-overlay{background:linear-gradient(180deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.95) 100%)}.light-mode .project-card-title{color:#1a1a2e}.light-mode .project-card-description{color:#4a4a5e}.light-mode .tech-badge{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1);color:#1a1a2e}.projects-section{background:#0a0a0f}.projects-grid-modern{display:grid;grid-template-columns:1fr;gap:4rem;margin-top:6rem}@media (min-width:768px){.projects-grid-modern{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid-modern{gap:6rem}}.project-card-modern{position:relative;height:500px;border-radius:1.5rem;overflow:hidden;background:#14141f;border:1px solid rgba(255,255,255,0.05);transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}.project-card-modern:hover{transform:translateY(-12px);box-shadow:0 30px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(0,212,255,0.5);border-color:rgba(0,212,255,0.3)}.project-card-modern:hover .project-image{transform:scale(1.1)}.project-card-modern:hover .project-card-modern__overlay{opacity:1}.project-card-modern:hover .project-card-modern__cta{gap:1rem}.project-card-modern:hover .project-card-modern__cta svg{transform:translateX(4px)}.project-card-modern__link{display:block;height:100%;text-decoration:none;color:inherit}.project-card-modern__image{position:absolute;inset:0;z-index:0;overflow:hidden}.project-card-modern__image .project-image{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.4,0,0.2,1)}.project-card-modern__image .project-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(0,212,255,0.3),rgba(124,58,237,0.3))}.project-card-modern__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,0.3) 0%,rgba(10,10,15,0.7) 50%,rgba(10,10,15,0.95) 100%);z-index:1;opacity:0.9;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.project-card-modern__content{position:relative;z-index:2;height:100%;padding:4rem;display:flex;flex-direction:column;justify-content:flex-end}.project-card-modern__categories{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.project-card-modern__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900;line-height:1.25;margin-bottom:1rem;color:white}.project-card-modern__tagline{font-size:1.125rem;color:rgba(255,255,255,0.8);line-height:1.75;margin-bottom:2rem}.project-card-modern__tech{display:flex;gap:1rem;align-items:center;margin-bottom:2rem}.project-card-modern__tech .tech-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.project-card-modern__tech .tech-icon i{font-size:24px;line-height:1}.project-card-modern__tech .tech-more{font-size:.875rem;color:rgba(255,255,255,0.6);font-weight:500}.project-card-modern__cta{display:inline-flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:#00d4ff;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.project-card-modern__cta svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.project-category-badge{display:inline-block;padding:.5rem 1rem;background:rgba(0,212,255,0.2);border:1px solid rgba(0,212,255,0.4);border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#00d4ff}.empty-state{text-align:center;padding:8rem 2rem}.empty-state svg{color:#6b6b80;margin-bottom:2rem}.empty-state h3{font-size:1.875rem;margin-bottom:1rem;color:#fff}.empty-state p{font-size:1.125rem;color:#a0a0b0}.light-mode .projects-section{background:#f8f9fa}.light-mode .project-card-modern{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .project-card-modern:hover{box-shadow:0 30px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(0,212,255,0.3)}.light-mode .project-card-modern__overlay{background:linear-gradient(180deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.95) 100%)}.light-mode .project-card-modern__title{color:#1a1a2e}.light-mode .project-card-modern__tagline{color:#4a4a5e}.light-mode .project-card-modern__tech .tech-more{color:#8a8a9e}.light-mode .empty-state svg{color:#8a8a9e}.light-mode .empty-state h3{color:#1a1a2e}.light-mode .empty-state p{color:#4a4a5e}.cta-section{position:relative;overflow:hidden}.cta-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.cta-content{position:relative;z-index:1}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.tech-marquee{overflow:hidden;position:relative;width:100%;padding:4rem 0}.tech-marquee-track{display:flex;gap:4rem;will-change:transform}.tech-item{display:flex;align-items:center;gap:1rem;font-size:1.25rem;font-weight:600;white-space:nowrap;color:#a0a0b0}.tech-item i{font-size:1.875rem}.site-footer{background:#14141f;padding:6rem 0 2rem}.site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem;margin-bottom:4rem}.site-footer .footer-links{list-style:none}.site-footer .footer-links li{margin-bottom:.75rem}.site-footer .footer-links a{color:#a0a0b0}.site-footer .footer-links a:hover{color:#fff}.site-footer .footer-social{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem}.site-footer .footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#a0a0b0;transition:all 300ms cubic-bezier(0.4,0,0.2,1);border-radius:.5rem}.site-footer .footer-social-link:hover{color:#00d4ff;background:rgba(0,212,255,0.1)}.site-footer .footer-social-link i{font-size:24px;line-height:1}.site-footer .footer-social-link svg{width:24px;height:24px}.site-footer .footer-email{margin-top:1rem}.site-footer .footer-email a{color:#a0a0b0;font-size:.875rem}.site-footer .footer-email a:hover{color:#00d4ff}.about-hero{position:relative;padding:8rem 0 6rem;background:#0a0a0f;overflow:hidden}.about-hero .about-hero-content{max-width:900px}.about-hero .section-label{color:#00d4ff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:1rem}.about-hero .hero-title{font-size:clamp(2.25rem,6vw,3.75rem);margin-bottom:2rem;line-height:1.1;color:#fff}.about-hero .hero-intro{font-size:1.125rem;color:#a0a0b0;max-width:700px}.about-hero .hero-intro p{margin-bottom:1.5rem;line-height:1.75;color:#a0a0b0}.timeline-section{background:#14141f}.timeline-section .section-header{text-align:center;margin-bottom:6rem}.timeline-section .section-subtitle{color:#a0a0b0;font-size:1.125rem}.timeline{position:relative;padding-left:4rem;margin-top:4rem}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00d4ff,#7c3aed)}.timeline-item{position:relative;padding-bottom:4rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-4rem - 6px);top:8px;width:14px;height:14px;border-radius:50%;background:#00d4ff;border:3px solid #14141f;box-shadow:0 0 0 4px rgba(0,212,255,0.2)}.timeline-content{background:#1a1a2e;padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,0.05);transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.timeline-content:hover{border-color:rgba(0,212,255,0.3);transform:translateX(8px)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timeline-date{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#00d4ff;font-weight:600}.timeline-duration{font-size:.75rem;color:#6b6b80;text-transform:uppercase;letter-spacing:0.1em}.timeline-position{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.timeline-company{font-size:1.125rem;color:#a0a0b0;font-weight:500;margin-bottom:1rem}.timeline-company a{color:#a0a0b0;text-decoration:none;transition:color 300ms cubic-bezier(0.4,0,0.2,1)}.timeline-company a:hover{color:#00d4ff}.timeline-description{color:#a0a0b0;font-size:1rem}.timeline-description ul{list-style:none;padding:0}.timeline-description ul li{padding-left:1.5rem;margin-bottom:.75rem;position:relative}.timeline-description ul li::before{content:'→';position:absolute;left:0;color:#00d4ff}.credentials-section{background:#0a0a0f}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:6rem;margin-top:4rem}.credentials-title{font-size:1.875rem;margin-bottom:3rem;position:relative;padding-bottom:1rem}.credentials-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#00d4ff,#7c3aed)}.credential-item{display:flex;gap:1.5rem;padding:2rem;background:#14141f;border-radius:.75rem;margin-bottom:1.5rem;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.credential-item:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.credential-icon{font-size:2.25rem;line-height:1}.credential-content{flex:1}.credential-content h3{font-size:1.25rem;margin-bottom:.5rem}.credential-meta{color:#a0a0b0;margin-bottom:.5rem}.credential-year{font-size:.875rem;color:#00d4ff;font-weight:600}.credential-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;color:#00d4ff}.credential-link:hover{gap:.75rem}[data-animate]{opacity:1}[data-animate].js-enabled{opacity:0;transform:translateY(20px);transition:all 0.6s ease}[data-animate].animated{opacity:1!important;transform:translateY(0)!important}[data-animate][data-animate="fade-right"].js-enabled{transform:translateX(-20px)}[data-animate][data-animate="fade-left"].js-enabled{transform:translateX(20px)}.contact-section{background:#0a0a0f}.contact-section .container{max-width:1200px}.contact-grid{display:grid;grid-template-columns:1fr;gap:6rem;margin-top:4rem}@media (min-width:1024px){.contact-grid{grid-template-columns:400px 1fr;gap:8rem}}.contact-info h2{font-size:1.875rem;margin-bottom:3rem;position:relative;padding-bottom:1rem}.contact-info h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#00d4ff,#7c3aed)}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.contact-method{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#14141f;border-radius:.75rem;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.contact-method:hover{background:#1a1a2e;transform:translateX(8px)}.contact-method i{font-size:1.875rem;color:#00d4ff;line-height:1}.contact-method div{flex:1}.contact-method h3{font-size:1.125rem;margin-bottom:.5rem;color:#fff}.contact-method a{color:#a0a0b0;font-size:1rem}.contact-method a:hover{color:#00d4ff}.contact-cta{padding:2rem;background:#14141f;border-radius:.75rem;border-left:4px solid #00d4ff}.contact-cta p{margin:0;color:#a0a0b0;font-size:1rem;line-height:1.75}.contact-form-wrapper h2{font-size:1.875rem;margin-bottom:3rem}.contact-form{background:#14141f;padding:4rem;border-radius:1rem;border:1px solid rgba(255,255,255,0.05)}.form-field{margin-bottom:2rem}.form-field label{display:block;font-size:1rem;font-weight:600;color:#fff;margin-bottom:.75rem}.form-field label .required{color:#00d4ff;margin-left:4px}.form-field input[type="text"],.form-field input[type="email"],.form-field input[type="tel"],.form-field textarea,.form-field select{width:100%;padding:1rem;font-size:1rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0a0a0f;border:2px solid rgba(255,255,255,0.1);border-radius:.5rem;color:#fff;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.form-field input[type="text"]:focus,.form-field input[type="email"]:focus,.form-field input[type="tel"]:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 4px rgba(0,212,255,0.1)}.form-field input[type="text"]::placeholder,.form-field input[type="email"]::placeholder,.form-field input[type="tel"]::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:#6b6b80}.form-field textarea{min-height:150px;resize:vertical}.form-field select{cursor:pointer}.form-field .help-text{display:block;margin-top:.5rem;font-size:.875rem;color:#6b6b80}.form-field .error{display:block;margin-top:.5rem;font-size:.875rem;color:#ff6b6b}.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select{border-color:#ff6b6b}.success-message{background:rgba(0,212,255,0.1);border:2px solid #00d4ff;border-radius:.75rem;padding:3rem}.success-message p{margin:0;color:#fff}.error-message{background:rgba(255,107,107,0.1);border:2px solid #ff6b6b;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.error-message p{margin:0;color:#ff6b6b}button[type="submit"].btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:white;border:none;padding:1rem 3rem;font-size:1.125rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:.75rem}button[type="submit"].btn svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}button[type="submit"].btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}button[type="submit"].btn:hover svg{transform:translateX(4px)}button[type="submit"].btn:active{transform:translateY(0)}.light-mode .contact-section{background:#f8f9fa}.light-mode .contact-info h2,.light-mode .contact-form-wrapper h2{color:#1a1a2e}.light-mode .contact-method{background:white}.light-mode .contact-method:hover{background:#fff}.light-mode .contact-method h3{color:#1a1a2e}.light-mode .contact-method a{color:#4a4a5e}.light-mode .contact-cta{background:white}.light-mode .contact-cta p{color:#4a4a5e}.light-mode .contact-form{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .form-field label{color:#1a1a2e}.light-mode .form-field input[type="text"],.light-mode .form-field input[type="email"],.light-mode .form-field input[type="tel"],.light-mode .form-field textarea,.light-mode .form-field select{background:#fff;border-color:rgba(0,0,0,0.1);color:#1a1a2e}.light-mode .form-field input[type="text"]::placeholder,.light-mode .form-field input[type="email"]::placeholder,.light-mode .form-field input[type="tel"]::placeholder,.light-mode .form-field textarea::placeholder,.light-mode .form-field select::placeholder{color:#8a8a9e}.light-mode .form-field .help-text{color:#8a8a9e}.section-header{margin-bottom:6rem}.section-header--center{text-align:center}.section-label{display:inline-block;color:#00d4ff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;margin-bottom:1rem;padding:.5rem 1rem;background:rgba(0,212,255,0.1);border-radius:9999px;border:1px solid rgba(0,212,255,0.3)}.section-title{font-size:clamp(1.875rem,5vw,3rem);font-weight:900;line-height:1.25;margin-bottom:1.5rem}.section-cta{text-align:center;margin-top:6rem}.link-arrow{display:inline-flex;align-items:center;gap:.75rem;color:#00d4ff;text-decoration:none;font-weight:600;font-size:1rem;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.link-arrow svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.link-arrow:hover{gap:1rem}.link-arrow:hover svg{transform:translateX(4px)}.link-arrow--large{font-size:1.125rem}.blog-latest{background:#0a0a0f}.blog-grid{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:6rem}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#1a1a2e;border-radius:1.5rem;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.05)}.blog-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(0,212,255,0.5);border-color:rgba(0,212,255,0.3)}.blog-card-link{display:block;text-decoration:none;color:inherit}.blog-card-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#00d4ff,#7c3aed)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.blog-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,15,0.6) 100%);opacity:0;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card:hover .blog-card-image::after{opacity:1}.blog-card-content{padding:3rem}.blog-card-date{display:block;font-size:.75rem;color:#00d4ff;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.25;margin-bottom:1rem;color:#fff;transition:color 300ms cubic-bezier(0.4,0,0.2,1)}.blog-card:hover .blog-card-title{color:#00d4ff}.blog-card-excerpt{font-size:1rem;line-height:1.75;color:#a0a0b0;margin-bottom:1.5rem}.blog-card-read-more{display:inline-flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;color:#00d4ff;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.blog-card-read-more svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.blog-card:hover .blog-card-read-more{gap:1rem}.blog-card:hover .blog-card-read-more svg{transform:translateX(4px)}.light-mode .blog-latest{background:#fff}.light-mode .blog-card{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .blog-card:hover{box-shadow:0 20px 40px rgba(0,0,0,0.1),0 0 0 1px rgba(0,212,255,0.3)}.light-mode .blog-card-title{color:#1a1a2e}.light-mode .blog-card-excerpt{color:#4a4a5e}.page-hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.6;pointer-events:none}.about-hero-content,.blog-index-hero__content,.page-header__content{position:relative;z-index:1}.page-header--animated{position:relative;overflow:hidden;min-height:50vh;display:flex;align-items:center;background:linear-gradient(180deg,#0a0a0f 0%,#14141f 100%)}.page-header--animated .section-label{color:#00d4ff;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;margin-bottom:1rem;display:inline-block;padding:.5rem 1rem;background:rgba(0,212,255,0.1);border-radius:9999px;border:1px solid rgba(0,212,255,0.3)}.page-header--animated h1{font-size:clamp(2.25rem,6vw,3.75rem);margin-bottom:2rem;font-weight:900}.page-header--animated .intro{font-size:1.25rem;color:#a0a0b0;max-width:700px;line-height:1.75}.heading-block{margin-bottom:3rem}.heading-block__title{margin-bottom:.75rem}.heading-block__subtitle{color:#a0a0b0;font-size:1.125rem;margin:0}.richtext-block{margin-bottom:2rem;font-size:1.125rem}.richtext-block h2,.richtext-block h3,.richtext-block h4,.richtext-block h5,.richtext-block h6{margin-top:4rem;margin-bottom:1.5rem}.richtext-block p{margin-bottom:1.5rem;line-height:1.75}.richtext-block ul,.richtext-block ol{margin-bottom:1.5rem;padding-left:4rem}.richtext-block ul li,.richtext-block ol li{margin-bottom:1rem;line-height:1.75}.richtext-block a{color:#00d4ff;text-decoration:underline}.richtext-block a:hover{color:#3df}.richtext-block code{background:#14141f;padding:3px 8px;border-radius:.25rem;font-family:"JetBrains Mono","Fira Code","Courier New",monospace;font-size:0.9em}.richtext-block pre{background:#14141f;padding:2rem;border-radius:.75rem;overflow-x:auto;margin-bottom:1.5rem}.richtext-block pre code{background:none;padding:0;font-size:.875rem}.richtext-block img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.image-block{margin:3rem 0}.image-block__image{display:block;width:100%;height:auto;border-radius:.75rem}.image-block__caption{margin-top:1rem;font-size:.875rem;color:#a0a0b0;font-style:italic;text-align:center}@media (min-width:768px){.image-block--left{float:left;max-width:45%;margin-right:2rem;margin-bottom:1.5rem}}@media (min-width:768px){.image-block--right{float:right;max-width:45%;margin-left:2rem;margin-bottom:1.5rem}}.image-block--center{margin-left:auto;margin-right:auto}.image-block--full{max-width:100%}.quote-block{margin:4rem 0;padding:4rem 6rem;background:#14141f;border-left:4px solid #00d4ff;border-radius:.75rem}@media (max-width:768px){.quote-block{padding:3rem}}.quote-block__text{font-size:1.5rem;font-style:italic;line-height:1.75;margin:0 0 1.5rem 0;color:#fff}.quote-block__footer{margin-top:1.5rem}.quote-block__cite{font-size:1.125rem;font-style:normal;color:#a0a0b0}.two-column-block{margin:4rem 0}.two-column-block__grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:768px){.two-column-block__grid{grid-template-columns:1fr 1fr;gap:4rem}}.two-column-block__column>*{margin-bottom:1.5rem}.two-column-block__column>*:last-child{margin-bottom:0}.cta-block{margin:4rem 0;padding:4rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:1rem;text-align:center}.cta-block__content{max-width:600px;margin:0 auto}.cta-block__title{font-size:1.875rem;color:white;margin-bottom:1rem}.cta-block__text{font-size:1.125rem;color:rgba(255,255,255,0.9);margin-bottom:2rem}.cta-block__button{background:white;color:#00d4ff}.cta-block__button:hover{background:rgba(255,255,255,0.9);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.embed-block{margin:3rem 0}.embed-block .responsive-object{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:.75rem}.embed-block .responsive-object iframe,.embed-block .responsive-object object,.embed-block .responsive-object embed{position:absolute;top:0;left:0;width:100%;height:100%}.blog-index-hero{position:relative;padding:8rem 0;background:linear-gradient(180deg,#0a0a0f 0%,#14141f 100%);overflow:hidden;min-height:70vh;display:flex;align-items:center}.blog-index-hero__canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.8}.blog-index-hero__gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(0,212,255,0.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(124,58,237,0.15) 0%,transparent 50%);z-index:1}.blog-index-hero__content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.blog-index-hero .section-label{color:#00d4ff;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;margin-bottom:1.5rem;display:inline-block;padding:.5rem 1rem;background:rgba(0,212,255,0.1);border-radius:9999px;border:1px solid rgba(0,212,255,0.3)}.blog-index-hero .hero-title{font-size:clamp(2.25rem,7vw,4.5rem);margin-bottom:2rem;line-height:1.15;font-weight:900;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:0.1em}.blog-index-hero .hero-intro{font-size:1.5rem;color:#a0a0b0;line-height:1.75;font-weight:300}.blog-index-hero .hero-intro p{margin:0}.floating-orbs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.4;animation:float 20s ease-in-out infinite}.orb--1{width:300px;height:300px;background:#00d4ff;top:10%;left:10%;animation-delay:0s}.orb--2{width:400px;height:400px;background:#7c3aed;top:50%;right:10%;animation-delay:7s}.orb--3{width:250px;height:250px;background:#00d4ff;bottom:10%;left:50%;animation-delay:14s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(0.9)}}.tag-filter-bar{position:sticky;top:80px;z-index:1020;background:rgba(20,20,31,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05);padding:2rem 0;margin-bottom:6rem}.tag-filter-wrapper{display:flex;flex-direction:column;gap:1.5rem}.tag-filter-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}@media (max-width:768px){.tag-filter-header{flex-direction:column;align-items:stretch}}.tag-filter-title{font-size:.875rem;font-weight:600;color:#a0a0b0;text-transform:uppercase;letter-spacing:0.1em}.tag-filter-search{position:relative;flex:1;max-width:300px}@media (max-width:768px){.tag-filter-search{max-width:100%}}.tag-filter-search input{width:100%;padding:.75rem 1rem .75rem 4rem;background:#1a1a2e;border:1px solid rgba(255,255,255,0.1);border-radius:9999px;color:#fff;font-size:.875rem;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.tag-filter-search input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,0.1)}.tag-filter-search input::placeholder{color:#6b6b80}.tag-filter-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b6b80;pointer-events:none}.tag-filter-grid{display:flex;flex-wrap:wrap;gap:1rem;max-height:140px;overflow:visible;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);padding:1rem 0;position:relative}.tag-filter-grid:not(.expanded)::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(20,20,31,0.95),transparent);pointer-events:none}.tag-filter-grid.expanded{max-height:1000px}.tag-filter-actions{display:flex;justify-content:center;margin-top:1rem}.tag-filter-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#1a1a2e;border:1px solid rgba(255,255,255,0.1);border-radius:9999px;color:#a0a0b0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;text-decoration:none;margin-bottom:.5rem}.tag-filter-btn:hover{border-color:#00d4ff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,212,255,0.2)}.tag-filter-btn.active{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-color:transparent;color:white;font-weight:700;box-shadow:0 6px 20px rgba(0,212,255,0.4)}.tag-filter-btn.active .tag-count{background:rgba(255,255,255,0.3)}.tag-filter-btn .tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:rgba(255,255,255,0.15);border-radius:9999px;font-size:.75rem;font-weight:700;line-height:1}.tag-expand-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px dashed rgba(0,212,255,0.3);border-radius:9999px;color:#00d4ff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.tag-expand-btn svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.tag-expand-btn:hover{border-style:solid;border-color:#00d4ff;background:rgba(0,212,255,0.1);transform:translateY(-2px)}.tag-expand-btn.expanded svg{transform:rotate(180deg)}.blog-index-content{padding:6rem 0;background:#14141f;position:relative;min-height:400px}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0}.blog-loading__spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,0.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:1.5rem}.blog-loading p{color:#a0a0b0;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}.blog-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem;transition:opacity 0.3s ease}@media (min-width:1024px){.blog-masonry{grid-template-columns:repeat(3,1fr)}}.blog-masonry[style*="opacity: 0"]{pointer-events:none}.blog-card-modern{position:relative}.blog-card-modern__inner{background:#1a1a2e;border-radius:1.5rem;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.05);height:100%;display:flex;flex-direction:column}.blog-card-modern__inner:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(0,212,255,0.5);border-color:rgba(0,212,255,0.3)}.blog-card-modern__image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#00d4ff,#7c3aed)}.blog-card-modern__image a{display:block;height:100%;position:relative}.blog-card-modern__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.blog-card-modern__image__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,15,0.8) 100%);opacity:0;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.blog-card-modern:hover .blog-card-modern__image img{transform:scale(1.1)}.blog-card-modern:hover .blog-card-modern__image .blog-card-modern__overlay{opacity:1}.blog-card-modern__content{padding:3rem;flex:1;display:flex;flex-direction:column}.blog-card-modern__tags{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.blog-card-modern__tags .tag-pill{display:inline-block;padding:.5rem 1rem;background:rgba(0,212,255,0.15);color:#00d4ff;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;text-decoration:none;transition:all 300ms cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(0,212,255,0.3)}.blog-card-modern__tags .tag-pill:hover{background:#00d4ff;color:white;transform:translateY(-2px)}.blog-card-modern__title{font-size:1.5rem;margin-bottom:1rem;line-height:1.25;font-weight:700}.blog-card-modern__title a{color:#fff;text-decoration:none;background:linear-gradient(#00d4ff,#00d4ff) bottom/0 2px no-repeat;transition:all 0.3s ease}.blog-card-modern__title a:hover{background-size:100% 2px}.blog-card-modern__meta{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;font-size:.75rem;color:#6b6b80;text-transform:uppercase;letter-spacing:0.05em}.blog-card-modern__meta .meta-divider{color:rgba(255,255,255,0.2)}.blog-card-modern__meta .read-time{display:flex;align-items:center;gap:.5rem}.blog-card-modern__excerpt{color:#a0a0b0;font-size:1rem;line-height:1.75;margin-bottom:auto;padding-bottom:1.5rem}.blog-card-modern__cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(124,58,237,0.1));border:1px solid rgba(0,212,255,0.3);border-radius:.75rem;color:#00d4ff;font-weight:600;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);width:fit-content}.blog-card-modern__cta svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.blog-card-modern__cta:hover{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:white;border-color:transparent;transform:translateX(4px)}.blog-card-modern__cta:hover svg{transform:translateX(4px)}.blog-empty{text-align:center;padding:8rem 0}.blog-empty__icon{font-size:4rem;margin-bottom:1.5rem}.blog-empty h3{font-size:1.875rem;margin-bottom:1rem}.blog-empty p{font-size:1.125rem;color:#a0a0b0}.blog-empty p a{color:#00d4ff;text-decoration:underline}.blog-empty p a:hover{color:#3df}.blog-post-header{padding:8rem 0 4rem;background:#14141f;text-align:center}.blog-post-breadcrumb{margin-bottom:2rem}.blog-post-breadcrumb .breadcrumb-link{display:inline-flex;align-items:center;gap:.5rem;color:#a0a0b0;font-size:.875rem;text-decoration:none;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.blog-post-breadcrumb .breadcrumb-link svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.blog-post-breadcrumb .breadcrumb-link:hover{color:#00d4ff}.blog-post-breadcrumb .breadcrumb-link:hover svg{transform:translateX(-4px)}.blog-post-tags{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.blog-post-tags .tag{display:inline-block;padding:.5rem 1rem;background:rgba(0,212,255,0.1);color:#00d4ff;border-radius:9999px;font-size:.875rem;font-weight:500}.blog-post-title{font-size:clamp(1.875rem,5vw,3rem);max-width:900px;margin:0 auto 1.5rem}.blog-post-intro{font-size:1.5rem;color:#a0a0b0;max-width:900px;margin:0 auto 2rem;line-height:1.75;font-weight:400}.blog-post-meta{display:flex;gap:1.5rem;justify-content:center;align-items:center;font-size:.875rem;color:#6b6b80}.blog-post-date{color:#00d4ff;font-weight:500}.blog-post-author{display:flex;align-items:center;gap:.5rem}.blog-post-author::before{content:'•';margin-right:.5rem}.blog-post-hero{margin:0}.blog-post-hero__image{width:100%;height:auto;max-height:600px;object-fit:cover;display:block}.blog-post-content{background:#0a0a0f}.blog-post-body{max-width:1000px;margin:0 auto}.blog-post-body>*{margin-bottom:3rem}.blog-post-body>*:last-child{margin-bottom:0}.blog-post-navigation{background:#14141f;border-top:1px solid rgba(255,255,255,0.05)}.post-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:768px){.post-nav-grid{grid-template-columns:1fr}}.post-nav-card{display:flex;flex-direction:column;padding:2rem;background:#1a1a2e;border-radius:.75rem;border:1px solid rgba(255,255,255,0.05);text-decoration:none;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.post-nav-card:hover{border-color:rgba(0,212,255,0.5);transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.post-nav-card--prev .post-nav-label{justify-content:flex-start}.post-nav-card--next{text-align:right}.post-nav-card--next .post-nav-label{justify-content:flex-end}.post-nav-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b6b80;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:.75rem;font-weight:600}.post-nav-title{font-size:1.125rem;color:#fff;font-weight:600;line-height:1.25}.light-mode .blog-index-hero{background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%)}.light-mode .blog-index-hero__gradient{background:radial-gradient(circle at 30% 50%,rgba(0,212,255,0.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(124,58,237,0.08) 0%,transparent 50%)}.light-mode .blog-index-hero .hero-intro{color:#4a4a5e}.light-mode .orb{opacity:0.2}.light-mode .tag-filter-bar{background:rgba(255,255,255,0.95);border-bottom-color:rgba(0,0,0,0.05)}.light-mode .tag-filter-grid:not(.expanded)::after{background:linear-gradient(to top,rgba(255,255,255,0.95),transparent)}.light-mode .tag-filter-search input{background:white;border-color:rgba(0,0,0,0.1);color:#1a1a2e}.light-mode .tag-filter-search input:focus{border-color:#00d4ff}.light-mode .tag-filter-btn{background:white;border-color:rgba(0,0,0,0.1);color:#4a4a5e}.light-mode .tag-filter-btn:hover{border-color:#00d4ff;color:#1a1a2e;box-shadow:0 4px 12px rgba(0,212,255,0.15)}.light-mode .tag-expand-btn{border-color:rgba(0,212,255,0.3)}.light-mode .tag-expand-btn:hover{background:rgba(0,212,255,0.05)}.light-mode .blog-index-content{background:#f8f9fa}.light-mode .blog-loading__spinner{border-color:rgba(0,212,255,0.2);border-top-color:#00d4ff}.light-mode .blog-loading p{color:#4a4a5e}.light-mode .blog-card-modern__inner{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .blog-card-modern__inner:hover{box-shadow:0 20px 40px rgba(0,0,0,0.1),0 0 0 1px rgba(0,212,255,0.3)}.light-mode .blog-card-modern__title a{color:#1a1a2e}.light-mode .blog-card-modern__excerpt{color:#4a4a5e}.light-mode .blog-post-header{background:#f8f9fa}.light-mode .blog-post-breadcrumb .breadcrumb-link{color:#4a4a5e}.light-mode .blog-post-title{color:#1a1a2e}.light-mode .blog-post-intro{color:#4a4a5e}.light-mode .blog-post-content{background:#fff}.light-mode .blog-post-tags .tag{background:rgba(0,212,255,0.1)}.light-mode .blog-post-navigation{background:#f8f9fa;border-top-color:rgba(0,0,0,0.05)}.light-mode .post-nav-card{background:#fff;border-color:rgba(0,0,0,0.05)}.light-mode .post-nav-card:hover{border-color:rgba(0,212,255,0.5)}.light-mode .post-nav-title{color:#1a1a2e}.light-mode .richtext-block code,.light-mode .quote-block code{background:#f8f9fa}.light-mode .richtext-block pre,.light-mode .quote-block pre{background:#f8f9fa}.light-mode .quote-block{background:#f8f9fa}.light-mode .quote-block__text{color:#1a1a2e}.light-mode .quote-block__cite{color:#4a4a5e}@media (max-width:768px){.hero-stats{flex-direction:column;gap:2rem}.nav-menu{display:none}.projects-grid{grid-template-columns:1fr}.timeline{padding-left:2rem}.credentials-grid{grid-template-columns:1fr;gap:3rem}.contact-grid{grid-template-columns:1fr;gap:4rem}.contact-form{padding:2rem}}.project-detail-hero{padding:8rem 0 6rem}.project-detail-hero__content{max-width:900px;margin:0 auto;text-align:center}.breadcrumb{margin-bottom:2rem}.breadcrumb-link{display:inline-flex;align-items:center;gap:.75rem;color:#a0a0b0;font-size:.875rem;font-weight:500;text-decoration:none;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.breadcrumb-link svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.breadcrumb-link:hover{color:#00d4ff;gap:1rem}.breadcrumb-link:hover svg{transform:translateX(-4px)}.project-categories{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.project-detail-title{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:900;line-height:1.25;margin-bottom:1.5rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-detail-tagline{font-size:1.25rem;color:#a0a0b0;line-height:1.75;margin-bottom:4rem}.project-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:4rem 0;padding:4rem;background:#14141f;border-radius:1.5rem;border:1px solid rgba(255,255,255,0.05)}.project-meta-item{text-align:center}.project-meta-item--full{grid-column:1 / -1}.project-meta-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#6b6b80;margin-bottom:.75rem}.project-meta-value{font-size:1.125rem;font-weight:600;color:#fff}.project-tech-stack{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.tech-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.tech-badge:hover{background:rgba(0,212,255,0.2);border-color:#00d4ff;transform:translateY(-2px)}.tech-badge i{font-size:18px;line-height:1}.project-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:4rem}.project-actions .btn{display:inline-flex;align-items:center;gap:.75rem}.project-actions .btn svg,.project-actions .btn i{font-size:18px;line-height:1}.project-hero-image{padding:8rem 0;background:#14141f}.hero-image-wrapper{margin:0;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.hero-image{width:100%;height:auto;display:block}.project-overview-section{background:#0a0a0f}.project-overview-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:6rem}.overview-card{display:flex;gap:3rem}@media (max-width:768px){.overview-card{flex-direction:column}}.overview-card-icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,212,255,0.2),rgba(124,58,237,0.2));border:2px solid rgba(0,212,255,0.3);border-radius:1rem}.overview-card-icon svg{color:#00d4ff;width:36px;height:36px}.overview-card-body{flex:1}.overview-card-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:#fff;position:relative;padding-bottom:1rem}.overview-card-title::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:2px}.overview-card-content{color:#a0a0b0;font-size:1.125rem;line-height:1.75}.overview-card-content p{margin-bottom:1.5rem}.overview-card-content p:last-child{margin-bottom:0}.overview-card-content ul,.overview-card-content ol{margin-bottom:1.5rem;padding-left:3rem}.overview-card-content ul li,.overview-card-content ol li{margin-bottom:1rem;line-height:1.75}.overview-card-content ul li strong,.overview-card-content ol li strong{color:#fff;font-weight:600}.overview-card-content strong{color:#fff;font-weight:600}.overview-card:not(:last-child){padding-bottom:6rem;margin-bottom:6rem;border-bottom:1px solid rgba(255,255,255,0.05)}.project-body-section{background:#14141f}.project-body-content{max-width:900px;margin:0 auto}.project-navigation{background:#0a0a0f;border-top:1px solid rgba(255,255,255,0.05);padding:6rem 0}.project-nav-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:768px){.project-nav-grid{grid-template-columns:repeat(2,1fr);gap:4rem}}.project-nav-card{display:flex;flex-direction:column;gap:.75rem;padding:3rem;background:#14141f;border:1px solid rgba(255,255,255,0.05);border-radius:1rem;text-decoration:none;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.project-nav-card:hover{border-color:#00d4ff;transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.project-nav-card--prev .project-nav-title svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.project-nav-card--prev:hover .project-nav-title svg{transform:translateX(-4px)}.project-nav-card--next{text-align:right}.project-nav-card--next .project-nav-title{flex-direction:row-reverse}.project-nav-card--next .project-nav-title svg{transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.project-nav-card--next:hover .project-nav-title svg{transform:translateX(4px)}.project-nav-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#6b6b80}.project-nav-title{font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem}.project-nav-title svg{color:#00d4ff}.light-mode .project-detail-hero{background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%)}.light-mode .breadcrumb-link{color:#4a4a5e}.light-mode .breadcrumb-link:hover{color:#00d4ff}.light-mode .project-detail-tagline{color:#4a4a5e}.light-mode .project-meta-grid{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .project-meta-value{color:#1a1a2e}.light-mode .tech-badge{background:rgba(0,212,255,0.1);color:#1a1a2e}.light-mode .project-hero-image{background:#fff}.light-mode .project-overview-section{background:#f8f9fa}.light-mode .overview-card:not(:last-child){border-bottom-color:rgba(0,0,0,0.08)}.light-mode .overview-card-icon{background:linear-gradient(135deg,rgba(0,212,255,0.15),rgba(124,58,237,0.15));border-color:rgba(0,212,255,0.4)}.light-mode .overview-card-icon svg{color:#00d4ff}.light-mode .overview-card-title{color:#1a1a2e}.light-mode .overview-card-content{color:#4a4a5e}.light-mode .overview-card-content strong,.light-mode .overview-card-content li strong{color:#1a1a2e}.light-mode .project-body-section{background:#fff}.light-mode .project-navigation{background:#f8f9fa;border-top-color:rgba(0,0,0,0.05)}.light-mode .project-nav-card{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .project-nav-card:hover{border-color:#00d4ff}.light-mode .project-nav-title{color:#1a1a2e}.project-gallery-section{background:#14141f}.project-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:4rem}@media (min-width:768px){.project-gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-item{position:relative}.gallery-item-inner{position:relative;border-radius:1rem;overflow:hidden;background:#1a1a2e;aspect-ratio:4 / 3;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.gallery-item-inner:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.gallery-item-inner:hover .gallery-overlay{opacity:1}.gallery-item-inner:hover .gallery-thumbnail{transform:scale(1.05)}.gallery-thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.gallery-zoom-btn{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,0.95);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.gallery-zoom-btn svg{color:#00d4ff}.gallery-zoom-btn:hover{background:white;transform:scale(1.1)}.gallery-caption{margin-top:1rem;font-size:.875rem;color:#a0a0b0;text-align:center;line-height:1.5}.gallery-lightbox{position:fixed;inset:0;z-index:1050;background:rgba(0,0,0,0.95);display:none;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(10px)}.gallery-lightbox.active{display:flex}.lightbox-close{position:absolute;top:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1);z-index:10}.lightbox-close svg{color:white}.lightbox-close:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms cubic-bezier(0.4,0,0.2,1);z-index:10}.lightbox-nav svg{color:white}.lightbox-nav:hover{background:rgba(255,255,255,0.2);transform:translateY(-50%) scale(1.1)}.lightbox-nav--prev{left:2rem}.lightbox-nav--next{right:2rem}.lightbox-nav:disabled{opacity:0.3;cursor:not-allowed}.lightbox-nav:disabled:hover{transform:translateY(-50%);background:rgba(255,255,255,0.1)}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:2rem}.lightbox-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);animation:lightboxZoomIn 0.4s cubic-bezier(0.4,0,0.2,1)}@keyframes lightboxZoomIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.lightbox-info{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:600px}.lightbox-caption{color:white;font-size:1.125rem;text-align:center;margin:0}.lightbox-counter{color:rgba(255,255,255,0.7);font-size:.875rem;font-weight:500;margin:0}.lightbox-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 300ms cubic-bezier(0.4,0,0.2,1)}.lightbox-loading.active{opacity:1}.lightbox-loading .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,0.2);border-top-color:#00d4ff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.light-mode .project-gallery-section{background:#fff}.light-mode .gallery-item-inner{background:#fff}.light-mode .gallery-caption{color:#4a4a5e}.skills-section{background:#0a0a0f}.skill-category{margin-bottom:8rem}.skill-category:last-child{margin-bottom:0}.skill-category-header{margin-bottom:4rem;max-width:800px}.skill-category-title{font-size:2.25rem;font-weight:900;margin-bottom:1rem;position:relative;padding-bottom:1rem}.skill-category-title::after{content:'';position:absolute;bottom:0;left:0;width:100px;height:4px;background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:2px}.skill-category-description{font-size:1.125rem;color:#a0a0b0;line-height:1.75}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media (min-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{background:#14141f;padding:3rem;border-radius:1rem;border:1px solid rgba(255,255,255,0.05);transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.skill-card:hover{border-color:rgba(0,212,255,0.3);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.skill-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.skill-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,212,255,0.1);border-radius:.75rem}.skill-icon i{font-size:32px;line-height:1}.skill-icon--fallback svg{color:#00d4ff}.skill-name-wrapper{flex:1}.skill-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.skill-years{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#00d4ff;background:rgba(0,212,255,0.1);padding:3px .75rem;border-radius:.25rem}.skill-description{font-size:.875rem;color:#a0a0b0;line-height:1.5;margin-bottom:1.5rem}.skill-proficiency{display:flex;align-items:center;gap:1rem}.skill-proficiency-bar{flex:1;height:8px;background:rgba(255,255,255,0.05);border-radius:9999px;overflow:hidden}.skill-proficiency-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:9999px;transition:width 1.5s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 10px rgba(0,212,255,0.5)}.skill-proficiency-label{font-size:.875rem;font-weight:700;color:#00d4ff;min-width:40px;text-align:right}.light-mode .skills-section{background:#f8f9fa}.light-mode .skill-category-description{color:#4a4a5e}.light-mode .skill-card{background:white;border-color:rgba(0,0,0,0.05)}.light-mode .skill-card:hover{border-color:rgba(0,212,255,0.5)}.light-mode .skill-name{color:#1a1a2e}.light-mode .skill-description{color:#4a4a5e}.light-mode .skill-proficiency-bar{background:rgba(0,0,0,0.05)}@media (max-width:768px){.project-meta-grid{grid-template-columns:1fr;padding:3rem}.project-nav-card--next{text-align:left}.project-nav-card--next .project-nav-title{flex-direction:row}.project-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.lightbox-nav{width:48px;height:48px}.lightbox-nav--prev{left:.75rem}.lightbox-nav--next{right:.75rem}.lightbox-close{top:.75rem;right:.75rem;width:48px;height:48px}}