.download-platform-keys{display:grid;grid-template-columns:repeat(2,minmax(0,200px));justify-content:center;gap:26px;margin:36px auto 44px}
.download-platform-keys>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:184px;padding:27px 16px 25px;border-radius:22px;background:linear-gradient(130deg,#e7e9ee,#a2aab7);border:1px solid #f5f7fa;box-shadow:inset 0 3px 2px #ffffff99,0 8px 0 #6e7785,0 10px 0 #4e5868,0 19px 24px #080f2570;color:#333f50;text-decoration:none;transition:transform .18s,box-shadow .18s}
.download-platform-keys .os-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:23px;color:#333f50;background:none;padding:0}
.download-platform-keys svg{height:60px;width:60px;fill:currentColor;filter:drop-shadow(0 2px 0 #ffffffbd) drop-shadow(0 -1px 0 #657082)}
.download-platform-keys b{font-size:20px;font-weight:600;letter-spacing:1px;text-shadow:0 1px 0 #fff}
.download-platform-keys .corner-arrow{position:absolute;font-size:16px;top:14px;right:14px;color:#515e70}
.download-platform-keys>a:hover{background:linear-gradient(130deg,#f2f4f8,#adb6c3);transform:translateY(-2px);box-shadow:inset 0 3px 2px #ffffff99,0 10px 0 #6e7785,0 12px 0 #4e5868,0 21px 25px #080f2570}
.download-platform-keys>a:active{transform:translateY(5px);box-shadow:inset 0 2px 2px #ffffff80,0 3px 0 #6e7785,0 5px 0 #4e5868,0 10px 15px #080f2550}
.download-platform-keys>a:focus-visible{outline:3px solid #f6d995;outline-offset:6px}
#mac-card,#windows-card{scroll-margin-top:100px}
@media(max-width:600px){.download-platform-keys{gap:18px;margin-top:28px}.download-platform-keys>a{min-height:170px;padding:24px 12px;border-radius:20px}.download-platform-keys b{font-size:18px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.download-platform-keys>a{transition:none}}