body{margin:0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;background-color:#0a192f;color:#8892b0;scroll-behavior:smooth;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:none}.section{padding:80px 32px;max-width:1000px;margin:0 auto}.text--header{font-size:32px;font-weight:700;color:#64ffda;margin-bottom:24px}.text--subtitle{font-size:24px;font-weight:600;color:#ccd6f6;margin-bottom:16px}.text--body{font-size:18px;font-weight:400;color:#a8b2d1;line-height:1.6;margin-bottom:16px}.text--caption{font-size:14px;font-weight:400;color:#8892b0}.text--label{font-size:16px;font-weight:500;color:#e6f1ff}.hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:800px;background-color:#0a192f}.about__content{margin-top:16px}.button{padding:8px 16px;border-radius:4px;font-weight:500;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,color .2s ease}.button--primary{background-color:#64ffda;color:#0a192f;border:none}.button--primary:hover:not(:disabled){background-color:#74ffde}.button--ghost{background:none;border:1px solid #64ffda;color:#64ffda}.button--ghost:hover:not(:disabled){background-color:#64ffda;color:#0a192f}.button--outline{background-color:transparent;border:2px solid #ccd6f6;color:#ccd6f6}.button--outline:hover:not(:disabled){background-color:#233554}.button--disabled{opacity:.5;cursor:not-allowed}.button__spinner{width:16px;height:16px;border:2px solid #e6f1ff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.button__text{display:inline-block}.button__icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:0}@keyframes spin{to{transform:rotate(360deg)}}.navbar{position:fixed;top:0;width:100%;background-color:#112240;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;z-index:10}.navbar__links{display:flex;gap:24px;list-style:none}.navbar__links a{color:#ccd6f6;text-decoration:none;font-weight:500}.navbar__links a:hover{color:#64ffda}.navbar__lang-toggle{background:none;border:1px solid #64ffda;color:#64ffda;padding:4px 12px;cursor:pointer;border-radius:4px;font-weight:500}.navbar__lang-toggle:hover{background-color:#64ffda;color:#0a192f}.icon-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:80px}.icon-badge__icon{font-size:32px;color:#64ffda}.icon-badge__label{text-align:center;font-weight:500}.techstack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:24px;justify-items:center}.techstack__item{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease-out forwards;animation-delay:var(--delay)}.icon-badge{transition:transform .2s ease,color .2s ease}.icon-badge:hover{transform:translateY(-4px)}.icon-badge:hover .icon-badge__icon{color:#a8b2d1}.icon-badge:hover .icon-badge__label{color:#64ffda}.project-card{background-color:#112240;padding:20px;border-radius:12px;box-shadow:0 0 10px #0000001a;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards;animation-delay:var(--delay);display:flex;flex-direction:column;gap:12px;transition:background-color .25s ease,box-shadow .25s ease}.project-card:hover{background-color:#233554;box-shadow:0 2px 10px #0000000d}.project-card__title{margin-bottom:4px}.project-card__stack{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#8892b0;padding:0;margin:0;list-style:none}.project-card__stack li{background-color:#233554;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.project-card:hover .project-card__stack li{background-color:#112240}.project-card__links{display:flex;gap:12px}.project-card__links a{color:#64ffda;font-size:20px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}.project-card__links a:hover{color:#74ffde}@keyframes fadeUp{to{opacity:1;transform:none}}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}