.background-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;overflow:hidden}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.6) 35%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:1}body{font-family:Arial,sans-serif;margin:0;padding:0;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px;position:relative;z-index:1}.app-container{display:grid;grid-template-columns:250px 1fr 350px;gap:20px;align-items:start}.left-sidebar{background-color:#232435e6;padding:20px;border-radius:10px;min-height:300px}.left-sidebar h3{color:#f2f2f2;text-align:center;font-size:14px;opacity:.5}.main-content{min-width:0}.right-sidebar{position:sticky;top:20px}h1{text-align:center;margin-bottom:20px;color:#f2f2f2}.live-text{animation:live-pulse 2s ease-in-out infinite;font-family:Courier New,Courier,monospace;font-weight:700;font-style:italic}@keyframes live-pulse{0%,to{color:#fff}50%{color:#4caf50}}h2{text-align:center;color:#f2f2f2;font-size:18px;font-weight:400;margin-bottom:30px}.loading-message,.error-message{text-align:center;color:#f2f2f2;font-size:16px;padding:20px}.error-message{color:#ff6b6b}.exchange-date{text-align:center;color:#f2f2f2;font-size:14px;margin:10px 0 20px}.currency-selector label{color:#f2f2f2}.currency-selector{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.selector-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.currency-selector select{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.currency-selector span{font-size:16px;color:#f2f2f2}.show-results-btn{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.show-results-btn:hover{background-color:#45a049}.bank-name{text-align:center;color:#f2f2f2;font-size:18px;margin:20px 0 0;background-color:#232435c9;border-radius:6px 6px 0 0}.bank-link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;color:#f2f2f2;text-decoration:none;transition:opacity .3s;filter:brightness(0) invert(1)}.bank-link:hover{opacity:.8}.bank-logo{width:50px;max-width:50px;height:auto;vertical-align:middle}.currency-converter{background-color:#232435e6;padding:20px;border-radius:10px;margin:30px 0}.currency-converter h2{text-align:center;color:#f2f2f2;margin-bottom:20px}.converter-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#f2f2f2;font-size:14px}.form-group input,.form-group select{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.convert-btn{padding:12px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.convert-btn:hover{background-color:#45a049}.converter-result{background-color:#4caf5033;padding:15px;border-radius:5px;text-align:center;color:#f2f2f2;font-size:18px;border:2px solid #4caf50}.converter-note{color:#ccc;font-size:12px;font-style:italic;text-align:center;margin-top:10px}.exchange-rate-table :is(table){width:100%;border-collapse:collapse;text-align:left;margin-top:0}.exchange-rate-table :is(th),.exchange-rate-table td{padding:10px;border-bottom:1px solid #ccc;color:#f2f2f2}.exchange-rate-table :is(th){background-color:#f2f2f2;color:#333}.exchange-rate-table :is(tbody tr){background-color:#232435c9}@media (max-width: 1200px){.app-container{grid-template-columns:1fr}.left-sidebar{order:3}.main-content{order:1}.right-sidebar{order:2;position:static}}@media (max-width: 768px){.app{padding:10px}.currency-selector{flex-direction:column}.currency-selector :is(select){width:100%;margin:10px 0}.currency-selector :is(span){margin-top:10px}.exchange-rate-table :is(th),.exchange-rate-table td{font-size:14px;padding:8px}}