:root { --primary-gold: #ffc107; --dark-gold: #e0a800; --light-gold: #ffdf7e; --bg-dark-deep: #0a0e14; --glass-bg: rgba(255, 255, 255, 0.05); --glass-border: rgba(255, 255, 255, 0.1); --text-gold: #ffc107; --white: #ffffff; } body.bg-wealth { background: radial-gradient(circle at top right, #1a202c, #0a0e14); color: var(--white); font-family: 'Noto Sans SC', 'Inter', -apple-system, sans-serif; min-height: 100vh; -webkit-font-smoothing: antialiased; } /* Glassmorphism Effects */ .glass-nav { background: rgba(10, 14, 20, 0.8) !important; backdrop-filter: blur(10px); border-bottom: 1px solid var(--glass-border); } .glass-card { background: var(--glass-bg); backdrop-filter: blur(15px); border: 1px solid var(--glass-border) !important; border-radius: 24px !important; } .icon-circle.bg-gold { background: linear-gradient(135deg, var(--primary-gold), var(--dark-gold)); box-shadow: 0 0 15px rgba(255, 193, 7, 0.4); } /* Navbar & Brand */ .logo-wrapper { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; overflow: hidden; border: 2px solid var(--primary-gold); box-shadow: 0 0 20px rgba(255, 193, 7, 0.3); } .brand-text { font-size: 1.4rem; background: linear-gradient(135deg, #fff 40%, var(--primary-gold) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-glow { text-shadow: 0 0 10px rgba(255, 193, 7, 0.3); } /* Animations */ @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotating { animation: rotating 15s linear infinite; } /* Carousel */ #mainCarousel { border: 1px solid var(--glass-border); } .border-gold { border: 2px solid var(--primary-gold) !important; } .hero-img { height: 220px; object-fit: cover; filter: brightness(0.6); } .carousel-caption h2 { font-size: 2.2rem !important; text-shadow: 0 0 20px rgba(0,0,0,1); } /* Inputs & Outputs */ .glass-input { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid var(--glass-border) !important; color: #fff !important; border-radius: 12px !important; transition: all 0.3s ease; } .glass-input:focus { background: rgba(255, 255, 255, 0.08) !important; border-color: var(--primary-gold) !important; box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.1) !important; } .result-container-dark { background: rgba(0, 0, 0, 0.3); border: 1px dashed var(--glass-border); color: var(--primary-gold); font-family: 'Consolas', 'Monaco', monospace; white-space: pre-wrap; line-height: 2.2; font-size: 1.1rem; } /* Buttons */ .btn-gold { background: linear-gradient(135deg, var(--primary-gold) 0%, var(--dark-gold) 100%); border: none; color: #000; border-radius: 12px; box-shadow: 0 8px 20px rgba(255, 193, 7, 0.3); transition: all 0.3s ease; } .btn-gold:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(255, 193, 7, 0.5); color: #000; } .btn-gold-outline { border: 1px solid var(--primary-gold); color: var(--primary-gold); border-radius: 8px; transition: all 0.2s; } .btn-gold-outline:hover { background: var(--primary-gold); color: #000; } .text-light-muted { color: rgba(255, 255, 255, 0.6); } /* Footer & Logo */ .bg-dark-deep { background-color: #05070a; } .footer { border-top: 2px solid var(--glass-border); } .footer-logo { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary-gold); box-shadow: 0 0 15px rgba(255, 193, 7, 0.4); } .text-gold { color: var(--primary-gold) !important; } /* Responsive */ @media (max-width: 768px) { .hero-img { height: 160px; } .carousel-caption h2 { font-size: 1.5rem !important; } }.logo-img { width: 100%; height: 100%; object-fit: cover; display: block; } .marked-label { font-weight: 800 !important; font-size: 0.95rem !important; letter-spacing: 0.5px; text-shadow: 0 0 10px rgba(255, 193, 7, 0.4); }