*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:
Segoe UI,
Arial,
sans-serif;

background:
linear-gradient(
180deg,
#05122b,
#081c40,
#031126
);

min-height:100vh;

color:white;

overflow-x:hidden;
}

.background-glow{

position:fixed;

top:-200px;
left:50%;

transform:translateX(-50%);

width:700px;
height:700px;

background:
radial-gradient(
circle,
rgba(0,140,255,.35),
transparent 70%
);

pointer-events:none;
}

.container{

width:100%;
max-width:550px;

margin:auto;

padding:25px 15px;
}

.logo-nserial{

width:180px;

display:block;

margin:auto;

margin-bottom:25px;

animation:
pulse 3s infinite;
}

.card{

background:#0c1833;

border-radius:28px;

padding:25px;

border:
1px solid rgba(255,255,255,.08);

box-shadow:
0 0 50px rgba(0,140,255,.15);

animation:
fadeIn .8s ease;
}

.product-image{

width:100%;

max-height:280px;

object-fit:contain;
}

h1{

font-size:26px;

text-align:center;

margin-top:15px;
}

.description{

text-align:center;

opacity:.8;

margin-top:10px;
}

.status{

padding:20px;

border-radius:20px;

text-align:center;

margin-bottom:25px;
}

.auth{

background:#0f7d4d;
}

.stolen{

background:#b22020;
}

.expired{

background:#b96a0a;
}

.fake{

background:#8b0000;
}

.status-icon{

font-size:40px;

margin-bottom:10px;
}

.info{

margin-top:25px;
}

.info div{

display:flex;

justify-content:space-between;

padding:14px 0;

border-bottom:
1px solid rgba(255,255,255,.08);
}

.info span{

opacity:.7;
}

.factory{

display:flex;

gap:15px;

align-items:center;

margin-top:25px;
}

.factory-logo{

width:70px;
height:70px;

border-radius:50%;

object-fit:cover;
}

.apps{

margin-top:30px;

display:flex;

gap:10px;
}

.btn-app{

flex:1;

text-decoration:none;

color:white;

text-align:center;

padding:14px;

border-radius:14px;

background:
linear-gradient(
135deg,
#0a5dff,
#0099ff
);

font-weight:bold;

transition:.3s;
}

.btn-app:hover{

transform:translateY(-2px);
}

.footer{

text-align:center;

margin-top:20px;

opacity:.6;
}

@keyframes pulse{

50%{
transform:scale(1.03);
}

}

@keyframes fadeIn{

from{

opacity:0;
transform:translateY(20px);

}

to{

opacity:1;
transform:translateY(0);
}

}