.page-wrapper,body{height:100vh;overflow:hidden}.nav-bar,header{border-bottom:2px solid #b8860b}.range-label,.section-header{text-transform:uppercase;letter-spacing:.5px}.left-column,.page-wrapper,.spot-rates-section,.value-box,body,main{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html{font-size:22px}body{font-family:Roboto,sans-serif;background:#000;color:#fff}.page-wrapper{width:100%;margin:0 auto;display:flex;flex-direction:column}header{padding:25px 40px;width:100%;flex-shrink:0}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:20px}.logo-container{display:flex;align-items:center;flex-shrink:0}.header-logo{height:100px;width:auto;filter:drop-shadow(0 2px 8px rgba(212, 175, 55, .3));object-fit:contain}.clocks{display:flex;gap:30px;align-items:flex-end}.clock-item{text-align:center;color:#fcbc45}.clock-item img{height:40px;width:auto;display:block;margin:0 auto 4px;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.clock-item .time{font-size:.7rem;font-weight:700;white-space:nowrap;color:#fcbc45}.nav-bar{background:#141414;padding:0;flex-shrink:0}.nav-bar ul{list-style:none;display:flex;justify-content:center}.nav-bar ul li a{color:#fcbc45;text-decoration:none;padding:10px 50px;display:block;font-size:.85rem;font-weight:800;text-transform:uppercase;transition:.3s;letter-spacing:1px}.nav-bar ul li a:hover{color:#fff;background-color:rgba(212,175,55,.1)}.nav-bar ul li a.active{background:linear-gradient(180deg,#fcbc45 0,#b8860b 100%);color:#111;border-radius:4px 4px 0 0}main{padding:12px 20px;flex:1;width:100%;min-height:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;height:100%;align-items:stretch}.left-column{display:flex;flex-direction:column;gap:0;height:100%}.left-column .spot-rates-section{flex:1;display:flex;flex-direction:column}.section-header{background:linear-gradient(180deg,#000 0,#322815 100%);color:#fcbc45;padding:15px 20px;font-weight:800;display:flex;justify-content:space-between;font-size:.9rem;border-bottom:1px solid #b8860b;border-radius:10px 10px 0 0;position:relative;flex-shrink:0}.commodity-header{margin-bottom:0;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:15px 20px}.commodity-header span:nth-child(3),.commodity-header span:nth-child(4){text-align:right}.currency-icon{color:#fcbc45;font-style:normal;margin-right:3px;font-weight:700}.spot-rates-section{background:#141414;border:1px solid #b8860b;border-radius:10px;padding-bottom:0;display:flex;flex-direction:column;height:100%}.rate-card{display:flex;align-items:center;padding:12px 15px;margin-bottom:0;flex:1}.rate-card:not(:last-child){border-bottom:1px solid rgba(184,134,11,.2)}.rate-label{flex:0 0 170px;font-weight:700;color:#fff}.rate-label-gold,.rate-label-silver{font-size:1.7rem;font-weight:900}.rate-label-gold .oz-label,.rate-label-silver .oz-label{display:block;color:#888;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.rate-values{display:flex;gap:15px;flex:1}.value-box{flex:1;background:linear-gradient(180deg,#2a2a2a 0,#1a1a1a 50%,#111 100%);border:1px solid #555;border-radius:6px;text-align:center;padding:10px 10px 0;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.value-box.bid{border-color:#666}.value-box .price{display:block;font-size:2.6rem;font-weight:800;margin-bottom:6px;letter-spacing:-1px;color:#fff}.range-label{display:block;background:linear-gradient(180deg,#fcbc45 0,#a07828 100%);color:#111;font-size:.7rem;font-weight:800;padding:5px;margin:0 -10px}.range-label span{color:#fff}.commodity-section{background-color:rgba(24,24,26,.98);border:1px solid #b8860b;border-radius:10px;overflow:auto;display:flex;flex-direction:column}.commodity-table-container{position:relative;padding:0;flex:1;display:flex;flex-direction:column;background:#141414}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.08;width:80%;z-index:0;pointer-events:none}.commodity-table{width:100%;border-collapse:collapse;position:relative;z-index:1;height:100%}.commodity-table tr{border-bottom:1px solid rgba(184,134,11,.2);transition:background-color .2s}.commodity-table tr:nth-child(2n){background-color:rgba(255,255,255,.02)}.commodity-table tr:hover{background-color:rgba(212,175,55,.05)}.commodity-table td{padding:18px 20px;font-size:1.3rem;font-weight:700}.commodity-table td:first-child{width:40%}.commodity-table td:nth-child(2){width:20%}.commodity-table td:nth-child(3),.commodity-table td:nth-child(4){width:20%;text-align:right}.price-cell{color:#2bff00;text-align:right;font-size:2rem!important;letter-spacing:-1px}.commodity-table .name-website{font-weight:700;font-size:1.3rem;color:#fff}.commodity-table .currency{font-weight:700;font-size:1.2rem;color:#fcbc45}.commodity-table .buy_rate{color:#fcbc45;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.commodity-table .sell_rate{color:#2bff00;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.ticker-footer{background-color:#111;padding:10px 40px;border-top:2px solid #b8860b;font-weight:800;color:#fcbc45;font-size:1rem;width:100%;flex-shrink:0;display:flex;align-items:center;gap:20px}.ticker-footer .footer-logo-icon{height:40px;width:40px;object-fit:contain;flex-shrink:0;border-radius:50%;border:1px solid #b8860b}.ticker-footer .footer-company-name{white-space:nowrap;flex-shrink:0;font-size:.9rem;letter-spacing:.5px}.company-name{font-size:1.6rem;font-weight:900;color:#fcbc45;margin-left:10px}.ticker-footer .footer-marquee-wrapper{flex:1;overflow:hidden}.ticker-footer marquee{font-size:.95rem;color:#fcbc45}footer{color:#888;padding:8px 40px;border-top:1px solid #333;width:100%;flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:400;color:#fff}.footer-bottom .copyright,.footer-bottom .privacy{color:#777}.footer-bottom .copyright small{margin-left:5px;color:#555}.fix-rates{padding:0 25px}.fix-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.fix-label{font-size:1.5rem;font-weight:800}.fix-value{background:linear-gradient(180deg,#2b2b30 0,#1a1a1e 100%);border:1px solid rgba(212,175,55,.25);border-radius:10px;padding:12px 20px;font-size:2rem;font-weight:800;min-width:280px;text-align:center;box-shadow:inset 0 0 20px rgba(0,0,0,.6)}@media (max-width:992px){.page-wrapper,body{height:auto;min-height:100vh;overflow:auto}.left-column,.left-column .spot-rates-section{overflow:visible}main{overflow:auto}.content-grid{grid-template-columns:1fr;height:auto;align-items:start}.left-column{height:auto}.header-top{flex-direction:column;align-items:center;text-align:center}.clocks{justify-content:center;flex-wrap:wrap}.ticker-footer,footer{flex-shrink:unset}}@media (max-width:768px){.section-header,header{padding:10px 15px}.header-logo{height:70px;width:auto}.nav-bar ul{flex-wrap:wrap}.nav-bar ul li{flex:1 1 50%}.nav-bar ul li a{padding:8px;font-size:.75rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:center}main{padding:15px 10px}.content-grid{gap:15px}.section-header{font-size:.75rem}.commodity-header{padding:10px;gap:5px;font-size:.75rem}.rate-card{flex-direction:column;align-items:stretch;padding:0 15px}.rate-label{margin-bottom:10px;font-size:1.4rem;text-align:center;flex:none}.rate-values{width:100%;flex-direction:row;gap:10px}.value-box{padding:15px 10px 0}.value-box .price{font-size:1.8rem}.range-label{font-size:.65rem}.fix-value{min-width:100px;padding:10px;font-size:1.5rem}.fix-label{font-size:1.2rem}.commodity-table-container{padding:0}.commodity-table td{padding:8px 10px}.commodity-table .name-website{font-size:.9rem}.commodity-table .currency{font-size:.75rem}.commodity-table .buy_rate,.commodity-table .sell_rate{font-size:1rem}.price-cell{font-size:1.1rem!important}.footer-bottom{flex-direction:column;gap:10px;text-align:center}footer{padding:8px 15px}.ticker-footer{padding:10px 15px;flex-wrap:wrap}}@media (max-width:480px){.clocks{gap:10px}.clock-item img{height:25px;margin:0 auto 3px}.clock-item .time{font-size:.55rem}.nav-bar ul li{flex:1 1 100%}.section-header{font-size:.65rem;padding:10px}.rate-values{gap:5px}.value-box{padding:10px 5px 0}.value-box .price{font-size:1.4rem;margin-bottom:5px}.range-label{font-size:.55rem;padding:4px}.commodity-header{font-size:.6rem;padding:8px 5px;gap:2px}.commodity-table td{padding:8px 5px}.commodity-table td:first-child{width:35%}.commodity-table td:nth-child(2){width:15%}.commodity-table td:nth-child(3),.commodity-table td:nth-child(4){width:25%}.commodity-table .name-website{font-size:.75rem}.commodity-table .currency{font-size:.65rem}.commodity-table .buy_rate,.commodity-table .sell_rate{font-size:.85rem}}