.exchange-card{color:#dce9f5;background:linear-gradient(145deg,#12263ded,#081424f5);border:1px solid #7dd3fc2e;border-radius:26px;margin-top:32px;padding:clamp(22px,4vw,38px);position:relative;overflow:hidden;box-shadow:0 28px 70px #00000052,inset 0 1px #ffffff0a}.exchange-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee29,#0000 68%);width:300px;height:300px;position:absolute;top:-130px;right:-110px}.exchange-row{grid-template-columns:1fr 68px 1fr;align-items:end;gap:20px;display:grid;position:relative}.exchange-row label,.exchange-input label{color:#9eb2c8;letter-spacing:.04em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.currency-select{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:15px;align-items:center;gap:10px;padding:7px 12px;transition:all .2s;display:flex}.currency-select:focus-within{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.currency-select img{object-fit:cover;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 2px #ffffff1f}.exchange-row select{color:#edf7ff;background:#12263d;border:0;outline:0;flex:1;width:100%;height:44px;font-size:15px;font-weight:700}.swap-btn{color:#052638;cursor:pointer;background:linear-gradient(135deg,#a5f3fc,#67e8f9);border:0;border-radius:17px;place-items:center;width:54px;height:54px;margin:auto;font-size:22px;transition:all .25s;display:grid;box-shadow:0 10px 25px #22d3ee33}.swap-btn:hover{transform:translateY(-3px)rotate(180deg);box-shadow:0 14px 30px #22d3ee4d}.exchange-input{margin-top:30px;position:relative}.exchange-input input{color:#f8fbff;background:#030c1a7a;border:1px solid #ffffff21;border-radius:17px;outline:0;width:100%;height:68px;padding:0 20px;font-size:clamp(24px,4vw,32px);font-weight:800;transition:all .2s}.exchange-input input:focus,.exchange-card select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.exchange-result{text-align:center;background:linear-gradient(135deg,#0e749033,#2563eb1f);border:1px solid #67e8f933;border-radius:21px;margin-top:28px;padding:34px 24px;position:relative}.flag{object-fit:contain;filter:drop-shadow(0 6px 12px #00000040);width:48px;height:48px;margin-bottom:10px}.exchange-value{color:#a5f3fc;letter-spacing:-.045em;word-break:break-word;font-size:clamp(34px,6vw,50px);font-weight:900}.exchange-unit{color:#91a9bf;margin-top:7px;font-size:16px;font-weight:700}.rate-card{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px;display:grid}.rate-card>div{text-align:center;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:17px;padding:20px 15px}.rate-card strong{color:#849bb2;letter-spacing:.05em;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.rate-card div,.rate-value{color:#7dd3fc;font-size:18px;font-weight:800}.period-buttons{flex-wrap:wrap;gap:8px;margin:28px 0 18px;display:flex}.period{color:#91a9bf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:9px 16px;font-weight:800;transition:all .2s}.period:hover,.period.active{color:#082f49;background:#a5f3fc;border-color:#a5f3fc;transform:translateY(-2px)}.chart-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.chart-summary div{text-align:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;padding:15px}.chart-summary span{color:#7890a7;margin-bottom:7px;font-size:11px;display:block}.chart-summary strong{color:#b9edff;font-size:17px}.chart-summary .up{color:#fb7185}.chart-summary .down{color:#60a5fa}.salary-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.salary-item{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;padding:18px;transition:all .2s}.salary-item:hover{border-color:#67e8f94d;transform:translateY(-2px)}@media (max-width:700px){.exchange-row{grid-template-columns:1fr}.swap-btn{transform:rotate(90deg)}.swap-btn:hover{transform:translateY(-2px)rotate(270deg)}.rate-card{grid-template-columns:1fr}.chart-summary{grid-template-columns:repeat(2,1fr)}.salary-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.no-print{display:none!important}.exchange-card{color:#111;box-shadow:none;background:#fff;border:1px solid #ddd}}