/* General */body { font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; background-color: #fff; color: #333;}.text-gold { color: #d4af37; }.btn-outline-gold { border: 2px solid #d4af37; color: #d4af37; border-radius: 30px; padding: 8px 20px; transition: all 0.3s ease;}.btn-outline-gold:hover,.btn-outline-gold.active { background: #d4af37; color: #000;}.btn-gold { background: #d4af37; color: #222; border: none; border-radius: 30px; padding: 8px 20px; transition: all 0.3s ease;}.btn-gold:hover, .btn-outline-gold:active { background: #bfa134; color: #fff;}/* Navbar */.navbar { transition: all 0.4s ease-in-out; padding: 15px 0;}.navbar.scrolled { background-color: rgba(0, 0, 0, 0.95) !important; padding: 8px 0; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}.navbar-brand { font-weight: 700; transition: all 0.3s ease; position: relative; padding: 5px 0;}.navbar-brand:hover { transform: translateY(-2px);}.navbar-nav .nav-link { position: relative; margin: 0 10px; padding: 8px 15px !important; font-weight: 500; transition: all 0.3s ease; color: rgba(255, 255, 255, 0.85) !important;}.navbar-nav .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 50%; background-color: #d4af37; transition: all 0.3s ease; transform: translateX(-50%);}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-link.active { color: #d4af37 !important; transform: translateY(-2px);}.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link:focus::after,.navbar-nav .nav-link.active::after { width: 70%;}.navbar-toggler { border: none; padding: 0.5rem; transition: all 0.3s ease;}.navbar-toggler:focus { box-shadow: 0 0 0 0.15rem rgba(212, 175, 55, 0.25);}.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28212, 175, 55, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; transition: all 0.3s ease;}.navbar-toggler:hover .navbar-toggler-icon { transform: scale(1.1);}/* Hero */.hero-section { height: 100vh; background: url('/assets/images/bg.jpg') center/cover no-repeat; position: relative;}.hero-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem;}.hero-buttons .btn { min-width: 160px; transition: all 0.3s ease; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; padding: 0.75rem 1.5rem;}.hero-buttons .btn-outline-gold:hover { background: #d4af37; color: #000; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);}.hero-buttons .btn-gold { background: #d4af37; color: #000; border: 2px solid #d4af37;}.hero-buttons .btn-gold:hover { background: transparent; color: #d4af37; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);}@media (max-width: 576px) { .hero-buttons { flex-direction: column; align-items: center; } .hero-buttons .btn { width: 100%; max-width: 220px; }}.hero-section::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.6);}.hero-section .container { position: relative; z-index: 2;}.hero-section h1 { font-size: 3rem; text-shadow: 2px 2px 6px rgba(0,0,0,0.7);}/* About */.about-section { background: url('/assets/images/about.jpg') center/cover no-repeat fixed; position: relative;}.about-section::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.6);}.about-section .container { position: relative; z-index: 2;}.about-image-box img { border-radius: 12px;}/* Portfolio */.portfolio-card { position: relative; overflow: hidden; border-radius: 12px; transition: transform .3s ease, box-shadow .3s ease;}.portfolio-card img { transition: transform .5s ease;}.portfolio-card:hover img { transform: scale(1.1);}.portfolio-card:hover { box-shadow: 0 10px 25px rgba(212, 175, 55, 0.3);}.portfolio-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.65); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity .4s ease; color: #fff;}.portfolio-card:hover .portfolio-overlay { opacity: 1; }/* Footer */footer { font-size: 0.9rem; }/* Responsive */@media(max-width:768px){ .hero-section h1 { font-size: 2rem; }}/* Scroll to Top Button *//* Back to Top Button */.back-to-top { position: fixed; bottom: 25px; right: 25px; background: #d4af37; /* gold color */ color: #111; border: none; border-radius: 50%; width: 45px; height: 45px; font-size: 22px; font-weight: bold; cursor: pointer; display: none; /* hidden by default */ align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(0,0,0,0.3); transition: all 0.3s ease; z-index: 9999;}.back-to-top:hover { background: #111; color: #d4af37;}