.navbar{position:fixed;top:0;left:0;width:100%;padding:32px;display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--text-main);z-index:1000;transition:background .2s ease,backdrop-filter .1s ease,padding .3s ease,box-shadow .9s ease}.navbar.scrolled{background:var(--bg),.2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:32px;box-shadow:0 2px 10px #0000001a}.logo-image{height:2rem}.nav-links{display:flex;gap:64px;justify-content:center;flex:1;align-items:center}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;padding:4px 32px;border-radius:999px;border:1px solid transparent}.nav-links a:hover{color:var(--bg);background-color:var(--text-main)}.nav-links a:active{background-color:var(--text-main);color:var(--bg)}.theme-toggle-wrapper{position:relative;width:80px;height:40px;display:inline-block;border-radius:999px;background-color:var(--text-main);cursor:pointer;transition:background-color .3s}.theme-toggle-wrapper .slider{position:absolute;top:1px;left:1px;width:40px;height:38px;border-radius:50%;background-color:var(--bg-card);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.theme-toggle-wrapper.light .slider{transform:translate(38px)}.mobile-theme-toggle{display:none}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.hamburger .bar{width:25px;height:3px;background-color:var(--text-main);transition:all .3s ease;z-index:1100}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:1000px){.desktop-theme-toggle{display:none}.hamburger{display:flex}.navbar,.navbar.scrolled{padding:32px}.nav-links{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:32px;transform:translate(100%);transition:transform .3s ease-in-out;z-index:998}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.5rem;padding:0;background:none;border-radius:0;color:var(--text-main);transition:color .2s ease}.nav-links a:hover{color:var(--text-muted);transform:none}.mobile-theme-toggle{margin-top:32px;display:block}}*{transition:background-color .3s ease,color .3s ease}.back-to-top{position:fixed;bottom:40px;right:40px;width:200px;height:50px;border:2px solid #099;border-radius:50px;font-size:1.2rem;font-weight:500;color:var(--text-main);cursor:pointer;background:#0099994d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease,color .3s ease,background-color .3s ease,backdrop-filter .3s ease;z-index:1000}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top.dark-text{color:var(--text-main)}.footer{width:100%;background-color:var(--bg);color:var(--text-muted);padding:64px 32px 32px;box-sizing:border-box}.footer-top{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;margin-bottom:64px;align-items:top;justify-items:center}.footer-logo img{max-height:2em}.footer-links{display:flex;gap:48px}.footer-list{list-style:none;padding:0}.footer-list li{margin-bottom:12px}.footer-list li a{color:var(--text-main);text-decoration:none}.footer-list li a:hover{text-decoration:underline}.footer-bottom{text-align:center;padding:64px;font-size:.875rem}.footer-bottom p{color:var(--text-main)}.btn-group{display:flex;gap:16px}.btn{display:inline-flex;padding:8px 32px;justify-content:center;align-items:center;gap:10px;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease}.btn:hover{background-color:var(--hover);border-color:var(--accent);transform:translateY(2px)}.btn-primary{background-color:var(--accent);color:var(--white);border-color:var(--accent)}.btn-secondary{background-color:#033;color:#f7f7f7;border:1px solid #f7f7f7}.btn-outline{background:none;color:var(--text-main);border-color:var(--accent)}.btn.active{background:var(--accent);color:#f7f7f7}.hero-section{position:relative;width:100%;height:50vh;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden;text-align:center;padding:0 4rem;margin-bottom:10vh}.hero-inner{width:90%;max-width:1200px;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.hero-inner h1{font-size:4rem;font-weight:800;line-height:1.1;color:var(--text-main)}.hero-inner p{font-size:1.25rem;max-width:720px;color:var(--text-muted);margin-top:.5rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;justify-content:center}@media(max-width:768px){.hero-inner h1{font-size:2.75rem}.hero-inner p{font-size:1.125rem}.hero-buttons{flex-direction:column;gap:.75rem}}.about-section{width:90%;max-width:1200px;margin:0 auto 4rem}.about-inner{display:flex;flex-direction:row;gap:4rem;align-items:center}.about-image{flex:0 0 40%;max-width:500px;width:100%;border-radius:16px;overflow:hidden}.about-image img{width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.about-content{flex:1 1 60%;display:flex;flex-direction:column;gap:1rem}.about-content h2{font-size:2rem;font-weight:700;color:var(--text-main)}.about-content p{font-size:1rem;line-height:1.6;color:var(--text-muted)}@media(max-width:768px){.about-inner{flex-direction:column}.about-image,.about-content{flex:1 1 100%}}.contact-section-minimal{width:100%;padding:6rem 0;display:flex;justify-content:center;align-items:center}.contact-inner-minimal{width:90%;max-width:1200px;display:flex;flex-direction:column;gap:1rem;text-align:center;background:var(--bg-card);padding:3rem 2rem;border-radius:16px;box-shadow:0 6px 20px #0000000d}.contact-inner-minimal h2{font-size:2.5rem;font-weight:700;color:var(--text-main)}.contact-inner-minimal p{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.contact-buttons-minimal{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}@media(max-width:768px){.contact-inner-minimal h2{font-size:2rem}.contact-inner-minimal p{font-size:1rem}.contact-buttons-minimal{flex-direction:column;gap:.75rem}}.portfolio-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.portfolio-message{text-align:center;padding:3rem 0;font-size:.95rem;color:#666}.portfolio-message.error{color:#c0392b}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}.active{background-color:#00bcbc;color:var(--text-main)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.8rem}.portfolio-card{display:flex;flex-direction:column;cursor:pointer;background:var(--bg-card);overflow:hidden;border-radius:20px;box-shadow:0 14px 40px #00080833;transition:transform .3s ease,box-shadow .3s ease}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px #00484814}.portfolio-card:focus{outline:2px solid #111;outline-offset:3px}.portfolio-image{position:relative;width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;transition:transform .5s ease}.portfolio-card:hover{transform:scale(1.04)}.portfolio-overlay{position:absolute;inset:0;background:#0000008c;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{font-size:1.1rem;margin-bottom:.4rem}.portfolio-overlay span{font-size:.8rem;opacity:.85;letter-spacing:.05em}.portfolio-tag{position:absolute;top:12px;left:12px;padding:.3rem .7rem;font-size:.7rem;letter-spacing:.05em;background:#009999d9;border:1px solid var(--accent);color:#f7f7f7;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.portfolio-info{padding:1.1rem 1.2rem 1.4rem}.portfolio-info h3{font-size:1.05rem;font-weight:600;margin:0 0 .35rem;line-height:1.3}.portfolio-info p{font-size:.85rem;color:var(--text-main);margin:0}@media(max-width:768px){.portfolio-section{padding:3.5rem 1.2rem}.portfolio-grid{gap:1.2rem}.portfolio-info{padding:.9rem 1rem 1.2rem}}.portfolio-info h3,.portfolio-overlay h3{-webkit-font-smoothing:antialiased}.portfolio-card:hover .portfolio-overlay{transition-delay:.05s}.project-detail{padding:3rem 2rem;max-width:1200px;margin:8em auto 0}.back-btn{margin-bottom:2rem;background:none;border:none;font-size:.9rem;cursor:pointer;color:var(--text-muted)}.back-btn:hover{color:#000}.project-hero{position:relative;margin-bottom:3rem}.project-hero img{width:100%;object-fit:cover;aspect-ratio:16 / 9;height:auto;display:block;box-shadow:0 14px 40px #00080833}.project-hero-text{margin-bottom:2rem}.project-hero-text h1{font-size:2rem;margin:0 0 .4rem}.project-hero-text p{color:var(--text-muted);margin:0}.project-layout{display:grid;grid-template-columns:250px 1fr;gap:3rem}.project-sidebar h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.project-sidebar p{margin-bottom:1.5rem;font-size:.9rem}.project-sidebar ul{list-style:none;padding:0;margin:0}.project-sidebar li{font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.project-content section{margin-bottom:2.5rem}.project-content h2{font-size:1.2rem;margin-bottom:.6rem}.project-content p{line-height:1.6;color:var(--text-main);font-size:.95rem}.project-problem{border-left:2px solid var(--text-main);padding-left:1.25rem}.project-problem p{font-size:1.1rem!important;line-height:1.5;color:var(--text-main)!important}.decision-item{background:var(--bg-card);border-radius:6px;padding:1.1rem 1.25rem;margin-bottom:.75rem;box-shadow:0 14px 40px #00080814}.decision-item h3{font-size:.95rem;margin:0 0 .4rem}.decision-item p{margin:0;color:var(--text-muted)!important}.project-next-steps ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.project-next-steps li{font-size:.85rem;color:var(--text-muted);background:var(--bg-card);border-radius:20px;padding:.3rem .85rem}.project-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-images img{width:100%;aspect-ratio:16 /9;object-fit:cover;display:block}@media(max-width:900px){.project-layout{grid-template-columns:1fr}.project-sidebar{order:2}.project-images{grid-template-columns:1fr}.project-next-steps ul{flex-direction:column}}.project-wrapper{animation:slideIn .35s ease forwards}.project-wrapper.exiting{animation:slideOut .25s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}*{margin:0;padding:0;box-sizing:border-box}html,#root,body{width:100%;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text-main);transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}section{scroll-margin-top:200px;width:100%}a,button{text-decoration:none;cursor:pointer}a:hover{text-decoration:none}:root{--bg: #033;--bg-card: #022;--secondary: rgb(255, 124, 181);--accent: #099;--hover: rgb(0, 97, 97);--border: rgb(138, 173, 173);--text-main: #f5f5f5;--text-muted: rgb(187, 220, 220);--white: #f5f5f5}[data-theme=light]{--bg: rgb(212, 227, 227);--bg-card: rgb(241, 249, 249);--secondary: rgb(46, 13, 27);--accent: #099;--hover: rgb(0, 97, 97);--border: rgb(0, 88, 88);--text-main: #033;--text-muted: rgb(0, 88, 88)}h1{font-size:clamp(2.75rem,5vw,3.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}h2{font-size:2rem;font-weight:600;letter-spacing:-.02em}h3{font-size:1.125rem;font-weight:500}p,li{line-height:1.6;margin:0}.text-xl{font-size:1.125rem}.text-sm{font-size:.9rem}.text-neutral-400{color:var(--text-muted)}.text-neutral-500{color:#8a8a8a}.max-w-6xl{max-width:1100px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-24{padding-top:6rem;padding-bottom:6rem}.content{width:100%;margin:0 auto 4rem;display:flex;flex-direction:column;gap:2rem}