.navbar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:3000;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:transparent;color:#fff;transition:background-color .35s ease,box-shadow .35s ease}.navbar-scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#00000073;box-shadow:0 4px 12px #00000040}.highlight{background-image:linear-gradient(45deg,#6495ed,#0e3a8d);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-section{display:flex;align-items:center;gap:12px}.nav-logo{width:52px;height:52px;object-fit:contain}.logo-text{font-size:24px;font-weight:700;color:#fff}.logo-text a{color:#fff;text-decoration:none}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;display:flex;align-items:center;height:42px}.nav-links a:hover{color:#0099ffa0}.nav-links a.active{color:#09f}.dark-mode-button{width:36px;height:36px;padding:0;background:none;border:none;cursor:pointer;position:relative;z-index:3000;display:flex;align-items:center;justify-content:center}.sun-core{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0) scale(1);transform-origin:center;box-shadow:inset 0 0 #fff;transition:background .4s ease,box-shadow .4s ease,transform .4s ease}.sun-dot{position:absolute;width:4px;height:4px;top:calc(50% - 2px);left:calc(50% - 2px);border-radius:50%;background:#fff;opacity:1;transform-origin:2px 2px;transform:rotate(var(--angle)) translateY(-15px);transition:transform .55s ease,opacity .3s ease}.dot-1{--angle: 0deg}.dot-2{--angle: 45deg}.dot-3{--angle: 90deg}.dot-4{--angle: 135deg}.dot-5{--angle: 180deg}.dot-6{--angle: 225deg}.dot-7{--angle: 270deg}.dot-8{--angle: 315deg}.dark-mode-button.dark .sun-dot{opacity:0;transform:rotate(calc(var(--angle) + 360deg)) translateY(-6px)}.dark-mode-button.dark .sun-core{background:transparent;box-shadow:inset 2px -6.5px #fff;transform:translate(-50%,-50%) rotate(400deg) scale(1.45)}.mobile-menu-button{display:none;width:42px;height:42px;background:none;border:none;cursor:pointer;z-index:3000;position:relative}.mobile-menu-button span{display:block;width:28px;height:3px;background:#fff;margin:6px auto;border-radius:999px;transition:transform .3s ease,opacity .3s ease}.mobile-menu-button.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:#000000c1;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .35s ease}.mobile-menu-open{opacity:1;pointer-events:auto}.mobile-menu a{color:#fff;text-decoration:none;font-size:42px;font-weight:700;opacity:0;transform:translateY(20px)}.mobile-menu button{color:#fff;background:none;text-decoration:none;font-size:42px;font-weight:700;opacity:0;transform:translateY(20px)}.mobile-menu-open button,.mobile-menu-open a{animation:fadeMenuItem .5s ease forwards}.mobile-menu-open a:nth-child(1){animation-delay:.15s}.mobile-menu-open a:nth-child(2){animation-delay:.3s}.mobile-menu-open a:nth-child(3){animation-delay:.45s}.mobile-menu-open button{animation-delay:.6s}.mobile-menu a:hover,.mobile-menu a.active{color:#09f}.portfolio-page{transition:background-color .45s ease;background:var(--page-bg)}.portfolio-header{transition:background-color .45s ease;background:var(--section-bg);min-height:45vh;padding:140px 32px 80px;display:flex;justify-content:center;align-items:center;text-align:center}.portfolio-header-content{max-width:900px}.portfolio-header-content h1{transition:color .45s ease;font-size:56px;margin:0 0 16px;color:var(--text-main)}.portfolio-header-content p{transition:color .45s ease;font-size:22px;color:var(--text-muted);margin:0}.portfolio-grid{max-width:1200px;margin:0 auto;padding:80px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-tile{background:var(--card-bg);border-radius:28px;overflow:hidden;box-shadow:var(--project-tile-shadow);opacity:0;transform:translateY(40px);transition:background-color .45s ease,opacity .6s ease var(--enter-delay, 0ms),transform .6s ease var(--enter-delay, 0ms),box-shadow .25s ease}.project-tile-visible{opacity:1;transform:translateY(0)}.project-tile.project-tile-visible:hover{transform:translateY(-6px);box-shadow:var(--project-tile-shadow-hover)}.project-tile img{width:100%;height:260px;object-fit:cover}.project-tile-content{padding:32px}.project-tile h2{transition:color .45s ease;font-size:32px;margin:0 0 12px;color:var(--text-main)}.project-tile p{transition:color .45s ease;font-size:17px;line-height:1.6;color:var(--text-muted);margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.project-tags span{transition:background-color .45s ease,color .45s ease;background:var(--project-tags-bg);color:var(--project-tags-text);padding:6px 10px;border-radius:999px;font-size:14px}.project-actions{display:flex;gap:14px;margin-top:28px}.project-actions a{text-decoration:none;padding:12px 18px;border-radius:999px;background:var(--project-actions-bg);color:var(--project-actions-text);font-size:15px;font-weight:700;transition:background-color .45s ease,color .45s ease,transform .2s ease}.project-actions a:hover{background:#0e3a8d;transform:translateY(-2px)}.project-labels{display:flex;align-items:center;gap:10px;margin-bottom:14px}.project-type,.project-indev{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:700;line-height:1}.project-type{transition:background-color .45s ease,color .45s ease;background:var(--project-type-bg);color:var(--project-type-text)}.project-indev{transition:background-color .45s ease,color .45s ease;background:var(--project-indev-bg);color:var(--project-indev-text)}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr;padding:30px 24px}.project-tile img{height:220px}.project-tile-content{padding:26px}.project-tile h2{font-size:26px}.project-actions{flex-direction:column}.project-actions a{text-align:center}}.socials-page{transition:background-color .45s ease;background:var(--page-bg)}.socials-header{transition:background-color .45s ease;background:var(--section-bg);min-height:45vh;padding:140px 32px 80px;display:flex;justify-content:center;align-items:center;text-align:center}.socials-header-content{max-width:900px}.socials-header-content h1{transition:color .45s ease;font-size:56px;margin:0 0 16px;color:var(--text-main)}.socials-header-content p{transition:color .45s ease;font-size:22px;color:var(--text-muted);margin:0}.socials-grid{max-width:1200px;margin:0 auto;padding:80px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.socials-tile{transition:background-color .45s ease;border-radius:28px;overflow:hidden;min-height:180px;text-decoration:none;box-shadow:0 8px 24px #0000001f;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease}.socials-tile-visible{opacity:1;transform:translateY(0)}.socials-tile-visible:hover{transform:translateY(-6px);box-shadow:0 18px 48px #0000002e}.socials-tile-content{padding:32px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.socials-icon{width:48px;height:48px;object-fit:contain}.socials-tile h2{font-size:32px;margin:0;color:var(--social-card-header)}.socials-tile p{font-size:15px;margin:0;top:0;color:var(--social-card-sub)}@media(max-width:1140px){.socials-grid{padding:36px 32px;grid-template-columns:repeat(3,1fr)}}@media(max-width:840px){.socials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:668px){.socials-grid{grid-template-columns:repeat(1,1fr)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid rgb(0,153,255);outline-offset:4px}#root{margin:0;padding:0;width:100%;min-height:100%}body{margin:0;font-family:Volksans,Arial,sans-serif;background:#f4f4f4;overflow-x:hidden}:root{--page-bg: #f4f4f4;--section-bg: white;--text-main: #111;--text-muted: #555;--card-bg: white;--project-tags-bg: #f1f1f1;--project-tags-text: #333;--project-actions-bg: #111;--project-actions-text: white;--project-type-bg: #e9efff;--project-type-text: #0e3a8d;--project-indev-bg: #fff3cd;--project-indev-text: #8a5a00;--project-tile-shadow: 0 8px 24px rgba(0, 0, 0, .12);--project-tile-shadow-hover: 0 18px 48px rgba(0, 0, 0, .18);--social-card-header: white;--social-card-sub: #c7c7c7}body.dark-mode{--page-bg: #111;--section-bg: #181818;--text-main: #f4f4f4;--text-muted: #c7c7c7;--card-bg: #272727;--project-tags-bg: #202020b8;--project-tags-text: #b0b0b0;--project-actions-bg: white;--project-actions-text: #111;--project-type-bg: #0e3a8d;--project-type-text: #e9efff;--project-indev-bg: #8a5a00;--project-indev-text: #fff3cd;--project-tile-shadow: 0 8px 24px rgba(0, 0, 0, .12);--project-tile-shadow-hover: 0 18px 48px rgba(0, 0, 0, .18)}@font-face{font-family:Volksans;src:url(/assets/volksansTest-SemiBold-BF63eee6e3e5233-DkYhbaV9.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}.hero{position:relative;height:100vh;width:100%;overflow:hidden;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .45s ease-in-out}.hero-image.visible{opacity:1}.hero-overlay{position:absolute;inset:0;background:#00000073;z-index:1}.hero-content{position:relative;z-index:2;color:#fff;text-align:center;max-width:1000px;padding:20px;transform:translateY(-80px)}.hero-content h1{font-size:56px;margin-bottom:16px}.hero-content p{font-size:22px;margin-bottom:24px}.intro-section{transition:background-color .45s ease,color .45s ease;background:var(--section-bg);color:var(--text-main);padding:80px 32px}.intro-content{max-width:1000px;margin:0 auto;text-align:center}.intro-content h2{font-size:40px;margin-bottom:16px}.intro-content p{transition:color .45s ease;font-size:18px;line-height:1.6;color:var(--text-muted)}.textHighlightTitle{background-image:linear-gradient(45deg,#6495ed,#0e3a8d);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}@keyframes fadeMenuItem{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{background:#111;color:#fff;padding:48px 32px 20px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.footer-content>div:first-child{justify-self:start}.footer h3{margin-top:0;margin-bottom:8px}.footer-logo{margin:0;font-size:36px;font-weight:700;color:#fff}.footer-links{justify-self:center;display:flex;align-items:center}.footer-information{justify-self:end;text-align:right}.footer-links a{color:#ccc;text-decoration:none}.footer-links a:hover{color:#0099ffa0}.footer-bottom{max-width:1200px;margin:32px auto 0;padding-top:20px;border-top:1px solid #333;text-align:center;color:#aaa}@media(max-width:768px){.navbar{padding:0 24px}.nav-links{display:none}.mobile-menu-button{display:block}.hero-content{max-width:1000px;padding:20px}.hero-content h1{font-size:40px}.logo-text{font-size:22px}.footer{padding:35px 20px 20px}.footer-content{grid-template-columns:1fr;gap:20px;text-align:center}.footer-content>div:first-child,.footer-links,.footer-information{justify-self:center;text-align:center}.footer-information{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.footer-information p{margin:0}.footer-logo{font-size:25px}.footer h3{margin-bottom:0}.project-card,.project-card.reverse{flex-direction:column}.project-card img{width:100%;height:260px}.project-card-text{width:100%;padding:32px}.project-card-text h2{font-size:28px}.project-card-text p{font-size:18px}.textHighlightTitle{display:block;margin-top:8px}}