body{margin:0;min-height:100vh;font-family:Segoe UI,sans-serif;background:radial-gradient(800px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,191,158,.12),transparent 60%),linear-gradient(180deg,#0e1512,#0b100e);color:#e6f2ec;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000}.navbar ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.navbar li{cursor:pointer;opacity:.85;transition:opacity .3s ease}.navbar a{color:inherit;text-decoration:none}.navbar li:hover{opacity:1}.section{min-height:100vh;padding:120px 40px}.section.dark{background:linear-gradient(180deg,#111111d9,#111111f2)}.footer{text-align:center;padding:40px;background:#000}.cursor-glow{position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);pointer-events:none;transform:translate(-50%,-50%)}*{box-sizing:border-box}html{scroll-behavior:smooth}.section{scroll-margin-top:100px}.hero h2{font-size:clamp(2.6rem,4vw,3.6rem);margin-bottom:12px;letter-spacing:-.02em}.subtitle{opacity:.75;font-size:1.1rem;max-width:720px}.grid{display:grid;gap:24px;margin-top:32px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#ffffff0a;border:1px solid rgba(230,242,236,.12);border-radius:18px;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);visibility:hidden}.card h3{margin-top:0;margin-bottom:12px}.card ul{padding-left:18px}.card li{margin-bottom:6px;opacity:.9}.cta-row{margin-top:28px;display:flex;gap:16px}.btn{padding:10px 18px;border-radius:999px;background:#7bbf9e;color:#0b100e;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7bbf9e59}.btn.ghost{background:transparent;color:#e6f2ec;border:1px solid rgba(230,242,236,.3)}.job{margin-bottom:18px}.job-top{display:flex;justify-content:space-between;font-weight:600}.job-meta{opacity:.7;font-size:.9rem;margin-bottom:6px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.lang-switch{display:flex;gap:8px}.lang-switch button{background:transparent;border:1px solid rgba(230,242,236,.3);color:#e6f2ec;padding:4px 10px;border-radius:6px;cursor:pointer;opacity:.7}.lang-switch button.active{opacity:1;border-color:#7bbf9e}@media(max-width:900px){.grid.two,.contact-grid{grid-template-columns:1fr}.navbar{padding:16px 20px}.section{padding:100px 20px}}.skills-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:22px}.skill-tile{position:relative;height:120px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(123,191,158,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#e6f2ec;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skill-tile img{max-width:54px;max-height:54px;filter:brightness(1.1);transition:transform .3s ease,opacity .3s ease}.skill-tile:hover{transform:translateY(-6px);border-color:#7bbf9e;box-shadow:0 12px 40px #7bbf9e40}.skill-tile:hover img{transform:scale(1.12);opacity:.95}.skill-info{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;font-size:.75rem;text-align:center;background:linear-gradient(to top,#0e1512e6,#0e151200);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.skill-info span{display:block;opacity:.7;font-size:.7rem}.skill-tile:hover .skill-info{opacity:1;transform:translateY(0)}.skills-title{margin-top:48px;margin-bottom:18px;font-size:1.4rem;letter-spacing:.02em;opacity:.85}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.about-grid{margin-top:64px;display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center}.about-image{position:relative;border-radius:22px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(123,191,158,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-image img{width:100%;display:block;transition:transform .5s ease}.about-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 40px #7bbf9e40;pointer-events:none}.about-image:hover img{transform:scale(1.05)}.about-text h3{margin-top:0;margin-bottom:12px}.about-text p{opacity:.85;line-height:1.6}@media(max-width:900px){.about-grid{grid-template-columns:1fr}.about-image{max-width:260px;margin:0 auto}.about-text{text-align:center}}.edu-header img{width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;flex-shrink:0}.edu-body,.exp-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease}.edu-body.open,.exp-body.open{max-height:320px;opacity:1;margin-top:12px}.edu-grid.simple{display:grid;gap:28px;margin-top:24px}.edu-card.simple{display:flex;align-items:center;gap:24px;padding:24px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(123,191,158,.25);text-decoration:none;color:#e6f2ec;transition:transform .3s ease,border-color .3s ease}.edu-card.simple:hover{transform:translateY(-4px);border-color:#7bbf9e}.edu-card.simple img{width:96px;height:96px;max-width:96px;max-height:96px;object-fit:contain;flex-shrink:0}.edu-text strong{display:block;font-size:1.05rem}.edu-text span{display:block;opacity:.7;margin-top:4px}.exp-item{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)}.exp-header{display:flex;flex-direction:column;gap:6px;cursor:pointer}.exp-role{font-weight:600;font-size:1.05rem}.exp-company{opacity:.7;font-size:.9rem}.link{color:#7bbf9e;text-decoration:none}.link:hover{text-decoration:underline}.works-list{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.works-subtitle{margin-top:64px;margin-bottom:24px;font-size:1.2rem}.work-badge{font-size:.85rem;color:#7bbf9e;font-weight:500}.work-item{position:relative;background:#ffffff0a;border:1px solid rgba(123,191,158,.18);border-radius:18px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;flex:1 1 320px;max-width:440px}.work-item:hover{transform:translateY(-4px);border-color:#7bbf9e;box-shadow:0 16px 46px #7bbf9e38}.work-item img{width:100%;height:200px;object-fit:cover;display:block;filter:saturate(1.05)}.work-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 14px}.work-header h3{margin:0;font-size:1.15rem}.work-header a{color:#7bd7a2;font-weight:600;text-decoration:none;padding:9px 14px;border-radius:10px;background:#7bbf9e1f;border:1px solid rgba(123,191,158,.35);transition:background .2s ease,transform .2s ease}.work-header a:hover{background:#7bbf9e2e;transform:translateY(-1px)}.work-description{padding:0 20px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,padding .3s ease}.work-description p{margin:0;opacity:.9;line-height:1.6;word-break:break-word}.work-item.open .work-description{max-height:600px;opacity:1;padding:0 20px 20px}.footer{margin-top:80px;padding:40px 20px;background:#0009;border-top:1px solid rgba(123,191,158,.25)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}.footer-text{font-size:.95rem}.footer-text a{margin-left:6px;color:#7bbf9e;text-decoration:none}.footer-text a:hover{text-decoration:underline}.footer-links{display:flex;gap:18px}.footer-links img{width:22px;height:22px;opacity:.8;transition:opacity .2s ease,transform .2s ease}.footer-links a:hover img{opacity:1;transform:translateY(-2px)}.home-hero{min-height:calc(100vh - 80px);display:grid;place-items:center;position:relative;overflow:hidden}.home-hero-inner{width:min(980px,calc(100% - 80px));position:relative;z-index:1;text-align:left}.home-kicker{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid rgba(123,191,158,.25);background:#ffffff08;opacity:.9;font-size:.95rem;letter-spacing:.2px}.home-title{margin:16px 0 10px;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1}.home-subtitle{margin:0;max-width:62ch;opacity:.85;font-size:1.05rem}.home-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.home-orb{position:absolute;border-radius:999px;filter:blur(22px);opacity:.22;pointer-events:none;background:#7bbf9e8c}.orb-1{width:280px;height:280px;top:-80px;right:-60px}.orb-2{width:220px;height:220px;bottom:-90px;left:-70px}@keyframes floaty{0%{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}.float-1{animation:floaty 6.5s ease-in-out infinite}.float-2{animation:floaty 7.5s ease-in-out infinite}.float-3{animation:floaty 8.5s ease-in-out infinite}.float-4{animation:floaty 9.5s ease-in-out infinite}@media(max-width:600px){.home-hero-inner{width:calc(100% - 40px)}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger span{display:block;width:26px;height:2px;background:#e6f2ec;margin:6px 0;transition:transform .3s ease,opacity .3s ease}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:72px;left:0;right:0;background:#0e1512eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(-20px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu ul{list-style:none;padding:24px;margin:0;display:flex;flex-direction:column;gap:18px}.mobile-menu li{font-size:1.1rem;cursor:pointer}.lang-switch.mobile{padding:0 24px 24px;display:flex;gap:12px}@media(max-width:750px){.navlinks.desktop,.lang-switch.desktop{display:none}.hamburger{display:block}}.product-page{max-width:900px;margin:0 auto}.gallery{margin:32px 0;display:flex;align-items:center;justify-content:center;gap:16px}.gallery img{width:100%;max-width:720px;aspect-ratio:16 / 10;object-fit:contain;background:#00000073;padding:14px;border-radius:16px}.gallery-btn{background:none;border:1px solid rgba(123,191,158,.35);color:#e6f2ec;font-size:1.8rem;padding:6px 12px;border-radius:8px;cursor:pointer}.gallery-btn:hover{background:#7bbf9e26}.product-description p{max-width:720px;opacity:.85;margin-bottom:12px}.product-video{margin-top:28px}.product-video a{color:#7bbf9e;text-decoration:none;font-weight:500}.product-video a:hover{text-decoration:underline}.feature-block{margin-top:28px}.feature-block h4{margin-bottom:10px;font-size:1.05rem}.feature-block ul{padding-left:18px;opacity:.85}.feature-block li{margin-bottom:6px}.media-video iframe{width:100%;aspect-ratio:16 / 9;border-radius:16px;background:#000}.media-article-card{margin-top:24px;display:flex;gap:16px;align-items:center;padding:14px;border-radius:16px;border:1px solid rgba(123,191,158,.25);background:#ffffff09;color:#e6f2ec;text-decoration:none;transition:transform .3s ease,border-color .3s ease}.media-article-card:hover{transform:translateY(-4px);border-color:#7bbf9e}.media-article-card img{width:140px;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;background:#000}.media-article-text{display:flex;flex-direction:column;gap:6px}.media-source{font-size:.8rem;opacity:.65}.media-read{margin-top:6px;font-size:.9rem;color:#7bbf9e}@media(max-width:600px){.media-article-card{flex-direction:column;align-items:flex-start}.media-article-card img{width:100%}}
