*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#f4f7fb}.hidden{display:none!important}
.normal-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(135deg,#f7fbff,#e9eef7)}
.secret-card{width:100%;max-width:390px;background:#fff;border-radius:24px;padding:30px 22px;text-align:center;box-shadow:0 18px 55px rgba(20,30,60,.12);border:1px solid #edf0f6}.logo-dot{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#111,#555);margin:0 auto 18px}.secret-card h1{margin:0 0 8px;color:#101828;font-size:30px}.secret-card p{margin:0 0 22px;color:#667085}.secret-card input{width:100%;height:52px;border:1px solid #d0d5dd;border-radius:14px;padding:0 15px;font-size:16px;outline:none}.secret-card input:focus{border-color:#111;box-shadow:0 0 0 4px rgba(0,0,0,.08)}.secret-card button{width:100%;height:52px;margin-top:14px;border:0;border-radius:14px;background:#111;color:#fff;font-size:16px;font-weight:700}
.hack-page{position:relative;height:100dvh;min-height:100dvh;background:#020403;color:#00ff66;overflow:hidden;font-family:"Courier New",monospace}#matrixCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.danger-flash{position:absolute;inset:0;background:rgba(255,0,0,.18);animation:flash 1.1s infinite;pointer-events:none}@keyframes flash{0%,70%,100%{opacity:0}72%,82%{opacity:1}}
.phone-frame{position:relative;z-index:2;height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 14px);display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at top,rgba(255,0,0,.18),transparent 32%)}.top-alert{align-self:center;color:#fff;background:#c90018;border:1px solid #ff6172;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;letter-spacing:1px;box-shadow:0 0 25px rgba(255,0,0,.7);animation:pulse .7s infinite alternate}@keyframes pulse{to{transform:scale(1.04)}}.target-name{color:#ff3b4f;border:1px solid rgba(255,0,0,.45);background:rgba(0,0,0,.55);padding:10px;border-radius:12px;font-size:13px;text-align:center}.glitch{font-size:32px;margin:4px 0 0;text-align:center;color:#ff102d;text-shadow:2px 0 #00ff66,-2px 0 #00d5ff,0 0 18px #ff102d;animation:shake .16s infinite}@keyframes shake{0%{transform:translate(0)}50%{transform:translate(1px,-1px)}100%{transform:translate(-1px,1px)}}.progress-wrap{height:13px;background:#111;border:1px solid #00ff66;border-radius:99px;overflow:hidden;box-shadow:0 0 14px rgba(0,255,102,.4)}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#00ff66,#fff,#ff102d);transition:width .35s}.terminal{flex:1;overflow:hidden;background:rgba(0,0,0,.72);border:1px solid rgba(0,255,102,.55);border-radius:16px;padding:12px;box-shadow:inset 0 0 30px rgba(0,255,102,.12),0 0 26px rgba(0,255,102,.17);font-size:13px;line-height:1.45;white-space:pre-wrap}.line-red{color:#ff3348}.line-yellow{color:#ffd84d}.line-white{color:#fff}.reset-btn{margin-top:auto;margin-bottom:calc(env(safe-area-inset-bottom) + 28px);height:54px;border:0;border-radius:16px;background:#ff102d;color:#fff;font-weight:900;font-size:17px;letter-spacing:.5px;box-shadow:0 0 28px rgba(255,0,0,.75);animation:btnBlink .8s infinite alternate}@keyframes btnBlink{to{filter:brightness(1.45)}}
.reveal-page{height:100dvh;background:#050505;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;font-family:Arial,sans-serif}.boom{font-size:80px;animation:boom .45s ease-out}@keyframes boom{from{transform:scale(.2);opacity:.2}to{transform:scale(1);opacity:1}}.reveal-page h1{font-size:44px;margin:8px 0;color:#00ff66}.reveal-page p{font-size:20px;margin:6px 0;color:#ddd}.reveal-page strong{margin-top:18px;color:#ff3045}
@media(max-height:680px){.glitch{font-size:26px}.terminal{font-size:12px}.reset-btn{height:50px;margin-bottom:18px}.phone-frame{gap:7px}}