body{

margin:0;
font-family:Arial;
text-align:center;
color:white;

}

.bg{

height:100vh;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

background:linear-gradient(-45deg,#1a2a6c,#b21f1f,#fdbb2d,#0f2027);

background-size:400% 400%;

animation:bg 12s ease infinite;

}

@keyframes bg{

0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}

}

.resultCard{

width:90%;
max-width:420px;

background:radial-gradient(circle,#222,#000);

border-radius:25px;

padding:30px;

box-shadow:0 0 40px rgba(255,215,0,0.6);

}

.goldBorder{

border:3px solid gold;

border-radius:20px;

padding:25px;

}

.vehicletitle{

font-size:22px;
margin-bottom:20px;

}

.numberCircle{

width:100px;
height:100px;

margin:auto;

border-radius:50%;

background:linear-gradient(45deg,gold,orange);

color:black;

font-size:40px;

display:flex;

align-items:center;

justify-content:center;

font-weight:bold;

box-shadow:0 0 20px gold;

}

.resultText{

margin-top:25px;

font-size:20px;

color:#ffd700;

}

.buttons{

margin-top:25px;

}

button{

padding:12px 25px;

margin:10px;

border:none;

border-radius:10px;

font-size:16px;

background:linear-gradient(45deg,#ffcc00,#ff8800);

color:black;

font-weight:bold;

cursor:pointer;

}
/* HD SHARE CARD */

.shareCard{

position:absolute;
left:-9999px;

width:1080px;
height:1080px;

background:radial-gradient(circle at top,#3b0f70,#000000);

display:flex;
align-items:center;
justify-content:center;

font-family:Arial;

}

.shareInner{

width:820px;
height:820px;

border-radius:30px;

background:linear-gradient(135deg,#000000,#1c1c1c);

border:6px solid gold;

box-shadow:0 0 60px rgba(255,215,0,0.7);

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

color:white;
text-align:center;

padding:40px;

}

.shareTitle{

font-size:60px;
font-weight:bold;

color:#ffd700;

margin-bottom:40px;

}

.shareVehicle{

font-size:48px;
letter-spacing:6px;

margin-bottom:30px;

}

.shareNumber{

width:200px;
height:200px;

border-radius:50%;

background:linear-gradient(45deg,#ffd700,#ff9900);

color:black;

display:flex;
align-items:center;
justify-content:center;

font-size:90px;
font-weight:bold;

margin:40px;

box-shadow:0 0 40px gold;

}

.shareResult{

font-size:42px;

color:#fff;

margin-top:20px;

}

.shareFooter{

margin-top:60px;

font-size:28px;

color:#bbb;

}