/* ... same CSS as before ... */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
height: 100%; font-family: 'Segoe UI', sans-serif;
background: black; color: #fff; overflow: hidden;
}
canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; }
.container {
position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); z-index: 2;
backdrop-filter: blur(10px); background: rgba(0,0,0,0.6);
border-radius: 20px; padding: 30px;
width: 90%; max-width: 420px; box-shadow: 0 0 30px #00f2ff;
}
h2 { color: #00f2ff; text-align: center; margin-bottom: 20px; }
input, button {
width: 100%; padding: 12px; margin: 10px 0;
border: none; border-radius: 10px; font-size: 16px;
}
input { background: #111; color: white; }
.btn { background: #00f2ff; color: black; font-weight: bold; cursor: pointer; transition: 0.3s; }
.btn:hover { background: #00c2d4; }
.result-box {
background: rgba(255,255,255,0.05); padding: 20px; margin-top: 20px;
border-radius: 12px; font-size: 14px; box-shadow: 0 0 10px #00f2ff;
}
.result-box h3 { text-align: center; color: #0ff; margin-bottom: 10px; }
.result-box p { margin: 6px 0; }
.error {
margin-top: 20px; padding: 12px; text-align: center;
border-radius: 10px; background: #400; color: red;
}
🔍 AM - SIM DATA-BASE
🔎 SIM Data Found
👤 Name:
🆔 CNIC:
📍 Address:
📶 Operator: