@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Encode+Sans+SC:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.login-page-form{background-color:ivory;color:#ff5a5f;padding:30px}.username-email{color:#222}h1{margin:0}.demo-user{background-color:#0078d0;border:0;border-radius:56px;color:#fff;cursor:pointer;display:inline-block;font-family:system-ui,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;outline:0;padding:16px 21px;position:relative;text-align:center;text-decoration:none;transition:all .3s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.demo-user:before{background-color:initial;background-image:linear-gradient(#fff 0,rgba(255,255,255,0) 100%);border-radius:125px;content:"";height:50%;left:4%;opacity:.5;position:absolute;top:0;transition:all .3s;width:92%}.demo-user:hover{box-shadow:#fff3 0 3px 15px inset,#0000001a 0 3px 5px,#0000001a 0 10px 13px;transform:scale(1.05)}@media (min-width: 768px){.button-71{padding:16px 48px}}.login-button{align-items:center;background:#FFFFFF;border:0 solid #E2E8F0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;color:#1a202c;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;height:56px;justify-content:center;line-height:24px;overflow-wrap:break-word;padding:24px;text-decoration:none;width:auto;border-radius:8px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}.signup-page{background-color:ivory;color:#ff5a5f;padding:30px}.user-info{color:#222;font-family:Roboto Flex,sans-serif}div>label{display:flex;flex-direction:column}.button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px;box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Roboto Flex,sans-serif;font-size:14px;font-weight:500;height:48px;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 12px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0}.button:hover{background-color:#f6f9fe;color:#ff5a5f;box-shadow:#00000026 0 4px 10px -2px}.profile-dropdown{position:absolute;background-color:#fff;color:#333;border-radius:8px;border:1px solid #ddd;list-style:none;padding:15px;font-size:16px;margin:0;right:0;z-index:3;box-shadow:0 4px 10px #00000026}.fa-circle-user{font-size:30px;color:#949494}.manage-spot-button{align-items:center;background:#00A699;border:none;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;display:inline-flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;height:40px;justify-content:center;line-height:24px;padding:12px 20px;border-radius:8px;text-decoration:none;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.logout-button{align-items:center;background:#FF4040;border:none;color:#fff;display:inline-flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;height:40px;justify-content:center;line-height:24px;padding:12px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.logout-button:hover{background:#FF1F1F;box-shadow:0 4px 10px #00000026}.logout-button:active{background:#D93535;transform:scale(.98)}.manage-spot-button:hover{background:#008B76;box-shadow:0 6px 12px #00000026}.manage-spot-button:active{background:#006F5F;transform:scale(.98)}.hidden{display:none}.navigation{background-color:#fff;padding:40px;margin:0;list-style:none;display:flex;justify-content:space-between;border-bottom:1px solid #E0E0E0}.trail-link{display:flex;align-items:center;text-decoration:none}.trail-icon{color:#ff5a5f;font-size:50px;margin-right:8px;transition:transform .3s ease,color .3s ease;display:inline-block}.trail-icon:hover{transform:scale(1.1);color:#ff3d41}.trail-text{font-size:24px;color:#ff5a5f;font-family:Roboto,sans-serif;line-height:1.4;font-weight:500;letter-spacing:.5px;margin-bottom:20px;text-align:center}@media (max-width: 767px){.trail-text{font-size:20px;text-align:left}}.nav-buttons{display:flex;align-items:center}.new-spot-button{cursor:pointer;font-size:15px;color:#fff;background-color:#00bfae;border:none;border-radius:50px;padding:10px 25px;margin-right:35px;margin-left:15px;font-family:Montserrat,sans-serif;transition:background-color .3s,box-shadow .3s;font-weight:600}.new-spot-button:hover{background-color:#00a695;box-shadow:0 4px 10px #0000001a}.new-spot-button:active{background-color:#009885;box-shadow:0 2px 6px #0003}body{background-color:#f7f7f7;margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;overflow-x:hidden}#spots-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;margin:20px auto;gap:30px;padding:0 20px;background-color:#fff;border-radius:12px}.spot-card{max-width:250px;background-color:#fff;cursor:pointer;position:relative;border-radius:12px;box-shadow:0 6px 16px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.spot-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.spotCardPrice{font-weight:700;margin:10px 0;font-size:1.2rem;color:#ff5a5f}.spotCardInfoImg{height:200px;width:100%;object-fit:cover;border-radius:12px}.spotCardText{display:flex;justify-content:space-around;padding:10px;background-color:#fff}.starRating{display:flex;justify-content:flex-end;color:#ffc107;font-size:1rem}.tooltip-text{visibility:hidden;position:absolute;z-index:2;width:100px;color:#fff;font-size:14px;background-color:#333;border-radius:8px;padding:8px;margin-left:150px;box-shadow:0 4px 8px #00000026}.tooltip-text:before{content:"";position:absolute;transform:rotate(45deg);background-color:#333;padding:5px;z-index:1}.spot-card:hover .tooltip-text{visibility:visible}#top{top:-10px;left:-50%}#top:before{top:80%;left:45%}@media (min-width: 1024px){#spots-lists{grid-template-columns:repeat(4,1fr);gap:30px}}@media (min-width: 768px) and (max-width: 1024px){#spots-lists{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 767px){#spots-lists{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 480px){#spots-lists{grid-template-columns:1fr;gap:10px}}.full-form{font-family:Roboto Flex,sans-serif;max-width:600px;margin-left:auto;margin-right:auto;color:#222;display:flex;flex-direction:column}p{margin-top:0}h1,h3{color:#222}.error-message{color:red}input{background-color:#f4feff;font-size:16px;border:2px solid rgb(83,83,83)}label{margin-top:5px}.section-one{display:flex;flex-direction:column;border-bottom:1px solid rgb(83,83,83);padding-bottom:1rem}.section-one-city{width:60%}.section-one-city input{width:100%}.section-one-a{display:flex;flex-direction:row;justify-content:space-between;margin-top:7px}.section-two{border-bottom:1px solid rgb(83,83,83);padding-bottom:1rem}.description-textarea{resize:none;background-color:#f4feff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;border:2px solid rgb(83,83,83);width:592px;height:150px}.section-three{padding-top:1rem;border-bottom:1px solid rgb(83,83,83);padding-bottom:1rem}.section-three input{width:592px}.section-four{padding-top:1rem;border-bottom:1px solid rgb(83,83,83);padding-bottom:1rem}.section-four input{width:576px}.section-four.price{display:flex;flex-direction:column}.dollar-sign{margin-right:5px}.section-five{display:flex;flex-direction:column}.section-five{padding-top:1rem;border-bottom:1px solid rgb(83,83,83);padding-bottom:1rem}.section-six{display:flex;justify-content:center;margin-top:1rem}.create-spot-button{background-color:#4a5568;cursor:pointer;font-size:14pt;color:#fff;border:none;padding:25px;border-radius:85px;margin:15px;box-shadow:#0003 0 3px 5px -1px,#00000024 0 6px 10px,#0000001f 0 1px 18px}.create-spot-button:hover{background-color:#fff;color:#4a5568}body{font-family:Poppins,sans-serif;color:#3f3f3f;background-color:#f7f7f7;line-height:1.6}h2{font-family:Encode Sans SC,sans-serif;font-weight:700;font-size:2rem;color:#303030;margin-bottom:1.5rem;text-align:left}.manage-spots-page{margin-left:3rem;margin-right:2rem;margin-top:2rem}.manage-spots-top{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.manage-spots-top button{width:auto;padding:10px 20px;background-color:#ff5a5f;border-radius:8px;cursor:pointer;font-weight:600;color:#fff;border:none;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.manage-spots-top button:hover{background-color:#ff3b3f}.manage-spot-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px;max-width:1200px;margin-left:auto;margin-right:auto}.manage-spot-section>div{background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #00000014;padding:20px}.manage-spot-section h3{font-weight:500;color:#333;margin-bottom:15px;font-size:1.2rem}.manage-buttons{display:flex;justify-content:flex-end;margin-top:1.5rem}.manage-buttons button{padding:10px 20px;background-color:#ff5a5f;cursor:pointer;font-weight:600;color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.manage-buttons button:hover{background-color:#ff3b3f}h1{display:flex;justify-content:center;color:#303030;font-family:Encode Sans SC,sans-serif;font-size:2rem;font-weight:600}span{width:85%;font-family:Poppins,sans-serif;color:#3f3f3f;text-align:center;font-size:1rem;line-height:1.5}.delete-spot{height:auto;width:28rem;max-width:90%;background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-family:Poppins,sans-serif;text-align:center}.delete-yes{width:85%;height:3.5rem;background-color:#ff5a5f;margin-top:1rem;font-size:16px;font-weight:600;text-transform:uppercase;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease;padding:10px}.delete-yes:hover{background-color:#ff3b3f}.delete-no{width:85%;height:3.5rem;background-color:#535353;margin-bottom:1rem;font-size:16px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease;padding:10px}.delete-no:hover{background-color:#616161}.spot-review-form{background-color:#fff;padding:40px 30px;width:100%;max-width:600px;margin:auto;border-radius:12px;box-shadow:0 10px 20px #0000001a;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}h1{font-size:24px;color:#333;margin-bottom:25px;font-weight:700;text-align:center}.describe-review{margin-bottom:25px;width:100%}.description-textarea{width:100%;height:150px;padding:15px;font-size:16px;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;resize:none;box-sizing:border-box;transition:border-color .2s}.description-textarea:focus{border-color:#ff5a5f;outline:none}.star-div{display:flex;align-items:center;margin-top:20px}.star{cursor:pointer;margin-right:10px;transition:color .3s ease}.star:hover,.star.selected{color:#ff5a5f}.star-div span{font-size:16px;color:#555}.submit-review-button{background-color:#ff5a5f;color:#fff;padding:15px;font-size:16px;font-weight:700;width:100%;border:none;border-radius:50px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;text-transform:uppercase}.submit-review-button:disabled{background-color:#ddd;color:#888;cursor:not-allowed}.submit-review-button:hover{background-color:#ff416c;transform:scale(1.05)}.submit-review-button:active{background-color:#ff2b4d;transform:scale(1)}.delete-review{height:20rem;width:25rem;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}div{font-family:Verdana,Geneva,Tahoma,sans-serif;color:#222}h1{color:#222;margin-bottom:20px}h3{margin-bottom:10px;font-size:1.4rem}ul{list-style-type:none;margin:0;padding:0}.spotDetails{max-width:1000px;margin-left:auto;margin-right:auto;padding:30px 20px;background-color:#fff}.spotDetailsInfo{display:flex;justify-content:space-between;border-bottom:2px solid #ebebeb;padding-bottom:20px}.spotDetailsInfo .spotDetailsReserve{width:30%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:10px;border:1px solid #ddd;padding:20px;background-color:#fafafa}.spotDetailsReserve h3{margin-bottom:5px;font-size:1.2rem}.spotDetailsReserve p{font-size:1.1rem;margin-bottom:10px;color:#8e8e8e}.spotDetailsPriceAndRev{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#ddd}.spotPrice{font-size:1.8rem;font-weight:700;color:#ff5a5f}.spotDetailsReserve .reserveButton{background-color:#ff5a5f;color:#fff;border-radius:50px;font-size:16px;padding:14px 24px;width:100%;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.spotDetailsReserve .reserveButton:hover{background-color:#ff3e47;box-shadow:0 2px 10px #00000026}.spotDetailsReserve .reserveButton:active{background-color:#db3741}.images{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.preview-img{width:100%;height:500px;object-fit:cover;border-radius:12px}.small-img-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.small-img{width:100%;height:180px;object-fit:cover;border-radius:8px}.small-img-row-1,.small-img-row-2{margin-top:15px}.post-review-button button,.delete-review-button button{background-color:#ff5a5f;width:25%;height:48px;margin-top:20px;cursor:pointer;font-weight:700;color:#535353;border:1px solid rgb(83,83,83);box-shadow:2px 2px 2px #535353;text-transform:uppercase;font-size:16px;letter-spacing:1px;border-radius:20px}.post-review-button button:hover,.delete-review-button button:hover{background-color:#ff3d41}h1,h3{text-align:center}h2{font-size:30px;margin-bottom:0}html,body{padding:0;margin:0}
