*{box-sizing:border-box}html{min-height:100%;background:#eaf1f3}body{min-height:100vh;margin:0;color:#10283a;background:radial-gradient(circle at 82% 7%,rgba(38,190,199,.18),transparent 27%),linear-gradient(145deg,#f7fafb,#e7f0f2);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.converter-header{height:72px;padding:0 max(22px,calc((100vw - 1040px)/2));background:#071827;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 25px rgba(7,24,39,.16)}.converter-brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px}.converter-brand>span{width:42px;height:42px;padding:4px;border-radius:11px;background:#fff;display:grid;place-items:center}.converter-brand img{display:block;max-width:100%;max-height:100%;object-fit:contain}.converter-brand div{display:flex;flex-direction:column}.converter-brand small{color:#7fdde3;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.converter-brand strong{margin-top:2px;font-size:15px}.back-link{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800}.back-link:hover{background:rgba(255,255,255,.1)}.converter-main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:52px 0 60px}.converter-intro{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{color:#0b929b;font-size:10px;font-weight:900;letter-spacing:.16em}.converter-intro h1{margin:8px 0 10px;font-size:clamp(34px,5vw,56px);line-height:.98;letter-spacing:-.045em}.converter-intro p{max-width:620px;margin:0;color:#627783;font-size:14px}.course-mark{display:flex;align-items:center;gap:10px;flex:0 0 auto}.course-mark span{width:62px;height:62px;border:1px solid #b8d6da;border-radius:18px;background:rgba(255,255,255,.82);display:grid;place-items:center;color:#0c7180;font-size:14px;font-weight:900;box-shadow:0 10px 25px rgba(15,87,96,.08)}.course-mark i{color:#0c939d;font-size:25px;font-style:normal}.converter-card{border:1px solid #d4e2e5;border-radius:24px;background:rgba(255,255,255,.94);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);overflow:hidden;box-shadow:0 25px 65px rgba(7,45,59,.12)}#timeConverter{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.converter-field{min-width:0}.converter-field label,.pool-card>span{display:block;margin-bottom:7px;color:#49616e;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.converter-field select,.converter-field input,.pool-card select{width:100%;height:49px;padding:0 13px;border:1px solid #bfd4d8;border-radius:12px;background:#fff;color:#10283a;outline:0}.converter-field select:focus,.converter-field input:focus,.pool-card select:focus{border-color:#10a1aa;box-shadow:0 0 0 4px rgba(16,161,170,.12)}.converter-field input{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.converter-field small{display:block;margin-top:5px;color:#778b95;font-size:9px}.pool-direction{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:13px}.pool-card{min-width:0;padding:15px;border:1px solid #d7e5e7;border-radius:16px;background:#f6fafb}.pool-card select{height:44px;padding-inline:10px;font-size:11px;font-weight:800}.swap-button{width:50px;height:50px;margin-bottom:13px;border:0;border-radius:50%;background:#0b98a2;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;box-shadow:0 9px 22px rgba(11,152,162,.25);transition:.18s}.swap-button span{font-size:19px;line-height:.8}.swap-button small{font-size:7px;font-weight:800}.swap-button:hover{background:#087b83;transform:translateY(-1px)}.convert-button{grid-column:1/-1;min-height:49px;border:0;border-radius:12px;background:#071827;color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(7,24,39,.18)}.convert-button:hover{background:#12364e}.conversion-result{min-width:0;padding:34px;background:radial-gradient(circle at 110% -10%,rgba(111,231,236,.24),transparent 45%),linear-gradient(145deg,#071827,#0b4658);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.result-label{color:#75dce3;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.conversion-result strong{margin:18px 0 10px;font-size:clamp(42px,6vw,66px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.conversion-result p{max-width:260px;margin:0;color:#b8cbd3;font-size:10px;line-height:1.5}.conversion-result[data-state=success] strong{color:#8ef1f4}.conversion-result[data-state=error]{background:linear-gradient(145deg,#3d1719,#792b2b)}.conversion-result[data-state=error] strong{font-size:28px;color:#ffd4d4}.converter-notes{margin-top:18px;border:1px solid #d4e2e5;border-radius:16px;background:rgba(255,255,255,.78);overflow:hidden}.converter-notes summary{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#176f76;font-size:11px;font-weight:850;cursor:pointer;list-style:none}.converter-notes summary::-webkit-details-marker{display:none}.converter-notes summary span{font-size:18px}.converter-notes[open] summary span{transform:rotate(45deg)}.converter-notes div{padding:0 18px 16px;border-top:1px solid #e2ecee}.converter-notes p{margin:14px 0 0;color:#657985;font-size:10px;line-height:1.6}.converter-notes strong{color:#10283a}footer{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:20px 0 35px;border-top:1px solid #cedde0;color:#758993;display:flex;justify-content:space-between;gap:20px;font-size:9px}
@media(max-width:760px){.converter-header{height:64px;padding:0 14px}.converter-brand>span{width:36px;height:36px}.converter-brand strong{font-size:12px}.converter-main{width:min(100% - 20px,580px);padding:30px 0 42px}.converter-intro{align-items:flex-start;flex-direction:column}.converter-intro h1{font-size:38px}.course-mark{display:none}.converter-card{grid-template-columns:1fr;border-radius:18px}#timeConverter{padding:19px;grid-template-columns:1fr}.pool-direction,.convert-button{grid-column:1}.pool-direction{grid-template-columns:1fr 42px 1fr;gap:7px}.pool-card{padding:10px}.pool-card select{padding-inline:6px;font-size:9px}.swap-button{width:42px;height:42px;margin-bottom:11px}.conversion-result{min-height:220px;padding:28px}.converter-notes{border-radius:13px}footer{width:calc(100% - 24px);align-items:flex-start;flex-direction:column}.back-link{padding:0 10px}.back-link span{display:none}}
@media(max-width:410px){.converter-brand small{display:none}.converter-brand strong{font-size:11px}.pool-direction{grid-template-columns:1fr}.swap-button{width:100%;height:40px;margin:0;border-radius:10px;flex-direction:row;gap:6px}.pool-card select{font-size:11px}.conversion-result{min-height:190px}.conversion-result strong{font-size:48px}}