.header{z-index:1000;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff1a;padding:.75rem 0;box-shadow:0 4px 20px #0000001a}.header__container{justify-content:space-between;align-items:center;gap:2rem;display:flex}.header__logo{color:#1e293b;cursor:pointer;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}body.dark-mode .header__logo{color:#f1f5f9}.header__logo-icon{color:#60a5fa;width:1.75rem;height:1.75rem}.header__logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}@media (width<=639px){.header__logo-text{display:none}}.header__nav-desktop{align-items:center;gap:2rem;display:flex}@media (width<=639px){.header__nav-desktop{display:none}}.header__nav-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:flex;position:relative}.header__nav-link:hover,.header__nav-link--active{color:#60a5fa}.header__nav-link--active:after{content:"";background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px;height:2px;position:absolute;bottom:-.1rem;left:0;right:0}.header__nav-link-icon{width:1rem;height:1rem}.header__nav-mobile{align-items:center;gap:1.5rem;display:none}@media (width<=639px){.header__nav-mobile{display:flex}}.header__mobile-link{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.header__mobile-link:hover{color:#60a5fa;background:#60a5fa1a;transform:translateY(-2px)}.header__mobile-link--active{color:#60a5fa;background:#60a5fa1a}.header__mobile-icon{width:1.5rem;height:1.5rem}.header__theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.header__theme-toggle:hover{background:#60a5fa1a}.header__theme-icon{color:#64748b;width:1.25rem;height:1.25rem;transition:all .2s}.header__theme-icon:hover{color:#60a5fa}.about{background:#f8fafc}body.dark-mode .about{background:#0f0f1a}.about__container{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}@media (width<=639px){.about__container{padding:3rem 1rem}}.about__header{text-align:center;margin-bottom:3rem}.about__title{margin-bottom:1rem;font-size:2.5rem}@media (width<=639px){.about__title{font-size:2rem}}.about__badge{color:#60a5fa;background:#60a5fa1a;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:inline-flex}.about__badge-icon{width:1rem;height:1rem}.about__row{align-items:stretch;gap:3rem;margin-bottom:3rem;display:flex}@media (width>=640px) and (width<=1023px){.about__row{gap:2rem}}@media (width<=639px){.about__row{flex-direction:column;align-items:center;gap:2rem}}.about__photo-wrapper{flex-shrink:0;width:240px}@media (width<=639px){.about__photo-wrapper{width:280px}}.about__photo-glow{border-radius:1.5rem;position:relative}.about__photo-glow:before{content:"";opacity:.6;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:1.5rem;transition:opacity .3s;position:absolute;inset:-3px}.about__photo-glow:hover:before{opacity:1}.about__photo{object-fit:cover;z-index:1;background:#f8fafc;border:3px solid #fff;border-radius:1.5rem;width:100%;height:auto;display:block;position:relative}body.dark-mode .about__photo{border-color:#0f0f1a}.about__bio{flex-direction:column;flex:1;justify-content:center;display:flex}.about__text{color:#64748b;margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.about__text strong{color:#1e293b}body.dark-mode .about__text strong{color:#f1f5f9}.about__text--highlight{background:#60a5fa0d;border-left:3px solid #60a5fa;border-radius:1rem;padding:1rem}.about__highlights{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.about__highlight{background:#64748b0d;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.about__highlight:hover{background:#60a5fa0d;transform:translateY(-3px)}.about__highlight-icon{color:#60a5fa;flex-shrink:0;width:2rem;height:2rem}.about__highlight-title{color:#1e293b;margin-bottom:.25rem;font-weight:600}body.dark-mode .about__highlight-title{color:#f1f5f9}.about__highlight-description{color:#64748b;font-size:.85rem;line-height:1.4}.about__tech{margin-top:2rem}.about__tech-title{color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:600}body.dark-mode .about__tech-title{color:#f1f5f9}.about__tech-grid{flex-wrap:wrap;gap:.75rem;display:flex}.about__tech-item{color:#60a5fa;background:#60a5fa1a;border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.about__tech-item:hover{background:#60a5fa33;transform:translateY(-2px)}.project-card{height:100%;container-type:inline-size}.project-card__inner{background:#64748b08;border-radius:1.5rem;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}body.dark-mode .project-card__inner{background:#64748b14}.project-card__inner:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.project-card--ready .project-card__image:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2;background:linear-gradient(135deg,#8b5cf666,#60a5fa4d);transition:opacity .4s;position:absolute;inset:0}.project-card--ready:hover .project-card__image:after{opacity:0}.project-card__image{aspect-ratio:16/10;background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);position:relative;overflow:hidden}.project-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card__image:hover img{transform:scale(1.05)}.project-card__image-placeholder{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.project-card__image-placeholder svg{width:2rem;height:2rem}.project-card__status-badge{z-index:9999;position:absolute;top:1rem;right:1rem}.project-card__status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:2rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.project-card__status--active{color:#fff;background:#22c55ee6}.project-card__status--ready{color:#fff;background:#8b5cf6e6}.project-card__status--coming{color:#fff;background:#f59e0be6}.project-card__status--dev{color:#fff;background:#3b82f6e6}.project-card__content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-card__title{color:#1e293b;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}body.dark-mode .project-card__title{color:#f1f5f9}.project-card__description{color:#64748b;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.project-card__tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.project-card__tech-item{color:#60a5fa;background:#60a5fa1a;border-radius:2rem;padding:.25rem .75rem;font-size:.7rem}.project-card__links{gap:1rem;margin-top:auto;display:flex}.project-card__link{align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.project-card__link--demo{color:#60a5fa}.project-card__link--demo:hover{color:#3b82f6;gap:.75rem}.project-card__link--code{color:#64748b}.project-card__link--code:hover{color:#1e293b}body.dark-mode .project-card__link--code:hover{color:#f1f5f9}.project-card__link-icon{width:1rem;height:1rem}.project-card__coming-soon{color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.project-card__coming-soon--ready{color:#8b5cf6}.project-card__coming-soon--coming{color:#f59e0b}.project-card__coming-soon--dev{color:#3b82f6}.project-card__coming-icon{width:1rem;height:1rem}@container (width<=350px){.project-card__content{padding:1rem}.project-card__title{font-size:1rem}.project-card__description{font-size:.8rem}.project-card__tech-item{padding:.2rem .6rem;font-size:.65rem}}.projects{background:#f8fafc}body.dark-mode .projects{background:#0f0f1a}.projects__container{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}@media (width<=639px){.projects__container{padding:3rem 1rem}}.projects__header{text-align:center;margin-bottom:3rem}.projects__title{margin-bottom:1rem;font-size:2.5rem}@media (width<=639px){.projects__title{font-size:2rem}}.projects__subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1rem}.projects__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width>=640px) and (width<=1023px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.projects__grid{grid-template-columns:1fr;gap:1.5rem}}.footer{background:#f8fafc;border-top:1px solid #64748b1a;margin-top:auto}body.dark-mode .footer{background:#0f172acc;border-top-color:#64748b33}.footer__container{justify-content:space-between;align-items:flex-start;gap:3rem;max-width:1200px;margin:0 auto;padding:3rem 1.5rem;display:flex}@media (width<=639px){.footer__container{flex-direction:column;gap:2rem;padding:2rem 1rem}}.footer__info{flex:1}.footer__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.footer__description{color:#64748b;max-width:300px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.footer__back-to-top{color:#60a5fa;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;transition:all .2s;display:inline-flex}.footer__back-to-top:hover{color:#a78bfa;transform:translateY(-3px)}.footer__social{flex-direction:column;gap:1rem;min-width:160px;display:flex}@media (width<=639px){.footer__social{flex-flow:wrap;gap:1rem}}.footer__social-link{color:#1e293b;background:#64748b0d;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}body.dark-mode .footer__social-link{color:#f1f5f9;background:#64748b1a}.footer__social-link:hover{background:#60a5fa1a;transform:translate(5px)}.footer__social-link:hover .footer__social-icon{color:#60a5fa}.footer__social-icon{width:1.25rem;height:1.25rem;transition:all .2s}.footer__social-label{font-size:.9rem;font-weight:500}.footer__bottom{border-top:1px solid #64748b1a;padding:1.5rem 0}body.dark-mode .footer__bottom{border-top-color:#64748b33}.footer__bottom-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}@media (width<=639px){.footer__bottom-container{text-align:center;flex-direction:column;gap:.5rem;padding:0 1rem}}.footer__copyright,.footer__credits{color:#64748b;font-size:.8rem}body.dark-mode .footer__credits{color:#64748bb3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1e293b;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body.dark-mode{color:#f1f5f9;background-color:#0f0f1a}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width<=639px){.container{padding:0 1rem}}section{padding:6rem 0}@media (width<=639px){section{padding:4rem 0}}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3}.glass-dark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #60a5fa4d}50%{box-shadow:0 0 20px #60a5fa99}}