html,body{height:100%;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}.site-wrapper{background-color:#555}.app-container{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;position:relative;z-index:1}footer{background-color:#222;color:#fff;padding:20px;text-align:center;z-index:1}.login{display:flex;justify-content:center;align-items:center;height:100vh}.form{background-color:#f0f0f0;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:300px}.input,.input2{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.btn{width:100%;padding:10px;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn:hover{background-color:#302f2d}.logo{display:block;margin:0 auto 20px;width:auto;height:100vh;background-repeat:no-repeat}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;object-fit:cover;z-index:-1}.video-container{margin-top:60px}.weather-widget{position:absolute;top:150px;right:20px;z-index:10}.auth-buttons{position:absolute;top:43.5%;left:59.5%;transform:translate(-85%,-50%);display:flex;gap:20px;width:300px;z-index:2}.auth-buttons button{padding:12px 30px;background:#302f2d;color:#836161;border:1px solid rgb(131,97,97);border-radius:12px;cursor:pointer;font-size:20px;font-weight:700}.auth-buttons button:hover{background:#302f2d}.scroll-down-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);text-align:center;color:#333;font-size:1rem;z-index:999;transition:opacity .5s ease}.scroll-down-indicator .arrow{margin:0 auto;width:24px;height:24px;border-left:3px solid #555;border-bottom:3px solid #555;transform:rotate(-45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(-45deg) translateY(0)}40%{transform:rotate(-45deg) translateY(10px)}60%{transform:rotate(-45deg) translateY(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{width:100%;max-width:none!important}.sticky-top-navbar{position:sticky;top:0;width:100%;background-color:#302f2d!important;border-bottom:1px solid rgb(131,97,97);z-index:1000}.sticky-top-navbar .navbar-brand{font-weight:500}.sticky-top-navbar .navbar-toggler{border:none}.nav-link{color:#836161!important;font-size:14px}.sticky-top-navbar .nav-link{padding:8px 12px;text-decoration:none}.sticky-top-navbar .nav-link:hover{color:#836161!important}.sticky-top-navbar .navbar-nav .nav-link.active{font-weight:500}.sticky-top-navbar .navbar-brand,.sticky-top-navbar .nav-link{color:#836161!important}.sticky-top-navbar .navbar-brand:hover,.sticky-top-navbar .nav-link:hover{color:#fff!important}#dropdown-basic{background-color:#555}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;color:#753f3f}.modal-content{background-color:#1e1e1ef2;padding:2rem;border-radius:10px;width:90%;max-width:400px;box-shadow:0 0 15px #ffffff1a;position:relative;color:#fff}.modal-content h2{margin-bottom:1.5rem;text-align:center;color:#fff}.modal-content input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid #555;border-radius:4px;background-color:#222;color:#fff}.modal-content input::placeholder{color:#aaa}.modal-content button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;margin-top:1rem;cursor:pointer;font-weight:500;transition:background-color .2s ease-in-out}.modal-content button:hover{background-color:#0056b3}.modal-content .close{position:absolute;top:.5rem;right:1rem;font-size:1.5rem;cursor:pointer;color:#fff}.sticky-top-navbar .navbar-collapse{width:100%}.sticky-top-navbar .navbar-collapse.collapse:not(.show){display:none}.navbar-collapse.show{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background:#dabe4f;position:absolute;left:0;top:100%;z-index:1000;box-shadow:0 8px 24px #00000014}.sticky-top-navbar .navbar-nav{flex-direction:row;width:100%;align-items:center;justify-content:flex-end}.navbar-collapse.show .navbar-nav{flex-direction:column;align-items:center;width:100%}.sticky-top-navbar .nav-link,.sticky-top-navbar .dropdown{width:auto;text-align:center;padding-left:1.5rem;padding-right:1.5rem}.sticky-top-navbar .navbar-brand{margin-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem}.footer{width:100%;color:#836161!important;padding:2rem 1rem;font-size:.9rem;margin-top:auto;z-index:2;border-top:1px solid rgb(131,97,97);background-color:#302f2d!important}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;max-width:1200px;margin:0 auto;text-align:left;gap:2rem}.footer-section{flex:1 1 200px;min-width:180px}.footer-heading{margin-bottom:.5rem;color:#836161!important;font-size:1.1rem}.footer-list{list-style:none;padding:0;margin:0}.footer-link{color:#836161!important;text-decoration:none;font-weight:inherit;transition:color .2s,text-decoration .2s;font-size:14px}.footer-link:hover{color:#fff;text-decoration:underline;font-weight:inherit}.footer-bottom{text-align:center;margin-top:2rem;font-size:.85rem;color:#836161!important}.scroll-down-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);opacity:1;transition:opacity .5s ease;z-index:999;pointer-events:auto;text-align:center;color:#857575}.scroll-down-indicator.hidden{opacity:0;pointer-events:none}.scroll-down-indicator .arrow{width:20px;height:20px;border-bottom:2px solid white;border-right:2px solid rgb(131,97,97);transform:rotate(45deg);margin:8px auto 0}body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:0}.images-wrapper{display:flex!important;flex-direction:column!important;min-height:100vh!important}.images-container{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100%;flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:2rem 0!important;position:relative;min-height:auto!important;z-index:1;background-color:#555;color:#302f2d}.images-title{font-size:28px;margin-bottom:20px;color:#302f2d!important;opacity:.8}.image-grid{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;justify-content:center;margin:0 auto}.image-grid img{width:100%;height:auto;border-radius:5px;box-shadow:0 2px 4px #0000001a;opacity:1}.loading-message{font-size:18px;color:#302f2d!important}.image-card{position:relative;border:none;padding:0;margin:0;background-color:transparent;box-shadow:none;opacity:1}.image-card:hover{transform:scale(1.05)}.image-item{position:relative;width:300px;height:auto;border-radius:5px;cursor:pointer;transition:transform .2s ease-in-out}.search-form{display:flex;justify-content:center;margin-bottom:2rem}.search-input{width:100%;max-width:500px;margin:0 auto 20px;padding:12px 16px;border:1px solid #8d6464;border-radius:8px;font-size:1rem;background-color:#555!important;color:#333!important;display:block}.search-input::placeholder{color:#666!important}.search-input:focus{outline:none;border-color:#753f3f;box-shadow:0 0 0 2px #753f3f1a;background-color:#fff!important}.load-more-btn{background-color:#753f3f!important;color:#302f2d!important;border:solid rgb(131,97,97) 1px!important;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .2s}.load-more-btn:hover{background-color:#753f3f!important;color:#302f2d!important}.action-button{background-color:#555!important;box-shadow:0 4px 15px #8fafdf99;position:absolute;top:8px;left:8px;background-color:#007bff00;color:#000;padding:6px 12px;border:1px solid rgb(0,0,0);cursor:pointer;font-size:12px;transition:background-color .2s ease;z-index:2;border-radius:5px}.image-stats{color:#836161}.action-button:hover{background-color:#753f3f!important;color:#fff;border:1px solid black;box-shadow:0 4px 15px #8fafdf99}.saved-title{font-size:28px;margin-top:40px;margin-bottom:20px;color:#836161;opacity:.8}.saved-image-item{width:100%;height:auto;border-radius:5px;object-fit:cover}.image-card p{font-size:14px;margin:8px 0;color:#836161}.image-card a{color:#836161;text-decoration:underline}.image-card a:hover{color:#fff}.error-message{color:red;font-weight:700;margin-top:1rem}.non_saved{font-size:28px;margin-top:40px;margin-bottom:20px;color:#836161;opacity:.8;float:left}.page-content{flex:1}.footer{margin-top:auto!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important}.image-item{position:relative;background-color:transparent;border-radius:5px;overflow:hidden;transition:transform .2s ease-in-out}.image-item:hover{transform:scale(1.05)}.image-wrapper{position:relative;width:100%}.image-link{display:block;width:100%}.image{width:100%;height:auto;border-radius:5px;box-shadow:0 2px 4px #0000001a;opacity:1}.image-content{padding:8px;background-color:rgba555;margin-top:8px;border-radius:5px}.image-info{margin-bottom:8px}.image-title{font-size:14px;font-weight:700;color:#302f2d;margin:0 0 4px}.image-photographer{font-size:12px;color:#836161;margin:0}.photographer-link{color:#836161;text-decoration:underline}.photographer-link:hover{color:#753f3f}.user-count{font-size:12px;color:#836161}.delete-button{width:100%;padding:6px 12px;background-color:#615e5e;color:#fff;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .2s;margin-top:8px}.delete-button:hover:not(:disabled){background-color:#c82333}.delete-button:disabled{background-color:#6c757d;cursor:not-allowed}.delete-button.deleting{background-color:#6c757d}.empty-state,.no-results,.login-required{text-align:center;padding:2rem;background-color:#ffffffe6;border-radius:8px;margin:2rem auto;max-width:500px;color:#302f2d}.empty-state h2,.login-required h1{color:#753f3f;margin-bottom:1rem}.nomatch-wrapper{display:flex;flex-direction:column;min-height:100vh}.nomatch-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.error-content{position:relative;z-index:2;text-align:center;background:#000000b3;padding:3rem;border-radius:16px;max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.error-number{font-size:8rem;font-weight:900;color:#007bff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:1rem;line-height:1}.error-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.error-description{font-size:1.2rem;margin-bottom:2rem;color:#ffffffe6;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn-primary{background:#007bff;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-secondary{background:#ffffff1a;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.suggested-links{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;margin-top:1.5rem}.suggested-links h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}.suggested-links ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.suggested-links li{margin:0}.suggested-links a{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.suggested-links a:hover{color:#66b3ff;text-decoration:underline}@media (max-width: 768px){.error-content{padding:2rem;margin:1rem}.error-number{font-size:6rem}.error-title{font-size:2rem}.error-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}}.nomatch-wrapper:after{content:"";height:100px;width:100%}.youtube-container{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#555}.video-grid{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;justify-content:center;margin:0 auto}.video-thumbnail{width:250px;max-width:250px;height:200px;object-fit:cover;border-radius:5px}.video-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;justify-content:center;align-items:start;width:100%;max-width:1200px;margin:0 auto}.video-item{width:250px;height:370px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #00000026;transition:transform .2s ease-in-out}.video-item:hover{transform:scale(1.02)}.video-title{width:100%;text-align:center;font-size:14px;color:#918c8c;margin:8px 0;border-radius:5px;padding:10px}.download-button{width:100%;padding:10px;font-size:14px;font-weight:700;cursor:pointer;background-color:#008cba;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease}.download-button:hover{background-color:#005f73}.load-more-btn,.search{width:140px;padding:10px;margin:100px;font-size:14px;font-weight:700;cursor:pointer;background-color:#555;color:#918c8c;border:1px solid #FFFFFF;border-radius:5px;transition:background-color .3s ease;z-index:1}.load-more:hover,.search:hover{background-color:#0056b3}.video-card{width:280px;border-radius:5px;padding:12px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out;opacity:.75}.video-card:hover{transform:scale(1.02)}.search-form{width:700px;display:flex;color:#918c8c;justify-content:center;align-items:center;margin:0 auto 20px;z-index:1;background-color:#555!important;border-radius:8px;padding:10px}.search-form input{background-color:#555!important;color:#918c8c!important;border:1px solid #777;padding:8px;border-radius:8px}.search-form button{background-color:#666!important;color:#918c8c!important;border:1px solid #777;padding:8px 12px;border-radius:8px}.youtube-title{font-size:28px;margin-bottom:20px;color:#918c8c;opacity:.8}.search-input{background-color:#555;color:#918c8c}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;object-fit:cover;z-index:0}.help-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:0;width:100%}.help{flex:1;position:relative;padding:2rem;display:flex;justify-content:center;color:#e2dfda;overflow:visible;min-height:auto;background-color:#555}.video-bg{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:0}.text-container{z-index:1;position:relative;background:#4b424299;padding:2rem;border-radius:8px;max-width:800px;width:100%;margin-bottom:2rem}.help-section{margin-bottom:2rem}.help-title{font-size:2.5rem;margin-bottom:1rem}.help-subtitle{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem}.help-description,.help-contact{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.help-list,.help-features{list-style:none;padding-left:0;font-size:1rem}.help-list li,.help-features li{margin-bottom:.75rem}.help-link{color:#4da6ff;text-decoration:underline}.help-link:hover{text-decoration:none}.help-wrapper>footer{z-index:2}.user-page-container{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#555;color:#867d7d}.user-page{max-width:600px;margin:0 auto;padding:20px;background-color:#5c5757;border-radius:8px;color:#867d7d;box-shadow:0 0 10px #0000001a;opacity:.8}.user-page h1{text-align:center;margin-bottom:20px;color:#867d7d}.user-form .form-group{margin-bottom:15px;color:#867d7d}.user-form .form-group label{display:block;margin-bottom:5px;font-weight:700;color:#867d7d}.user-form .form-control{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#555;color:#867d7d}.user-form .btn{display:block;width:100%;padding:10px;background-color:#302f2d;color:#867d7d;border:none;border-radius:4px;cursor:pointer}.user-form .btn:hover{background-color:#302f2d;color:#867d7d}.navlinkuserpage{color:#867d7d;text-decoration:none;font-weight:700;margin-top:10px;display:inline-block}.btn-container{color:#867d7d}.btn-outline-primary,.btn-outline-secondary,.btn-outline-danger,.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-danger:hover{color:#867d7d!important}.btn-outline-primary:focus,.btn-outline-secondary:focus,.btn-outline-danger:focus{color:#867d7d!important}.btn-primary{background-color:#302f2d;border-color:#302f2d;color:#867d7d!important}.btn-primary:hover{background-color:#867d7d!important;border-color:#867d7d!important;color:#555!important}.btn-primary:focus{background-color:#867d7d!important;border-color:#867d7d!important;color:#555!important;box-shadow:none!important}.btn-primary:active{background-color:#867d7d!important;border-color:#867d7d!important;color:#555!important;box-shadow:none!important}.btn-primary:focus,.btn-primary:focus-visible,.btn-primary.focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus{background-color:#867d7d!important;border-color:#867d7d!important;color:#555!important;box-shadow:none!important;outline:none!important}.btn:focus,.btn:focus-visible,.btn.focus{box-shadow:none!important;outline:none!important}.user-form .btn-primary,.user-form .btn-primary:hover,.user-form .btn-primary:focus,.user-form .btn-primary:focus-visible,.user-form .btn-primary.focus,.user-form .btn-primary:active,.user-form .btn-primary:not(:disabled):not(.disabled):active,.user-form .btn-primary:not(:disabled):not(.disabled):active:focus,.user-form .btn-primary:not(:disabled):not(.disabled).active:focus{box-shadow:none!important;outline:none!important}.user-form .btn-primary:hover{background-color:#6d6565!important;border-color:#867d7d!important;color:#857f7f!important}.user-form .btn-primary:focus,.user-form .btn-primary:focus-visible{background-color:#867d7d!important;border-color:#867d7d!important;color:#555!important;box-shadow:none!important;outline:none!important}.user-form .btn-primary:active{background-color:#867d7d!important;border-color:#867d7d!important;color:#555!important;box-shadow:none!important;outline:none!important}.video{width:640px;height:360px;border-radius:10px;box-shadow:0 4px 8px #0003;opacity:.75;align-items:center;justify-content:center;z-index:2}.about{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#555}.audio-container{position:absolute;bottom:20px;right:20px;width:140px;opacity:.75}.github-link-container{position:center;bottom:20px;right:20px;width:200x;opacity:.75}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.github-links{text-align:center;background-color:#000;padding:.5rem 1rem;border-radius:8px;width:300px}.github-links a{color:#fff;text-decoration:none;margin:.25rem 0;display:block}.github-links a:hover{color:#00bfff}.contact-page-wrapper{position:relative;min-height:80vh;display:flex;justify-content:center;align-items:center;background-color:#555;padding-top:60px;padding-bottom:60px}.contact-container{background:#fffffff2;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:32px 24px;max-width:480px;width:100%;margin:0 auto;color:#302f2d}.contact-container h1{font-size:2rem;margin-bottom:1rem;color:#302f2d}.contact-container p{margin-bottom:1.5rem;color:#302f2d}.contact-container a{color:#302f2d}.contact-form .form-group{margin-bottom:1.2rem}.contact-form label{display:block;margin-bottom:.4rem;font-weight:500;color:#302f2d}.contact-form input,.contact-form textarea{width:100%;padding:.6rem;border:1px solid #dabe4f;border-radius:6px;font-size:1rem;background:#fff;color:#302f2d;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#753f3f;outline:none}.contact-form textarea{resize:vertical}.btn.btn-primary{background:#666060;color:#302f2d;border:none;padding:.7rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.btn.btn-primary:hover{background:#000;color:#fff}.contact-success{text-align:center;padding:2rem 1rem;color:#753f3f}.contact-success h2{margin-bottom:.5rem}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;object-fit:cover;z-index:0}.overlay{position:absolute;top:50%;left:50%;width:100%;max-width:480px;background:#635757;z-index:1;transform:translate(-50%,-50%);padding:32px 24px;border-radius:16px;border-color:#fff;color:#302f2d}@media (max-width: 600px){.contact-container{padding:18px 8px;max-width:98vw}.contact-page-wrapper{padding-top:20px;padding-bottom:20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-text: #213547;--color-background: #ffffff;--color-primary: #646cff;--color-primary-hover: #535bf2}html,body{width:100%;height:100%;margin:0;padding:0;font-family:var(--font-primary);line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.full-width{width:100%;max-width:100%;padding:0 1rem}.d-flex{display:flex;justify-content:space-between;align-items:center}.navbar-container{background-color:#343a40;width:100%;display:flex;justify-content:center}.sticky-top-navbar{display:flex;padding:8px 16px;width:100%;justify-content:space-between;align-items:center}.sticky-top-navbar .nav-link{color:#fff;padding:8px 12px;text-decoration:none}.sticky-top-navbar .nav-link:hover{color:#ffc107}.burger-menu{display:none;cursor:pointer;color:#fff;padding:10px}@media (max-width: 768px){.sticky-top-navbar{flex-direction:column;position:relative;padding:0}.burger-menu{display:block}.sticky-top-navbar .nav-link{flex:1 1 100%;margin-bottom:6px}}