.storm-page{background:#11191b;color:#dce5e2}.storm-page .site-header{background:linear-gradient(120deg,#101619,#293235,#101719);border-bottom-color:#58666a}.storm-page .site-header nav a:hover,.storm-page .site-header nav a[aria-current]{color:#dae9e5;text-shadow:0 0 12px #8bb9ad}.storm-scene{position:relative;isolation:isolate;min-height:calc(100vh - 158px);display:flex;justify-content:flex-end;align-items:center;padding:65px max(5vw,30px);background:#182326 url('/assets/two-towers-rain-v3.png') left center/cover no-repeat;overflow:hidden}.recovery-console{position:relative;z-index:2;width:450px;padding:36px 38px 30px;color:#dce5e2;border:1px solid #788889;border-top:4px ridge #869494;border-bottom:4px ridge #4b5a5d;background:radial-gradient(circle at 9px 9px,#89918b 0 2px,#101718 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 9px) 9px,#89918b 0 2px,#101718 3px 5px,transparent 6px),linear-gradient(130deg,#293437ee,#111a1df5 65%,#293638f0);box-shadow:0 16px 42px #0009,inset 0 0 0 4px #141d1eaa,inset 0 1px #c9ded733}.console-kicker{font:10px/1.5 'Courier New',monospace;letter-spacing:2px;color:#a1b8b2;margin:0 0 10px}.recovery-console h1{font:38px/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:1px;color:#e1e8e4;text-shadow:0 2px #060d0e;margin:0}.console-rule{height:3px;background:linear-gradient(90deg,#98aaa3,#344747,transparent);margin:20px 0 25px}.recovery-console h3{font:20px Impact,Arial,sans-serif;letter-spacing:.5px}.recovery-console p,.recovery-console small{font:12px/1.6 'Courier New',monospace;color:#bacbc6}.recovery-console label{display:block;font:11px/1.4 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;margin:17px 0 6px}.recovery-console input{display:block;width:100%;height:44px;background:#0a1317cc;border:1px solid #657c7e;border-radius:0;padding:10px 12px;color:#edf4ee;font:14px 'Courier New',monospace;box-shadow:inset 0 3px 6px #0006}.recovery-console input:focus{outline:2px solid #91b6ab;outline-offset:2px}.recovery-console button{display:block;width:100%;min-height:46px;padding:10px 12px;margin-top:24px;border:3px ridge #7c8e85;border-radius:2px;background:linear-gradient(#4a5f59,#253933);box-shadow:0 4px 9px #0007;color:#edf1e5;text-shadow:0 2px #11241e;font:21px/1.2 Impact,Arial,sans-serif;letter-spacing:1px;cursor:pointer}.recovery-console button:hover{background:linear-gradient(#5b776c,#314d43)}.recovery-console button:disabled{opacity:.6;cursor:wait}.recovery-console a{color:#dae6d8;text-underline-offset:3px}.recovery-console #account-result,.recovery-console #result{color:#f2dfb9;font-weight:bold;overflow-wrap:anywhere}.recovery-console #code-result{border-color:#82978d}.recovery-console #recovery-code{font-size:11px}.recovery-console #copy-code,.recovery-console #hide-code{font-size:14px;min-height:36px;margin-top:12px}.recovery-console .footnote{font-size:11px;margin-top:20px}.rain-layer{position:absolute;inset:-90px;pointer-events:none;z-index:1;opacity:.15;background-image:repeating-linear-gradient(108deg,transparent 0 89px,#c2e2df66 90px,transparent 91px 171px);mask-image:repeating-linear-gradient(0deg,transparent 0 80px,#000 85px 115px,transparent 120px 240px);animation:rain-drift 1.6s linear infinite}.rain-layer:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 137px,#c2e2df66 138px,transparent 139px 225px);animation:rain-drift 2.7s linear infinite reverse}.storm-page .site-footer{background:linear-gradient(#263034,#11191b);border-top-color:#5a6a69;color:#a1afaa}@keyframes rain-drift{from{transform:translate3d(0,-55px,0)}to{transform:translate3d(-18px,70px,0)}}@media(prefers-reduced-motion:reduce){.rain-layer,.rain-layer:after{animation:none}}@media(max-width:850px){.storm-scene{padding:35px 18px;justify-content:center;background-position:35% center}.recovery-console{margin-top:110px;width:min(450px,100%);background-color:#19272b}}@media(max-width:480px){.storm-scene{padding:25px 16px;background-position:35% top;align-items:flex-start}.recovery-console{margin-top:95px;padding:28px 24px}.recovery-console h1{font-size:32px}.recovery-console input{font-size:16px}.console-kicker{font-size:9px;letter-spacing:1px}}

/* Quiet rain on the metal/glass panel; never intercepts form input. */
.recovery-console:before,.recovery-console:after{content:'';position:absolute;pointer-events:none;z-index:3;inset:5px;overflow:hidden;border-radius:1px}
.recovery-console:before{opacity:.32;background:radial-gradient(ellipse 2px 4px at 9% 13%,#d4efed66 0 27%,#08131533 40% 70%,transparent 90%),radial-gradient(ellipse 3px 5px at 88% 20%,#e6fffb66 0 20%,#09151644 40% 65%,transparent 90%),radial-gradient(ellipse 2px 3px at 62% 8%,#d6f6ef55 0 25%,transparent 80%),radial-gradient(ellipse 3px 5px at 95% 58%,#d6f6ef66 0 20%,#08131544 45% 65%,transparent 90%),radial-gradient(ellipse 2px 4px at 5% 78%,#d6f6ef66 0 25%,transparent 80%),radial-gradient(ellipse 2px 3px at 73% 87%,#d6f6ef44 0 25%,transparent 80%)}
.recovery-console:after{opacity:.15;background-image:linear-gradient(180deg,transparent,#b8e2d755,transparent),linear-gradient(180deg,transparent,#d8f4ee55,transparent),linear-gradient(180deg,transparent,#d8f4ee44,transparent);background-size:1px 84px,1px 55px,1px 110px;background-position:7% -100px,92% -170px,84% -300px;background-repeat:no-repeat;animation:panel-water 16s linear infinite}
@keyframes panel-water{0%{background-position:7% -100px,92% -170px,84% -300px}100%{background-position:7% calc(100% + 120px),92% calc(100% + 70px),84% calc(100% + 180px)}}
@media(prefers-reduced-motion:reduce){.recovery-console:after{animation:none;background-position:7% 14%,92% 56%,84% 82%}}

/* Visible beaded water on the form's front surface. */
.panel-droplets{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.panel-droplets i{position:absolute;display:block;width:7px;height:10px;border-radius:53% 47% 48% 52% / 62% 57% 43% 38%;border:1px solid #bddcd344;background:radial-gradient(ellipse at 25% 17%,#f0fffac9 0 6%,#e1fff644 12%,transparent 32%),radial-gradient(ellipse at 68% 85%,#a8e1d873,transparent 48%),linear-gradient(135deg,#06111488,#c4eee511 45%,#020a0c66);box-shadow:1px 2px 2px #020a0bac,inset -1px -1px 2px #d5fff03b;opacity:.8;transform:rotate(-12deg)}
.panel-droplets i:nth-child(1){left:8%;top:6%;width:9px;height:13px}.panel-droplets i:nth-child(2){left:89%;top:10%;width:5px;height:7px}.panel-droplets i:nth-child(3){left:75%;top:18%;width:9px;height:14px}.panel-droplets i:nth-child(4){left:6%;top:27%;width:5px;height:8px}.panel-droplets i:nth-child(5){left:94%;top:33%;width:9px;height:13px}.panel-droplets i:nth-child(6){left:52%;top:34%;width:5px;height:7px}.panel-droplets i:nth-child(7){left:21%;top:40%;width:8px;height:12px}.panel-droplets i:nth-child(8){left:83%;top:44%;width:5px;height:8px}.panel-droplets i:nth-child(9){left:9%;top:51%;width:8px;height:12px}.panel-droplets i:nth-child(10){left:66%;top:53%;width:6px;height:9px}.panel-droplets i:nth-child(11){left:92%;top:63%;width:7px;height:12px}.panel-droplets i:nth-child(12){left:37%;top:65%;width:5px;height:7px}.panel-droplets i:nth-child(13){left:14%;top:75%;width:9px;height:14px}.panel-droplets i:nth-child(14){left:72%;top:80%;width:5px;height:8px}.panel-droplets i:nth-child(15){left:94%;top:89%;width:8px;height:12px}.panel-droplets i:nth-child(16){left:45%;top:94%;width:6px;height:9px}.panel-droplets i:nth-child(17){left:61%;top:5%;width:4px;height:6px}.panel-droplets i:nth-child(18){left:4%;top:59%;width:3px;height:5px}.panel-droplets i:nth-child(19){left:87%;top:72%;width:4px;height:6px}

/* HUD-style worn headings, condensed labels and military terminal details. */
.recovery-console h1{font-family:JFHudRough,Impact,sans-serif;font-weight:400;font-size:34px;letter-spacing:0;text-shadow:1px 2px #03090a,0 3px 3px #0008}
.recovery-console h2,.recovery-console h3{font-family:JFHudCondensed,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px}
.recovery-console label{font-family:JFHudCondensed,Impact,sans-serif;font-size:15px;letter-spacing:1.2px;text-shadow:1px 1px #050b0c}
.recovery-console button{font-family:JFHudCondensed,Impact,sans-serif;font-weight:400;font-size:24px;text-transform:uppercase;letter-spacing:1.5px;text-shadow:1px 2px #07150e,0 0 3px #000}
.recovery-console .footnote{font-family:JFHudTerminal,'Courier New',monospace;font-size:10px;line-height:1.9;letter-spacing:0}
@media(max-width:480px){.recovery-console h1{font-size:27px}.recovery-console label{font-size:14px}}