/* Independent ADIB-rate workspace. Developed by NABAD Computer Solutions L.L.C. */
* { box-sizing:border-box; }
body { background:#061c34; }
.cc-page { padding:32px 24px 70px; }
.cc-wrap { max-width:1180px; margin:auto; padding:0; }
.cc-bread { font-size:12px; opacity:.8; }
.cc-hero { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:60px; text-align:start; margin:55px 0 50px; }
.cc-hero h1 { font:500 clamp(44px,5vw,70px)/1.02 'Bricolage Grotesque',sans-serif; letter-spacing:-.055em; margin:22px 0; }
.cc-hero h1 b { font-weight:500; font-style:normal; background:none; -webkit-text-fill-color:currentColor; color:#74c8fa; filter:none; }
.cc-hero p { max-width:49ch; font-size:16px; line-height:1.7; color:#b7c9dd; margin:0; }
.cc-eyebrow { border:0; border-radius:0; padding:0; background:none; color:#90bde1; font-size:10px; letter-spacing:.15em; }
.cc-orbit { aspect-ratio:1.4; position:relative; perspective:800px; overflow:hidden; border-radius:32px; background:radial-gradient(ellipse at center,#164d7044,transparent 68%); }
.cc-orbit-ring { position:absolute; width:70%; aspect-ratio:1; border:18px solid #297fad; box-shadow:inset 0 2px 9px #d1f1ffbb,0 3px 18px #168bd077,0 20px 30px #0004; border-radius:50%; inset:7% 15% auto; transform:rotateX(60deg) rotateY(-15deg) rotateZ(-20deg); }
.cc-orbit-sphere { position:absolute; width:24%; aspect-ratio:1; border-radius:50%; inset:34% 38% auto; background:radial-gradient(circle at 30% 20%,#f1f9ff,#8fc1de 25%,#1d527c 62%,#052441); box-shadow:15px 35px 30px #0005; }
.cc-orbit-line { position:absolute; inset:50% 6% auto; height:1px; background:linear-gradient(90deg,transparent,#3a90c5,transparent); transform:rotate(-18deg); opacity:.5; }
.cc-panel { padding:0; background:#0b2947; border:1px solid #356187; border-radius:22px; box-shadow:0 30px 60px #0003; backdrop-filter:none; overflow:hidden; }
.cc-panel::before,.cc-corner { display:none; }
.cc-status { margin:0; padding:18px 28px; border-radius:0; border:0; border-bottom:1px solid #ffffff15; background:#081f37; gap:12px; flex-wrap:wrap; font-size:11px; color:#a7bfd7; }
.cc-status .refresh-btn { min-height:40px; border-radius:9px; color:#97d6fc; margin-inline-start:auto; background:#123858; border-color:#366284; }
.cc-status .src-pill { background:transparent; border:0; padding:0; }
.cc-workspace { display:grid; grid-template-columns:1fr 1fr; }
.cc-convert-controls { padding:34px; }
.cc-section-label { color:#8eb8da; font-size:10px; letter-spacing:.14em; margin:0 0 26px; }
.cc-section-label::after { background:#ffffff16; }
.cc-amount-field label { font-size:10px; color:#94b4d1; letter-spacing:.1em; margin-bottom:10px; }
.cc-input,.cc-select { width:100%; min-width:0; min-height:58px; border:1px solid #345978; border-radius:10px; background-color:#071e35; color:#f1f7fc; font:500 17px/1.4 'Bricolage Grotesque',sans-serif; padding:16px; }
.cc-input { font-size:34px; height:83px; letter-spacing:-.035em; }
.cc-input:focus,.cc-select:focus { border-color:#81caff; outline:2px solid #81caff55; outline-offset:2px; box-shadow:none; }
.cc-pair { display:grid; grid-template-columns:1fr 44px 1fr; align-items:end; gap:10px; margin-top:25px; }
.cc-swap { width:44px; height:58px; border-radius:10px; background:#153b5b; border:1px solid #34668a; color:#a6dcff; margin:0; }
.cc-output { border-inline-start:1px solid #ffffff15; padding:34px; background:#103455; min-width:0; }
.cc-result { padding:0 0 30px; border:0; border-radius:0; background:none; box-shadow:none; text-align:start; margin:0; }
.cc-result::before { display:none; }
.cc-result-label { color:#aac9e2; font-size:10px; letter-spacing:.13em; }
.cc-result-value { font:500 clamp(34px,4vw,56px)/1.2 'Bricolage Grotesque',sans-serif; letter-spacing:-.045em; color:#eff8ff; background:none; -webkit-text-fill-color:currentColor; filter:none; margin:22px 0 16px; overflow-wrap:anywhere; }
.cc-result-rate { color:#8abfe4; font-size:13px; }
.cc-quick { margin:0; padding-top:24px; border-top:1px solid #ffffff20; }
.cc-quick-title { color:#a4c8e3; font-size:10px; letter-spacing:.08em; }
.cc-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.cc-quick-cell { padding:13px 0; border:0; border-radius:0; border-bottom:1px solid #ffffff14; background:none; text-align:start; }
.cc-quick-code { color:#8cafcc; font-size:10px; }
.cc-quick-val { color:#edf7ff; font-size:18px; font-weight:500; margin-top:6px; }
.cc-disclaimer { color:#90a9bf; margin:28px auto 0; max-width:90ch; font-size:12px; line-height:1.7; }
.cc-bg-lines,.cc-bg-lines2,.cc-bg-shimmer,.cc-bokeh,.cc-grain,.cc-vignette { display:none; }
.cc-bg-grid { opacity:.1; }
@media(max-width:850px) { .cc-hero { gap:20px; margin-top:35px; } .cc-workspace { grid-template-columns:1fr; } .cc-output { border-inline-start:0; border-top:1px solid #ffffff15; } }
@media(max-width:600px) { .cc-page { padding:24px 16px 50px; } .cc-hero { grid-template-columns:1fr; gap:16px; margin-bottom:24px; } .cc-hero h1 { font-size:48px; } .cc-orbit { max-height:190px; width:280px; justify-self:center; } .cc-convert-controls,.cc-output { padding:24px 20px; } .cc-status { padding:14px 20px; } .cc-pair { grid-template-columns:1fr 44px; gap:15px; } .cc-pair>.cc-amount-field:last-child { grid-column:1/-1; } .cc-swap { transform:rotate(90deg); } .cc-select { font-size:16px; } }

.cc-orbit { border:0; overflow:hidden; border-radius:120px 120px 20px 20px; aspect-ratio:1.3; height:auto; background:#020718; }.cc-orbit::before,.cc-orbit::after { display:none; }.cc-orbit video { display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.3); }

.bank-credit { padding:22px;text-align:center;font:11px/1.6 Arial,sans-serif;background:#0b1220;color:#bac4ce; }.bank-credit a{color:inherit;text-decoration:none;}