:root{--bg-gradient-dark:radial-gradient(circle at center,#001a0d 0%,#000 120%);--text-color:#f0f0f0;--accent-color:#4caf50;--font-stack:'Inter' , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , Helvetica , Arial , sans-serif;--card-bg:rgba(20,20,20,.6);--card-border:rgba(255,255,255,.1)}body{margin:0;padding:0;font-family: var(--font-stack);background:var(--bg-gradient-dark);background-attachment:fixed;color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.03;background-image:url(data:image/svg+xml,%3Csvg\ viewBox=\'0\ 0\ 200\ 200\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter\ id=\'noiseFilter\'%3E%3CfeTurbulence\ type=\'fractalNoise\'\ baseFrequency=\'0.85\'\ numOctaves=\'3\'\ stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect\ width=\'100%25\'\ height=\'100%25\'\ filter=\'url\(%23noiseFilter\)\'/%3E%3C/svg%3E);background-size:100px 100px}.main-container{position:relative;z-index:1;width:90%;max-width:600px;text-align:center;padding:2rem 0}body.page-projects{align-items:flex-start}body.page-projects .main-container{margin-top:10vh}.logo{width:100%;max-width:400px;margin-bottom:3rem;opacity:.9;transition:opacity .3s ease}.logo:hover{opacity:1}.logo-large{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));max-width:100%;width:400px;height:auto}.logo-small{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));max-width:200px;margin-bottom:2rem}.links-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;padding:.8rem 2rem;border:1px solid transparent;border-radius:4px;transition:all .3s ease;opacity:.7}.nav-link:hover{opacity:1;border-color:rgba(255,255,255,.2);background-color:rgba(255,255,255,.05)}.page-title{font-size:1.5rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3rem;opacity:.8}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;align-items:start}@media (min-width:600px){.projects-grid{grid-template-columns:1fr 1fr}}.project-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:2rem;text-decoration:none;color:var(--text-color);transition:transform .3s ease , border-color .3s ease;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.project-card h2{margin:0;font-size:1.2rem;font-weight:400}.project-header{position:relative;margin-bottom:1rem}.project-card p.cta{margin:0;font-size:.9rem;opacity:.6;transition:opacity .3s ease}.project-card .description{margin:0;font-size:.85rem;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;color:var(--text-color);transform:translateY(-5px)}.project-card:hover{border-color:rgba(255,255,255,.4)}.project-card:hover p.cta{opacity:1;color:var(--accent-color)}.project-card:hover .description{opacity:.7;max-height:2rem;margin-top:.5rem;transform:translateY(0)}.project-card.coming-soon{opacity:.5;cursor:default}.project-card.coming-soon:hover{transform:none;border-color:var(--card-border)}.project-card.coming-soon:hover p.cta{color:var(--text-color);opacity:.6}.back-link-container{margin-top:2rem}