body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#fff;color:#333;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}header{background:linear-gradient(to right,#6a11cb,#2575fc);color:#fff;padding:0 0;width:100%}nav{display:flex;justify-content:space-between;align-items:center;width:80%;margin:0 auto}.logo h1{font-weight:600;font-size:24px}.nav-links{list-style:none;display:flex;gap:20px}.nav-links li{display:inline}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#ffef82}.login-button{background-color:#ffef82;color:#333!important;padding:10px 20px;border-radius:20px;font-weight:600;transition:background-color .3s ease,color .3s ease}.login-button:hover{background-color:#fff;color:#6a11cb}.eventImageContainer{margin-top:20px}.eventImage{border-radius:20px;height:120px;max-width:80%}.eventContainer{margin-top:20px}.eventDatetime,.eventName,.eventPrice{font-size:18px;font-weight:700}.eventDatetime{color:purple}.eventDescription{width:80%;margin:0 auto;font-size:16px;text-align:center}.qdiv{width:100%;padding:20px}.qcontainer{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;justify-content:center;margin:0 auto;width:fit-content}.qbutton{width:80px;height:80px;background:linear-gradient(145deg,#6a5acd,#483d8b);border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;color:#0ff;font-size:28px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.qbutton:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,.3)}.summary-container{display:flex;justify-content:center;margin:30px 0}.summary{width:300px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);border:1px solid #ccc;font-size:16px;line-height:1.8;text-align:left;position:relative}.summary:after,.summary:before{content:'';display:block;position:absolute;left:0;width:100%;height:10px;background:repeating-linear-gradient(to right,#fff,#fff 10px,transparent 10px,transparent 20px)}.summary:before{top:-15px}.summary:after{bottom:-15px}.line-item{display:flex;justify-content:space-between;margin-bottom:10px}.total{font-weight:700;margin-top:15px}.checkout{width:250px;height:80px;background:linear-gradient(145deg,#6a5acd,#483d8b);border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);justify-content:center;align-items:center;color:#fff;font-size:28px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:15px}.checkout:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,.3)}footer{background-color:#333;color:#fff;text-align:center;padding:20px 0;margin-top:50px;width:100%}footer p{margin:0}.soldout{font-family:Arial,sans-serif;font-size:80px;background:linear-gradient(45deg,red,#00f,purple);-webkit-background-clip:text;color:transparent;text-shadow:3px 3px 5px rgba(0,0,0,.7);animation:move 3s ease-in-out infinite alternate;transform:rotateX(15deg) rotateY(10deg)}@keyframes move{0%{transform:rotateX(15deg) rotateY(10deg) translateY(0)}100%{transform:rotateX(10deg) rotateY(15deg) translateY(-10px)}}