:root{color:#1f1f1f;font-synthesis:none;background:#f0f4f9;font-family:Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:#f0f4f9;place-items:center;min-height:100vh;margin:0;padding:72px 16px 36px;display:grid}button,input{font:inherit}.g-mark{z-index:3;position:fixed;top:16px;left:18px}.g-mark svg{display:block}.page{width:min(100%,448px);display:grid}.cloud-card,.reveal{grid-area:1/1}.cloud-card{background:#fff;border-radius:28px;flex-direction:column;min-height:528px;padding:48px 40px 36px;display:flex;box-shadow:0 1px 3px #3c404329}.cloud-card h1{margin:0;font-size:32px;font-weight:400;line-height:1.25}.subtitle{margin:8px 0 32px;font-size:16px}.field-wrap{margin:0 0 16px;position:relative}.field-decoy{appearance:none;color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:4px;width:100%;min-height:56px;padding:13px 15px;font-size:16px}.field-label{color:#5f6368;pointer-events:none;background:#fff;padding:0 4px;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field-decoy:focus{border:2px solid #0b57d0;outline:0;padding:12px 14px}.field-decoy:focus+.field-label,.field-decoy:not(:placeholder-shown)+.field-label{color:#444746;font-size:12px;top:0}.field-decoy:focus+.field-label{color:#0b57d0}.hint{color:#0b57d0;margin:4px 0 0;font-size:14px;font-weight:500}.actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:36px;display:flex}.text-action{color:#0b57d0;font-size:14px;font-weight:500}.continue-decoy{appearance:none;color:#fff;cursor:pointer;background:#0b57d0;border:0;border-radius:20px;min-width:80px;padding:10px 24px;font-size:14px;font-weight:500}.continue-decoy:hover{background:#0b50be}.continue-decoy:focus-visible{outline-offset:2px;outline:2px solid #0b57d0}.page-footer{color:#1f1f1f;justify-content:space-between;gap:16px;font-size:12px;display:flex;position:fixed;bottom:16px;left:24px;right:24px}.footer-links{gap:24px;display:flex}#bait.vanish{display:none}.reveal{z-index:2;text-align:center;padding:28px 8px;animation:.26s cubic-bezier(.1,1.7,.2,1) both slam}.reveal h1{color:#fff;letter-spacing:.02em;text-shadow:4px 4px #48000c,-2px -2px #48000c;margin:0 0 16px;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(42px,10vw,72px);font-weight:400;line-height:.92}.reveal p{color:#fff6d5;letter-spacing:.02em;margin:0;font-size:clamp(18px,3.4vw,24px);font-weight:700;line-height:1.4}.phished{background:repeating-linear-gradient(45deg,#d41335 0 22px,#96081f 22px 44px);animation:.15s steps(2,end) 5 alarm}.phished .g-mark,.phished .page-footer{visibility:hidden}.phished .page{width:min(100%,520px)}.phished .reveal{background:#d41335;border:8px solid #1d2535;box-shadow:12px 12px #48000c,-12px -12px #fff6d5}.hidden{display:none}@keyframes slam{0%{opacity:0;transform:scale(3.2)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes alarm{0%{transform:translate(-6px,3px)}50%{transform:translate(7px,-2px)}to{transform:translate(0)}}@media (max-width:520px){body{background:#fff;padding:64px 0 72px}.cloud-card{min-height:calc(100vh - 140px);box-shadow:none;border-radius:0;padding:36px 24px 24px}.page-footer{left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.reveal,.phished{animation:none}}
