body{
margin:0;
background:#000;
overflow:hidden;
font-family:Arial;
}

.quick-actions-out{
position:fixed;
top:20px;
left:50%;
transform:translateX(-50%);
display:flex;
flex-wrap:wrap;
gap:10px;
z-index:10;
justify-content:center;
}




.quick-btn{
padding:10px 18px;
border-radius:20px;
text-decoration:none;
font-size:14px;
color:white;

background:rgba(255,255,255,0.08);
border:1px solid rgba(255,0,200,0.5);

box-shadow:
0 0 10px rgba(255,0,200,0.4),
inset 0 0 6px rgba(255,255,255,0.05);

transition:.25s;
}

.quick-btn:hover{
background:rgba(255,0,200,0.15);
transform:translateY(-2px);

box-shadow:
0 0 18px rgba(255,0,200,0.7),
inset 0 0 8px rgba(255,255,255,0.06);
}


#phoneAnimation{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin-top:30px;
}

/* PHONE MODE */
@media (max-width:700px){

#phoneAnimation canvas{
width:95% !important;
height:auto !important;
}

}