:root{--bg-dark: #0E0E0E;--bg-card: #1C1C1C;--text-main: #F5F5F5;--text-muted: #B5B5B5;--gold-accent: #f3c142;--gold-hover: #dda924;--border-color: #333333;--font-serif: "Playfair Display", serif;--font-sans: "Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em}button{cursor:pointer;transition:all .3s ease}.text-gold{color:var(--gold-accent)}.bg-gold{background-color:var(--gold-accent)}.border-gold{border:1px solid var(--gold-accent)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--card-bg);border:1px solid var(--border-color)}.project-card{background:#1a1a1a;border-radius:12px;overflow:hidden;transition:all .4s ease;border:1px solid transparent}.project-card:hover{transform:translateY(-8px);border-color:#d4af37;box-shadow:0 15px 40px #d4af3733}.project-image{position:relative;overflow:hidden;height:220px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover img{transform:scale(1.08)}.project-content{padding:22px}.project-content h3{color:#fff;margin-bottom:5px}.project-content p{color:#aaa;font-size:.9rem}.status{position:absolute;top:15px;left:15px;background:#d4af37;color:#000;font-size:.8rem;font-weight:600;padding:6px 10px;border-radius:4px}
