:root{--bg-main:#020617;--bg-card:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#2563eb;--accent-secondary:#60a5fa;--glass-bg:rgba(30, 41, 59, 0.5);--glass-border:rgba(255, 255, 255, 0.1);--shadow-glow:0 0 20px rgba(37, 99, 235, 0.1);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--nav-height:3.25rem}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem)}.skip-link{position:absolute;left:-9999px;top:.75rem;z-index:2000;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;font-weight:600;border-radius:8px;text-decoration:none}.skip-link:focus{left:.75rem;outline:2px solid var(--accent-secondary);outline-offset:2px}.site-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(2,6,23,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.site-nav__inner{max-width:1200px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-height:var(--nav-height)}.site-nav__brand{font-weight:800;font-size:1rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.site-nav__brand:hover{color:var(--accent-secondary)}.site-nav__links{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin:0;padding:0}.site-nav__links a{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;transition:color var(--transition-normal)}.site-nav__links a:hover{color:var(--text-primary)}.site-nav__brand:focus-visible,.site-nav__links a:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:4px;border-radius:4px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden}header{background:radial-gradient(circle at top,#1e293b 0,#020617 100%);padding:calc(5rem + var(--nav-height)) 1rem 4rem;text-align:center;position:relative}header h1{font-size:clamp(2rem, 5vw, 3.5rem);margin-bottom:1rem;font-weight:800;background:linear-gradient(135deg,#fff 0,#94a3b8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header p{font-size:1.25rem;color:var(--text-secondary);max-width:800px;margin:0 auto}main{max-width:1200px;margin:0 auto;padding:2rem 1rem;scroll-margin-top:calc(var(--nav-height) + 1rem)}section{margin-bottom:6rem;scroll-margin-top:calc(var(--nav-height) + 1rem)}.section-title{font-size:2.25rem;margin-bottom:2.5rem;text-align:center;font-weight:700;position:relative}.section-title::after{content:'';display:block;width:60px;height:4px;background:var(--accent-primary);margin:.75rem auto 0;border-radius:2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:2rem;margin-bottom:4rem}.info-card{background:var(--bg-card);padding:2.5rem;border-radius:24px;border:1px solid var(--glass-border);transition:var(--transition-normal)}.info-card h3{font-size:1.5rem;margin-bottom:1.25rem;color:var(--accent-secondary)}.info-card p{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.contact-section--muted{margin-top:4rem;background:var(--glass-bg)}.project-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.filter-btn{appearance:none;font:inherit;cursor:pointer;padding:.45rem 1.1rem;border-radius:99px;border:1px solid var(--glass-border);background:rgba(15,23,42,.6);color:var(--text-secondary);font-weight:600;font-size:.875rem;transition:var(--transition-normal)}.filter-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.filter-btn.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-btn:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.filter-status{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.75rem;min-height:1.25em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:2.5rem}.project-item{background:var(--bg-card);border-radius:24px;overflow:hidden;border:1px solid var(--glass-border);transition:var(--transition-normal);display:flex;flex-direction:column;animation:fadeIn .6s ease-out forwards}.project-item:first-child{animation-delay:30ms}.project-item:nth-child(2){animation-delay:60ms}.project-item:nth-child(3){animation-delay:90ms}.project-item:nth-child(4){animation-delay:.12s}.project-item:nth-child(5){animation-delay:.15s}.project-item:nth-child(6){animation-delay:.18s}.project-item:nth-child(7){animation-delay:.21s}.project-item:nth-child(8){animation-delay:.24s}.project-item:nth-child(9){animation-delay:.27s}.project-item:nth-child(10){animation-delay:.3s}.project-item:nth-child(11){animation-delay:.33s}.project-item:nth-child(12){animation-delay:.36s}.project-item:nth-child(13){animation-delay:.39s}.project-item:nth-child(14){animation-delay:.42s}.project-item:nth-child(15){animation-delay:.45s}.project-item:nth-child(16){animation-delay:.48s}.project-item:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.project-item a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.project-img-container{overflow:hidden;height:220px;position:relative;aspect-ratio:16/11}.project-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.project-item:hover img{transform:scale(1.05)}.project-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.project-item h3{font-size:1.4rem;margin-bottom:.75rem;font-weight:700;color:var(--text-primary)}.project-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.badge-soon{position:absolute;top:1rem;right:1rem;background:rgba(2,6,23,.8);backdrop-filter:blur(4px);padding:.4rem 1rem;border-radius:99px;font-size:.75rem;font-weight:700;color:var(--accent-secondary);border:1px solid var(--accent-primary);z-index:10;text-transform:uppercase;letter-spacing:.05em}.contact-section{background:linear-gradient(135deg,var(--bg-card) 0,#1e293b 100%);padding:4rem 2rem;border-radius:32px;text-align:center;border:1px solid var(--glass-border)}.contact-section h3{font-size:2rem;margin-bottom:1rem}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.btn-contact{display:inline-block;padding:.75rem 2rem;border-radius:99px;text-decoration:none;font-weight:600;transition:var(--transition-normal)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);box-shadow:0 0 20px rgba(59,130,246,.4)}.btn-outline{border:2px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-primary);background:rgba(59,130,246,.1)}.btn-contact:focus-visible,.project-item a:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}footer{text-align:center;padding:4rem 1rem;color:var(--text-secondary);font-size:.9rem;border-top:1px solid var(--glass-border)}@media (max-width:768px){header{padding:calc(3.5rem + var(--nav-height)) 1rem 3rem}.section-title{font-size:1.75rem}.site-nav__inner{justify-content:center}.site-nav__links{justify-content:center}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-item{animation:none}.btn-contact,.filter-btn,.project-item,.project-item img{transition:none}.project-item:hover{transform:none}.project-item:hover img{transform:none}}.page-404{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.page-404 .bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(59,130,246,.05) 0,transparent 70%);pointer-events:none;z-index:-1}.page-404 .error-container{max-width:800px;padding:2rem;text-align:center;animation:fadeIn .8s ease-out}.page-404 .error-code{font-size:clamp(8rem, 20vw, 12rem);font-weight:800;line-height:1;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(59, 130, 246, .3))}.page-404 .error-title{font-size:clamp(1.5rem, 5vw, 2.5rem);margin-bottom:1.5rem;font-weight:700;color:var(--text-primary)}.page-404 .error-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.page-404 .error-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.page-404 footer{position:absolute;bottom:0;width:100%;border-top:none;padding:1.5rem 1rem}@media (prefers-reduced-motion:reduce){.page-404 .error-container{animation:none}}