@font-face{font-family:Origraph;src:url(/fonts/Origraph-font.otf) format("opentype");font-weight:400;font-style:normal}:root{--bg: #111;--card-bg: #1a1a1a;--accent: #00ffc6;--text: #eee;--muted: #aaa}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);margin:0}header,footer{text-align:center;padding:2rem 1rem;background:#1f1f1f}h1{font-family:Origraph;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem}.card{position:relative;background:var(--card-bg);border-radius:1rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 12px #0000004d;transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 12px 30px #00000080}.card img,.card iframe{width:100%;height:220px;object-fit:cover;transition:transform .6s ease}.card:hover img{transform:scale(1.08)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.card:hover:before{opacity:1}.card-content{padding:1.2rem;z-index:2;position:relative}.card h2{margin:0 0 .5rem;font-size:1.3rem;font-weight:600;color:var(--accent);transition:color .3s ease}.card:hover h2{color:#fff}.card .description{font-size:.9rem;line-height:1.5;color:var(--muted);margin-bottom:.75rem;opacity:.9}.tech{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;transform:translateY(10px);opacity:0;transition:opacity .4s ease,transform .4s ease}.card:hover .tech{transform:translateY(0);opacity:1}.tech li{background:#ffffff14;color:var(--accent);font-size:.75rem;padding:.3rem .6rem;border-radius:.5rem;backdrop-filter:blur(4px);transition:background .3s ease,color .3s ease}.tech li:hover{background:var(--accent);color:#111}.complimentary-card{background:#151515;border:1px dashed #333;font-size:.9rem}.complimentary-card h3{font-size:1rem}.badge{display:inline-block;background:#444;color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:6px;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}