@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";html,body{height:100%}body{background-image:url(/bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;padding:.5rem;background-attachment:fixed}*{box-sizing:border-box;font-family:Roboto,sans-serif}button{cursor:pointer}.searcher-container{display:grid;grid-template-columns:70% 1fr;align-items:flex-start;justify-content:space-between;padding:.6rem 1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:none;border:none;position:sticky;top:0;z-index:5;border-radius:15px;width:100vw}.searcher-container .search-form-wrapper{position:relative;grid-column:1;display:flex;flex-direction:column;align-items:flex-start;width:100%}.searcher-container form{display:flex;align-items:center;border-radius:8px;overflow:hidden;background:#ffffff26;border:1px solid rgba(255,255,255,.25);transition:all .3s ease;width:100%}.searcher-container form:hover{background:#ffffff40;border-color:#ffffff59}.searcher-container form.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.searcher-container input{border:none;width:100%;padding:.5rem 0rem;font-size:.7rem;background:transparent;color:#fffaf3;transition:all .3s ease}.searcher-container input::placeholder{color:#fff9;font-style:italic}.searcher-container input:focus{outline:none}.search-icon-decor{background:none;display:flex;align-items:center;justify-content:center;width:2rem;border-radius:4px}.search-icon-decor img{width:1rem;filter:invert(100%);opacity:.6}.results-dropdown-window{position:absolute;top:100%;left:0;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-top:none;border-radius:0 0 8px 8px;display:flex;flex-direction:column;padding:.8rem .1rem .2rem 0;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease;z-index:2}.results-dropdown-window ul{list-style:none;display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0}.results-dropdown-window ul li{margin:.4rem 0 .2rem .5rem}.results-dropdown-window ul li a{color:#fff;text-decoration:none;opacity:.8;transition:all .35s ease}.results-dropdown-window ul li a:hover{color:#f0c000;text-decoration:underline;opacity:1}.results-dropdown-window .searcher-tooltip-container{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:.5rem}.results-dropdown-window .searcher-tooltip-container p{font-size:.8rem;margin:0 0 0 .5rem}.results-dropdown-window .tooltip-button{background:none!important;align-self:flex-end!important;justify-self:flex-end!important;border:none}.results-dropdown-window .tooltip-button img{width:1rem;filter:invert(100%);opacity:.7;transition:all .15s ease}.results-dropdown-window .tooltip-button img:hover{opacity:1;transform:scale(1.2)}.results-dropdown-window-show{display:flex}.results-dropdown-window-hide{display:none}.faq-button{grid-column:2;grid-row:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fffaf3;font-size:.85rem;font-weight:500;padding:.6rem .8rem!important;letter-spacing:.3px;cursor:pointer;transition:all .25s ease;width:4rem;justify-self:flex-end}.faq-button:hover{background:#ffffff40;border-color:#ffffff59;transform:translateY(-1px)}@media (min-width: 500px){.searcher-container input{font-size:.9rem}}@media (min-width: 600px){.searcher-container form,.results-dropdown-window{width:75%}}@media (min-width: 800px){.searcher-container form,.results-dropdown-window{width:60%}.searcher-container input{font-size:1rem}}@media (min-width: 1000px){.searcher-container form,.results-dropdown-window{width:40%}}@media (min-width: 1300px){.searcher-container form,.results-dropdown-window{width:30%}}html,body{height:100%;margin:0;padding:0}:root{--vh: 100vh}.homepage-container{display:grid;justify-content:center;height:calc(var(--vh) * 100);position:relative;font-family:Inter,system-ui,sans-serif;text-align:center;padding:.5rem 1rem 4rem;color:#fffaf4;background:url(/autumn-bg.jpg) no-repeat center center/cover;overflow:hidden;isolation:isolate}.homepage-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:-1}.homepage-container>*{position:relative;z-index:1}.searcher-component-container{justify-self:flex-start;margin:0}.first-row-homepage,.second-row-homepage,.third-row-homepage{width:100%}.first-row-homepage{align-self:flex-start;display:flex;flex-direction:column;justify-content:center}.second-row-homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-top:8rem}.log-new-experience{background:linear-gradient(145deg,#f0c000,#f5da56);border:none;border-radius:100px;width:80%;height:3.2rem;font-size:1.1rem;color:#3a2100;font-weight:700;box-shadow:0 4px 15px #ffaf0099;transition:all .25s ease;margin-top:0;margin-bottom:2rem}.log-new-experience:hover{transform:translateY(-3px);box-shadow:0 8px 22px #ffc80073;color:#fff}.random-and-logged-button-container{width:50%;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.8rem}.logged-experiences-button-homepage{background:#472c1f;border-radius:12px;border:1px solid hsl(20,40%,30%);padding:.8rem 1.4rem;font-size:.95rem;color:#fdfaf7;font-weight:500;box-shadow:0 3px 6px #00000040;transition:all .25s ease;width:100%}.logged-experiences-button-homepage:hover{background:#593726;transform:translateY(-2px)}.random-experience-button-homepage{background:#ffffffd9;border:1px solid rgba(0,0,0,.2);border-radius:50px;padding:.6rem 1.4rem;color:#392013;font-weight:500;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .25s ease;width:100%}.random-experience-button-homepage:hover{background:#fffffff2;transform:scale(1.04);box-shadow:0 6px 12px #00000040}.homepage-logo-container{display:flex;justify-content:center;margin-top:2rem}.homepage-logo{margin-top:auto;width:auto;height:3rem;opacity:.3;filter:brightness(0) invert(1);padding:0}.homepage-container>*{opacity:0;animation:fadeUp .4s ease forwards}.homepage-container>*:nth-child(1){animation-delay:.1s}.homepage-container>*:nth-child(2){animation-delay:.3s}.homepage-container>*:nth-child(3){animation-delay:.5s}@media (min-width: 600px){.log-new-experience{width:60%}.random-and-logged-button-container{width:40%}.random-and-logged-button-container button{display:flex;justify-content:center;align-items:center}}@media (min-width: 750px){.log-new-experience{width:60%}.random-and-logged-button-container{width:35%}.random-and-logged-button-container button{display:flex;justify-content:center;align-items:center}}@media (min-width: 800px){.log-new-experience{width:45%;height:4.5rem}.random-and-logged-button-container{flex-direction:row;width:40%}.random-and-logged-button-container button{display:flex;height:3.5rem;border-radius:10px;justify-content:center;align-items:center}}@media (min-width: 1300px){.log-new-experience{width:20%;height:8rem;font-size:1.4rem}.random-and-logged-button-container{flex-direction:row;width:25%}.random-and-logged-button-container button{height:3.5rem;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:2rem}}@media (min-width: 1600px){.log-new-experience{font-size:1.6rem;margin-bottom:4rem}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999;flex-direction:column;gap:5rem}.splash-screen-content{display:flex;flex-direction:column;gap:2.5rem}.splash-screen-content .effect{width:15rem;opacity:0;transform:translateY(-50px);animation:logoFadeIn 1s ease forwards;animation-delay:.5s}@keyframes effectSlide{0%{left:-100%}to{left:100%}}.splash-screen-content .logo{width:15rem;opacity:0;transform:translateY(50px);animation:logoFadeIn 1s ease forwards;animation-delay:3s}@keyframes logoFadeIn{to{opacity:1;transform:translateY(0)}}.experience-log-page-page-wrapper{position:relative;width:100%;min-height:100vh!important;padding:6rem 0 2rem!important;display:flex;flex-direction:column;padding-bottom:6rem;background:#ffffff05;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-radius:20px;box-shadow:0 8px 32px #0000005e}.experience-log-page-page-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:0;pointer-events:none}.experience-log-page-page-wrapper .back-button-addNew{position:fixed;top:1.5rem;left:1rem;background:transparent;border:none;cursor:pointer;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;filter:invert(100%);z-index:10;transition:transform .2s ease}.experience-log-page-page-wrapper .back-button-addNew img{width:1.8rem;height:1.8rem;transform:scaleX(-1);transition:transform .2s ease}.experience-log-page-page-wrapper .back-button-addNew:hover img{transform:scaleX(-1) scale(1.1)}.experience-log-page-page-wrapper .page-content label,.experience-log-page-page-wrapper .page-content span{margin-bottom:.5rem;font-weight:500}.experience-log-page-page-wrapper .page-content input,.experience-log-page-page-wrapper .page-content textarea{border:none!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.experience-log-page-page-wrapper .page-content input:focus,.experience-log-page-page-wrapper .page-content select:focus,.experience-log-page-page-wrapper .page-content textarea:focus{outline:none;box-shadow:0 0 0 2px #f0c000}.experience-log-page-page-wrapper .page-content .title,.experience-log-page-page-wrapper .page-content .description{display:flex;flex-direction:column;margin-bottom:1rem}.experience-log-page-page-wrapper .page-content .title input{background-color:#fff3;border-radius:12px;padding:.5rem;color:#fff;transition:background .3s}.experience-log-page-page-wrapper .page-content .title input:focus{background-color:#ffffff40}.experience-log-page-page-wrapper .page-content .error-state-title{color:red}.experience-log-page-page-wrapper .page-content .no-error-state-title{color:#fff}.experience-log-page-page-wrapper .page-content .error-state-title-input{border:2px solid red!important}.experience-log-page-page-wrapper .page-content .no-error-state-title-input{border:none}.experience-log-page-page-wrapper .page-content .error-msg-title{display:block;color:red;font-size:1rem;margin-top:.2rem}.experience-log-page-page-wrapper .page-content .no-error-msg-title{display:none}.experience-log-page-page-wrapper .page-content .description textarea{height:4rem;padding:.5rem;background-color:#fff3;border-radius:15px;color:#fff;transition:background .3s;border:none;border-bottom:1px solid rgba(255,255,255,.2)}.experience-log-page-page-wrapper .page-content .description textarea:focus{background-color:#ffffff40}.experience-log-page-page-wrapper .page-content .category-selector,.experience-log-page-page-wrapper .page-content .subcategories,.experience-log-page-page-wrapper .page-content .date-time,.experience-log-page-page-wrapper .page-content .location,.experience-log-page-page-wrapper .page-content .photo-upload,.experience-log-page-page-wrapper .page-content .buttons{display:flex;flex-direction:column;margin-bottom:1rem}.experience-log-page-page-wrapper .page-content .category-selector button{padding:.5rem 1rem;margin-right:1rem;border-radius:12px;border:none;cursor:pointer;background-color:#fff3;color:#fff;font-size:1rem;transition:background-color .3s,transform .2s;margin-bottom:1rem;margin-top:.2rem}.experience-log-page-page-wrapper .page-content .category-selector button.active{background-color:#f0c000;color:#000;transform:scale(1.05)}.experience-log-page-page-wrapper .page-content .subcategories{display:flex;flex-direction:row;gap:.5rem;border-radius:12px;background:none;margin-bottom:2rem;justify-content:space-between}.experience-log-page-page-wrapper .page-content .subcategories button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;height:4rem;width:4rem;border-radius:12px;border:none;background:#ffffff85;color:#000;font-size:.85rem;transition:background .3s,transform .2s}.experience-log-page-page-wrapper .page-content .subcategories button img{width:2rem;margin-bottom:.2rem;border-radius:10px}.experience-log-page-page-wrapper .page-content .subcategories button.active{background-color:#f0c000;color:#000;transform:scale(1.1)}.experience-log-page-page-wrapper .page-content input,.experience-log-page-page-wrapper .page-content select{padding:.5rem;border-radius:12px;border:none;font-size:1rem;margin-bottom:1rem;background-color:#fff3;color:#fff}.experience-log-page-page-wrapper .page-content input:focus,.experience-log-page-page-wrapper .page-content select:focus{background-color:#ffffff40}.experience-log-page-page-wrapper .page-content .buttons{display:flex;flex-direction:row;gap:2rem;margin-top:2.5rem}.experience-log-page-page-wrapper .page-content .buttons button{flex:1;font-weight:700;cursor:pointer;border-radius:15px;padding:.6rem;transition:background .3s,color .3s;font-size:1rem}.experience-log-page-page-wrapper .page-content .buttons .cancel{background-color:#fff3;color:#fff}.experience-log-page-page-wrapper .page-content .buttons .cancel:hover{background-color:#ffffff59}.experience-log-page-page-wrapper .page-content .buttons .save{background-color:#f0c000;color:#000}.experience-log-page-page-wrapper .page-content .buttons .save:hover{background-color:#ffcc01;color:#fff}.experience-log-page-page-wrapper .page-content .date-time{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.experience-log-page-page-wrapper .page-content .date-time input{margin-top:.5rem}.experience-log-page-page-wrapper .page-content .date-time input::placeholder{color:#ffffff80}.experience-log-page-page-wrapper .page-content .location input{background-color:#fff3;color:#fff}.experience-log-page-page-wrapper .page-content .location input::placeholder{color:#ffffff80}.experience-log-page-page-wrapper .page-content .location input:focus{background-color:#ffffff40}.experience-log-page-page-wrapper .page-content .photo-upload-area{background-color:#fff3;border-radius:15px;margin:0 auto;height:10rem;width:15rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:#fff;font-size:.8rem;cursor:pointer;transition:background .3s;border:none!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.experience-log-page-page-wrapper .page-content .photo-upload-area:hover{background-color:#ffffff26}.experience-log-page-page-wrapper .page-content .photo-upload-area .photo-preview{width:auto;height:80%;border-radius:12px}.experience-log-page-page-wrapper .page-content .photo-upload-area img{width:3rem}.experience-log-page-page-wrapper .page-content .delete-photo-button{background-color:#ffffff1a;width:6rem;border:none;border-radius:12px;margin:.8rem auto 0;color:#fff;padding:.3rem;cursor:pointer;transition:background .3s}.experience-log-page-page-wrapper .page-content .delete-photo-button:hover{background-color:#eb868699}.experience-log-page-page-wrapper .page-content .delete-photo-hide{display:none}.experience-log-page-page-wrapper .page-content .delete-photo-display{display:block}@media (min-width: 550px){.date-time-location-container{display:flex;justify-content:space-between;gap:1rem}.date-time-location-container .location{width:100%}.subcategories button{width:4.3rem!important;height:4.3rem!important}.subcategories img{width:2.6rem!important}}@media (min-width: 800px){.page-content{padding:0 3.5rem}.subcategories button{width:5rem!important;height:5rem!important}.subcategories img{width:2.8rem!important}}@media (min-width: 700px){.page-content{padding:0 3rem}}@media (min-width: 850px){.page-content{padding:0 4rem}.buttons{gap:4rem!important}.subcategories{justify-content:center!important;gap:2rem!important}.photo-upload-area{width:18rem!important}}@media (min-width: 1000px){.page-content{padding:0 6rem}.buttons{gap:6rem!important}.subcategories{gap:3rem!important}}@media (min-width: 1300px){.experience-log-page-page-wrapper .page-content .buttons{gap:2rem!important;justify-content:center!important}.experience-log-page-page-wrapper .page-content .buttons button{margin-top:1rem;flex:none!important;width:30%!important;font-size:1rem!important}.page-content{padding:0 14rem!important}.subcategories{gap:4rem!important}.photo-upload-area{width:20rem!important}}@media (min-width: 1600px){.page-content{padding:0 20rem!important}.photo-upload-area{width:22rem!important}}.faqpage-container{position:relative;width:100%;margin:0 auto;padding:.5rem;z-index:1;font-family:Inter,system-ui,sans-serif;max-width:1000px}.faqpage-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:0;pointer-events:none;opacity:0;animation:fadeOverlay .5s ease forwards}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.back-button-faqpage{position:fixed;top:1.5rem;left:1rem;background:transparent;border:none;cursor:pointer;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;filter:invert(100%);z-index:10;transition:transform .2s ease}.back-button-faqpage img{width:1.8rem;height:1.8rem;transform:scaleX(-1);transition:transform .2s ease}.back-button-faqpage:hover img{transform:scaleX(-1) scale(1.1)}.faq-page-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;color:#fff;position:relative;z-index:2;margin-top:4rem}.faq-page-content>*{opacity:0;transform:translateY(20px);animation:fadeUp .5s ease forwards}.faq-page-content>*:nth-child(1){animation-delay:.1s}.faq-page-content>*:nth-child(2){animation-delay:.2s}.faq-page-content>*:nth-child(3){animation-delay:.3s}.faq-page-content>*:nth-child(4){animation-delay:.4s}.faq-page-content h1{margin:0 0 1rem;padding:0;font-size:2rem;text-align:center}.faq-page-content h2{font-size:1.6rem!important}.question-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff0d;border-radius:12px;padding:.8rem 1rem;cursor:pointer;transition:background .3s,transform .2s;box-shadow:0 4px 12px #0000004d}.question-wrapper:hover{background-color:#ffffff1a;transform:translateY(-2px)}.question-wrapper .toggle-icon{border:none;background:none}.question-wrapper .toggle-icon img{filter:invert(100%);width:2rem;height:2rem;transition:transform .3s;transform:rotate(90deg)}.question-wrapper .toggle-icon img.open{transform:rotate(270deg)}.question-wrapper .toggle-icon img.closed{transform:rotate(90deg)}.answer{line-height:1.6;margin:.5rem 1rem;font-style:italic;color:#f5f5f5;transition:all .3s ease;font-size:1.2rem!important}.answer.answer-displayed{display:block;opacity:1;transform:translateY(0)}.answer.answer-hidden{display:none;opacity:0;transform:translateY(10px)}.save-modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:999;opacity:0;animation:fadeUpModalBackdrop .4s ease forwards}.save-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff59;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:1000;text-align:center;padding:2rem 2.5rem;width:90%;max-width:400px;border-radius:25px;box-shadow:0 12px 40px #00000080;color:#fff;opacity:0;animation:fadeUpModal .5s ease forwards}.save-modal p{color:#a0ff8f;font-size:1.5rem;margin-bottom:1.5rem}.save-modal span{padding:0 2rem;margin-bottom:2rem;color:#ffffffd9;font-size:1rem}.savemodal-buttons{display:flex;gap:1rem;margin-bottom:1rem}.savemodal-buttons button{flex:1;border:none;border-radius:18px;padding:.7rem 1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0000004d}.go-to-home-page-button-savemodal{background:#ffffff26!important;color:#fff}.go-to-home-page-button-savemodal:hover{background:#ffffff4d!important;transform:scale(1.05);box-shadow:0 10px 25px #0006!important}.see-logged-experiences-button-savemodal{background:#fff!important;color:#000}.see-logged-experiences-button-savemodal:hover{background:#fff!important;color:#000;transform:scale(1.05);box-shadow:0 12px 30px #ffffff80!important}.cancel-modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:999;opacity:0;animation:fadeUpCancelBackdrop .4s ease forwards}.cancel-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:1000;text-align:center;padding:2rem 2.5rem;width:90%;max-width:400px;border-radius:25px;box-shadow:0 12px 40px #00000080;color:#fff;opacity:0;animation:fadeUpCancel .5s ease forwards}@keyframes fadeUpCancel{0%{opacity:0;transform:translate(-50%,calc(-50% + 20px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeUpCancelBackdrop{0%{opacity:0}to{opacity:1}}.cancel-modal p{color:#ffeded;font-size:1.5rem;margin-bottom:1.5rem}.cancel-modal span{padding:0 2rem;margin-bottom:2rem;color:#ff4d4d;font-size:1rem}.cancelmodal-buttons{display:flex;gap:1rem;margin-bottom:1rem}.cancelmodal-buttons button{flex:1;border:none;padding:.7rem 1.5rem;border-radius:18px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 6px 20px #0000004d}.cancelmodal-buttons .continue-button-cancelmodal{background-color:#ffffff26;color:#fff}.cancelmodal-buttons .continue-button-cancelmodal:hover{background-color:#ffffff4d;transform:scale(1.05);box-shadow:0 10px 25px #0006}.cancelmodal-buttons .exit-button-cancelmodal{background-color:#f16717;color:#fff}.cancelmodal-buttons .exit-button-cancelmodal:hover{background-color:#ff833a;transform:scale(1.05);box-shadow:0 12px 30px #f1671780}.experiences-list-page{position:relative;width:100%;min-height:100%;padding:1rem 0 2rem;display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;color:#fff}.experiences-list-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:0;pointer-events:none}.experiences-list-page .experiences-list-page-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem;width:90%;max-width:700px;margin:0 auto;padding:1rem;border-radius:20px}.experiences-list-page .experiences-list-page-content .back-button-list{align-self:flex-start;background:transparent;border:none;cursor:pointer;width:1.5rem;padding:0;margin-bottom:1rem;display:flex;filter:invert(100%)}.experiences-list-page .experiences-list-page-content .back-button-list img{width:1.5rem;transform:scaleX(-1);transition:transform .2s ease}.experiences-list-page .experiences-list-page-content .back-button-list:hover img{transform:scaleX(-1) scale(1.1)}.experiences-list-page .experiences-list-page-content>*{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}.experiences-list-page .experiences-list-page-content>*:nth-child(1){animation-delay:.1s}.experiences-list-page .experiences-list-page-content>*:nth-child(2){animation-delay:.2s}.experiences-list-page .experiences-list-page-content>*:nth-child(3){animation-delay:.3s}.experiences-list-page .experiences-list-page-content>*:nth-child(4){animation-delay:.4s}.experiences-list-page .experiences-list-page-content>*:nth-child(5){animation-delay:.5s}.experiences-list-page .experiences-list-page-content>*:nth-child(6){animation-delay:.6s}.experiences-list-page .experiences-list-page-content>*:nth-child(7){animation-delay:.7s}.experiences-list-page .experiences-list-page-content .empty-message{text-align:center;color:#ffffffb3;font-size:1rem;margin:2rem 0;padding:1rem;background:#ffffff08;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.empty-experienceslist-page{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Inter,sans-serif}.empty-experienceslist-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:0;pointer-events:none}.empty-experienceslist-page .back-button-list{position:fixed;top:1rem;left:1rem;background:transparent;border:none;cursor:pointer;width:1.6rem;padding:0;display:flex;z-index:2;filter:invert(100%)}.empty-experienceslist-page .back-button-list img{width:1.6rem;transform:scaleX(-1);transition:transform .2s ease}.empty-experienceslist-page .back-button-list:hover img{transform:scaleX(-1) scale(1.1)}.empty-experienceslist-page .back-button-list,.empty-experienceslist-page .experienceslist-page-empty-container>*{opacity:0;transform:translateY(20px);animation:fadeUp .5s ease forwards}.empty-experienceslist-page .back-button-list{animation-delay:.1s}.empty-experienceslist-page .experienceslist-page-empty-container>*:nth-child(1){animation-delay:.2s}.empty-experienceslist-page .experienceslist-page-empty-container>*:nth-child(2){animation-delay:.4s}.empty-experienceslist-page .experienceslist-page-empty-container>*:nth-child(3){animation-delay:.6s}.empty-experienceslist-page .experienceslist-page-empty-container{position:relative;z-index:1;text-align:center;padding:1rem;width:100%}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-empty-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:1rem;color:#fff}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-empty-content h1{margin:2rem 0 1rem}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-empty-content h2{margin:0 0 2rem}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-empty-content .log-new-experience-button-listpage{background:linear-gradient(145deg,#f0c000,#f5da56);border:none;border-radius:18px;font-size:1.2rem;color:#472003;padding:.9rem 1.5rem;box-shadow:0 4px 15px #f0c00066;cursor:pointer;transition:all .3s ease;font-weight:700;margin:3rem 3rem 8rem}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-empty-content .log-new-experience-button-listpage:hover{transform:scale(1.05);box-shadow:0 8px 25px #f0c00099;background:linear-gradient(145deg,#fd3,#f0c000);color:#321900}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-empty-content .log-new-experience-button-listpage:active{transform:scale(.98);box-shadow:0 4px 15px #f0c00080}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-logo-container{display:flex;justify-content:center;margin-bottom:2rem}.empty-experienceslist-page .experienceslist-page-empty-container .experienceslist-page-logo-container .experienceslist-page-empty-logo{width:auto;height:3rem;opacity:.15;filter:invert(100%)}.experiences-list-page{position:relative;width:100%;max-width:700px;margin:0 auto;padding:1rem;font-family:Inter,sans-serif;color:#fff}.experiences-list-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:0;pointer-events:none}.experiences-list-page .experiences-list-page-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;padding-top:3rem}.experiences-list-page .back-button-list{position:fixed;top:1rem;left:1rem;z-index:10;background:transparent;border:none;cursor:pointer;width:2.5rem;height:2rem;display:flex;align-items:center;justify-content:center;filter:invert(100%);transition:transform .2s ease}.experiences-list-page .back-button-list img{width:100%;transform:scaleX(-1);transition:transform .2s ease}.experiences-list-page .back-button-list:hover img{transform:scaleX(-1) scale(1.1)}.experiences-list-page .experience-element{opacity:0;transform:translateY(20px) scale(.98);animation:fadeUpExperience .6s ease forwards;display:grid;grid-template-columns:60% 40%;border-radius:15px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem 1rem;gap:.5rem;box-shadow:0 6px 15px #0000004d;transition:all .3s ease}.experiences-list-page .experience-element:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #f0c00099,0 6px 10px #00000040}.experiences-list-page .experience-element h2{font-size:1.3rem;margin:.4rem .3rem .5rem;color:#f0c000}.experiences-list-page .experience-element h3,.experiences-list-page .experience-element h4{font-size:.7rem;margin:0;color:#fffc}.experiences-list-page .experience-element .experience-element-date-and-location-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.3rem;font-size:.8rem;color:#ffffffb3}.experiences-list-page .experience-element .experience-element-date-and-location-container h3{opacity:.8}.experiences-list-page .experience-element .experience-element-date-and-location-container h4{font-size:.8rem}.experiences-list-page .experience-element .experience-element-left-column{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;height:100%;box-sizing:border-box}.experiences-list-page .experience-element .experience-element-right-column{display:flex;justify-content:center;align-items:center;padding:0;grid-column:2}.experiences-list-page .experience-element .experience-element-right-column-photo{width:90%;height:auto;border-radius:15px;margin:.4rem 0;box-shadow:0 4px 10px #0006}.experiences-list-page .experience-element .experience-element-photo-column-hidden{display:none}.experiences-list-page .experience-element .experience-element-photo-column-shown{display:block}.experiences-list-page .experience-element .see-more-button-container{width:100%;display:flex;justify-content:flex-start;margin-top:.5rem}.experiences-list-page .experience-element .see-more-button{color:#000;padding:.6rem 1.2rem;border-radius:100px;border:none;background-color:#f0c000;font-weight:600;cursor:pointer;box-shadow:0 6px 15px #f0c00099,0 3px 6px #0003;transition:all .3s ease}.experiences-list-page .experience-element .see-more-button:hover{transform:translateY(2px) scale(1.05);box-shadow:0 10px 25px #f0c000b3,0 6px 10px #00000040}@media (min-width: 600px){h2{font-size:1.4rem!important}h3{font-size:.8rem!important}h4{font-size:1rem!important}.see-more-button{padding:.8rem 1.4rem!important;font-size:1rem}}@media (min-width: 700px){h2{font-size:1.6rem!important}}.experience-page-container{position:relative;width:100%;max-width:700px;margin:0 auto;padding:.5rem;z-index:1;color:#fff}.experience-page-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:0;pointer-events:none}.experience-page-container .experience-page-content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;position:relative;z-index:2}.experience-page-container .experience-page-content .back-button-experience-page{align-self:flex-start;background:transparent;border:none;cursor:pointer;width:1.5rem;padding:0;margin-bottom:.8rem;display:flex;filter:invert(100%)}.experience-page-container .experience-page-content .back-button-experience-page img{width:1.5rem;transform:scaleX(-1);transition:transform .2s ease}.experience-page-container .experience-page-content .back-button-experience-page:hover img{transform:scaleX(-1) scale(1.1)}.experience-page-container .experience-page-content h2{font-size:2rem;color:#f0c000;margin-bottom:.3rem;text-shadow:0 4px 15px rgba(255,175,0,.4)}.experience-page-container .experience-page-content hr{width:100%;opacity:.3!important;margin:.3rem 0 .5rem}.experience-page-container .experience-page-content .details-container-experience-page{margin-bottom:1rem}.experience-page-container .experience-page-content .category-container{display:flex;align-items:center;gap:.3rem;height:2.5rem}.experience-page-container .experience-page-content .category-container .category{margin:0;border:none;color:#000;background:none;font-size:1.2rem}.experience-page-container .experience-page-content .category-container .skill-tag,.experience-page-container .experience-page-content .category-container .adventure-tag{color:#f0c000}.experience-page-container .experience-page-content .category-container img{width:auto;height:100%;filter:invert(100%);margin-left:.5rem;opacity:.8}.experience-page-container .experience-page-content .date-time-container-experience-page{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.6!important}.experience-page-container .experience-page-content .experience-photo{border-radius:10px;margin-bottom:1rem;width:95%;height:auto;max-height:450px;object-fit:contain;align-self:center}.experience-page-container .experience-page-content .modifying-buttons-experience-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.experience-page-container .experience-page-content .modifying-buttons-experience-page button{padding:.6rem 1.2rem;border-radius:12px;border:none;font-size:1rem;color:#000;width:80%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.experience-page-container .experience-page-content .modifying-buttons-experience-page .edit-button-experience-page{background:#ffffffe6;box-shadow:0 6px 15px #ffffff4d}.experience-page-container .experience-page-content .modifying-buttons-experience-page .edit-button-experience-page:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #ffffff80}.experience-page-container .experience-page-content .modifying-buttons-experience-page .delete-button-experience-page{background:#ef7979e6;box-shadow:0 6px 15px #ef79794d}.experience-page-container .experience-page-content .modifying-buttons-experience-page .delete-button-experience-page:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #ef797980}.experience-page-container .experience-page-content>*{opacity:0;transform:translateY(15px);animation:fadeUp .5s ease forwards}.experience-page-container .experience-page-content>*:nth-child(1){animation-delay:.05s}.experience-page-container .experience-page-content>*:nth-child(2){animation-delay:.1s}.experience-page-container .experience-page-content>*:nth-child(3){animation-delay:.15s}.experience-page-container .experience-page-content>*:nth-child(4){animation-delay:.2s}.experience-page-container .experience-page-content>*:nth-child(5){animation-delay:.25s}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 600px){h2{font-size:2rem!important}.details-container-experience-page{display:flex;justify-content:space-around;align-items:center}}@media (min-width: 700px){.details-container-experience-page{margin-bottom:1.5rem!important}.modifying-buttons-experience-page{margin-top:1rem;flex-direction:row!important;justify-content:center!important}.modifying-buttons-experience-page button{width:15rem!important}}.delete-modal-backdrop{position:fixed;inset:0;background-color:#000000d9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);z-index:999}.delete-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414f2;padding:2rem 1.5rem;border-radius:20px;box-shadow:0 12px 30px #00000080;z-index:1000;width:90%;max-width:400px;text-align:center;color:#fff;animation:fadeInScale .25s ease-out}.delete-modal p{font-size:1.1rem;margin-bottom:.5rem}.delete-modal span{font-size:.9rem;color:#ffffffb3}.delete-modal-buttons{margin-top:1.5rem;display:flex;justify-content:space-between;gap:1rem}.delete-modal-buttons button{flex:1;padding:.75rem 1rem;border:none;border-radius:100px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease}.delete-modal-buttons .dont-delete-button-delete-modal{background-color:#fffc;color:#000;box-shadow:0 6px 15px #ffffff4d}.delete-modal-buttons .dont-delete-button-delete-modal:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px #ffffff80}.delete-modal-buttons .yes-delete-button-delete-modal{background-color:#ef7979;color:#fff;box-shadow:0 6px 15px #ef79794d}.delete-modal-buttons .yes-delete-button-delete-modal:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px #ef797980}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.random-page{position:relative;width:100%;max-width:700px;max-height:100vh!important;margin:0 auto;padding:1rem;z-index:1;font-family:Inter,sans-serif;color:#fff;display:flex;flex-direction:column;align-items:center}.random-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:0;pointer-events:none}.random-page .random-experience-page-back-button{position:fixed;top:1rem;left:1rem;z-index:999;background:transparent;border:none;cursor:pointer;width:1.8rem;padding:0;display:flex;filter:invert(100%)}.random-page .random-experience-page-back-button img{width:1.8rem;transform:scaleX(-1);transition:transform .2s ease}.random-page .random-experience-page-back-button:hover img{transform:scaleX(-1) scale(1.1)}.random-page .random-page-content{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;position:relative;z-index:2;justify-content:center;width:100%;opacity:0;transform:translateY(20px);animation:fadeUpPage .8s ease forwards}.random-page .random-page-content h2{margin-top:5.5rem;text-align:center;font-size:2rem;font-weight:700;color:#fff;border-radius:15px;padding:.8rem 1rem}.random-page .random-page-content p{font-size:1rem;line-height:1.5;text-align:center;color:#f5f5f5;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:.5rem 1rem}.random-page .random-button{background-color:#f0c000;border:none;cursor:pointer;padding:3rem;display:flex;align-items:center;justify-content:center;align-self:center;border-radius:100px;box-shadow:0 8px 15px #f0c00099,0 4px 6px #0003;transition:all .3s ease;font-size:1.2rem;font-weight:600;color:#000;margin:2rem 0 4rem}.random-page .random-button img{width:4rem;transform:scaleX(-1);transition:transform .3s ease}.random-page .random-button:hover{transform:translateY(3px) scale(1.02);box-shadow:0 12px 20px #f0c000b3,0 6px 8px #00000040}@keyframes fadeUpPage{to{opacity:1;transform:translateY(0)}}.random-page .generated-experience,.random-page .generated-experience-description{opacity:0;transform:translateY(20px) scale(.98);animation:fadeUpExperience .6s ease forwards}.random-page .generated-experience-description{animation-delay:.3s}@keyframes fadeUpExperience{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.random-page .generated-experience{color:#f0c000;font-size:1.6rem;margin-top:10rem;align-self:center;text-align:center;background:#ffffff0d;padding:.5rem 1rem;border-radius:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.random-page .generated-experience-description{color:#fff;line-height:1.5;margin-bottom:6rem;text-align:center;background:#ffffff08;padding:.5rem 1rem;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.random-page .generated-experience-hide,.random-page .generated-experience-description-hide{display:none}.random-page .again-button-random-experience-page{border-radius:100px;padding:.8rem 2rem;margin:0 3rem 6rem;background-color:#fffc;border:none;font-size:1rem;color:#000;cursor:pointer;box-shadow:0 6px 15px #ffffff4d;transition:all .3s ease}.random-page .again-button-random-experience-page:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000059}.random-page .button-hide,.random-page .header-hide{display:none}.random-page .button-show,.random-page .header-show{display:block}.random-page .random-page-logo{width:8rem;align-self:center;margin-bottom:2rem;opacity:.5}@media (min-width: 600px){.again-button-random-experience-page{margin:0 6rem 6rem!important}}.experience-log-page-page-wrapper{position:relative;width:100%;min-height:100%;padding:1rem 0 6rem;display:flex;flex-direction:column;background:#ffffff05;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-radius:20px;box-shadow:0 8px 32px #0000005e}.experience-log-page-page-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:0;pointer-events:none}.experience-log-page-page-wrapper .page-content{position:relative;z-index:1;color:#fff;width:90%;margin:0 auto;display:flex;flex-direction:column;font-family:Inter,sans-serif}.experience-log-page-page-wrapper .page-content>*{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}.experience-log-page-page-wrapper .page-content>*:nth-child(1){animation-delay:.1s}.experience-log-page-page-wrapper .page-content>*:nth-child(2){animation-delay:.2s}.experience-log-page-page-wrapper .page-content>*:nth-child(3){animation-delay:.3s}.experience-log-page-page-wrapper .page-content>*:nth-child(4){animation-delay:.4s}.experience-log-page-page-wrapper .page-content>*:nth-child(5){animation-delay:.5s}.experience-log-page-page-wrapper .page-content>*:nth-child(6){animation-delay:.6s}.experience-log-page-page-wrapper .page-content>*:nth-child(7){animation-delay:.7s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.update-modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:999;opacity:0;animation:fadeUpModalBackdrop .4s ease forwards}.update-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff59;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:1000;text-align:center;padding:2rem 2.5rem;width:90%;max-width:400px;border-radius:25px;box-shadow:0 12px 40px #00000080;color:#fff;opacity:0;animation:fadeUpModal .5s ease forwards}@keyframes fadeUpModal{0%{opacity:0;transform:translate(-50%,calc(-50% + 20px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeUpModalBackdrop{0%{opacity:0}to{opacity:1}}.update-modal p{color:#a0ff8f;font-size:1.5rem;margin-bottom:1.5rem}.update-modal span{padding:0 2rem;margin-bottom:2rem;color:#ffffffd9;font-size:1rem}.updatemodal-buttons{display:flex;gap:1rem;margin-bottom:1rem}.updatemodal-buttons button{flex:1;border:none;border-radius:18px;padding:.7rem 1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0000004d}.go-to-home-page-button-updatemodal{background:#ffffff26!important;color:#fff}.go-to-home-page-button-updatemodal:hover{background:#ffffff4d!important;transform:scale(1.05);box-shadow:0 10px 25px #0006!important}.see-logged-experiences-button-updatemodal{background:#fff!important;color:#000}.see-logged-experiences-button-updatemodal:hover{background:#fff!important;color:#000;transform:scale(1.05);box-shadow:0 12px 30px #ffffff80!important}.update{color:#3131f7}.update:hover{color:#fff;background-color:#7d7df7}.update-modal p{color:#3131f7}