.modal-overlay{background:#000000b3;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{animation:fadeIn .3s ease;background:#fff;border-radius:16px;flex-direction:column;max-height:90%;max-width:90%;overflow:auto;padding:20px;position:relative}.modal-image{border-radius:12px;margin-bottom:20px;max-height:70vh;max-width:100%}.modal-buttons{gap:30px}.modal-buttons button{align-items:center;background-color:#add8e6;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:200;gap:8px;padding:8px 12px;transition:background-color .2s}.modal-buttons button:hover{background-color:#40e0d0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.collection-select{-webkit-appearance:none;appearance:none;background-color:#add8e6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23333' stroke-width='14' fill='none' stroke-linecap='round' d='m20 40 50 50 50-50'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:8px;box-shadow:0 6px 16px #0000000d;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:200;padding:8px 36px 8px 12px;transition:background-color .2s}.collection-select:hover{background-color:#40e0d0}.collection-select:focus{box-shadow:none;outline:none}.modal-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.size-filter{align-items:flex-start;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-weight:200;margin:20px 0 20px 45px}.size-label{color:#2dd4bf}.size-filter label{font-size:14px;letter-spacing:.5px;margin-bottom:5px}.size-filter select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-family:inherit;font-size:14px;font-weight:200;outline:none;padding:6px 10px;transition:border .2s ease}.size-filter select:focus{border-color:#999}.custom-select-wrapper{display:inline-block;position:relative;width:220px}.custom-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-family:Poppins,sans-serif;font-size:14px;font-weight:200;padding:6px 30px 6px 10px;width:100%}.custom-select-wrapper:after{color:#333;content:"▾";font-size:14px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.loader{animation:spin .8s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#333;height:50px;margin:50px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wallpapers-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:20px}.wallpaper{border-radius:12px;box-shadow:0 4px 10px #0003;cursor:pointer;height:200px;object-fit:cover;transition:transform .3s ease;width:250px}.wallpaper:hover{transform:scale(1.05)}.load-more-container{display:flex;justify-content:center;margin:30px 0}.load-more-button{background-color:#add8e6;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins;font-size:18px;font-weight:200;padding:12px 24px;transition:background-color .3s ease}.load-more-button:hover{background-color:#40e0d0}.search-form{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px}.wallpapers-input{background-color:#f5f9ff;border:1px solid #aedefe;border-radius:8px;color:#333;font-family:Poppins,sans-serif;font-size:15px;font-weight:200;padding:10px 15px;transition:all .3s ease;width:300px}.wallpapers-input::placeholder{color:#999;font-style:italic}.wallpapers-input:focus{border-color:#2dd4bf;box-shadow:0 0 0 2px #2dd4bf4d;outline:none}.search-button{background-color:#add8e6;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:200;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.search-button:hover{background-color:#40e0d0;transform:translateY(-1px)}.search-button:focus{box-shadow:0 0 0 2px #2dd4bf66;outline:none}.favorites-page{margin:0 auto;max-width:1200px;padding:2rem}.favorites-page p{color:grey;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:200;text-align:center}.favorites-page h2{font-family:Playfair Display,sans-serif;font-size:3rem;font-weight:200;margin-bottom:1.5rem;text-align:center}.collection-form{align-items:center;display:flex;gap:10px;margin-bottom:20px}.collection-input{border:1px solid #aedefe;border-radius:8px;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-style:italic;font-weight:200;outline:none;padding:8px 12px;transition:border-color .2s;width:200px}.collection-input:focus{border-color:#333}.collection-button{background-color:#add8e6;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-weight:200;padding:8px 16px;transition:background-color .2s}.collection-button:hover{background-color:#2dd4bf}.collection-card{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 2px 4px #0000001a;flex:1 1 300px;max-width:300px;padding:1rem;width:100%}.collection-card h3 a{color:#333;font-family:Poppins,sans-serif;font-weight:200;text-decoration:none}.collection-card h3 a:hover{color:#2dd4bf}.collection-card h3 a:visited{color:#333}.collections-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.about-container{color:grey;margin:0 auto;max-width:800px;padding:2rem}.about-container h1.appear,.about-container h2.appear{display:inline-block;font-family:Playfair Display;font-weight:300;margin-bottom:1rem;overflow:hidden;padding-bottom:5px;position:relative}.about-container h1.appear:after,.about-container h2.appear:after{background-color:#34d4ce;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .6s ease-in-out;width:0}.about-container h1.appear.visible:after,.about-container h2.appear.visible:after{width:100%}.about-container p,.about-container ul{font-family:Poppins,sans-serif;font-weight:200;line-height:1.6;margin-bottom:1.5rem}.about-container ul{list-style:disc;padding-left:1.5rem}.feedback-form{display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:1rem;margin-top:2rem}.feedback-form label{color:#333;display:flex;flex-direction:column;font-size:.95rem;font-weight:300}.feedback-form input,.feedback-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.6rem;resize:vertical;transition:border-color .3s ease}.feedback-form input:focus,.feedback-form textarea:focus{border-color:#34d4ce;outline:none}.feedback-form button{align-self:flex-start;background-color:#a5f3fc;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:200;padding:.6rem 1.2rem;transition:background-color .3s ease}.feedback-form button:hover{background-color:#40e0d0}.error{color:crimson;font-size:.8rem;margin-top:.2rem}.navbar{align-items:center;background-color:var(--background-color);border-bottom:1px solid var(--button-hover-bg);color:var(--button-text);display:flex;justify-content:space-between;padding:10px 20px;transition:background-color .3s ease}.logo{align-items:flex-start;display:flex;flex-direction:column;font-family:Playfair Display}.main-name{font-size:2rem;font-weight:700;font-weight:600;letter-spacing:2px}.main-name,.sub-name{color:var(--button-text)}.sub-name{font-size:.8rem;font-weight:200;letter-spacing:1px}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:var(--button-text);font-weight:200;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--button-hover-bg)}.burger{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;width:25px;z-index:1001}.burger span{background:grey;border-radius:2px;height:3px;transition:all .3s ease;width:100%}@media (max-width:700px){.burger{display:flex}.nav-links{background:grey;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:none;flex-direction:column;gap:1rem;padding:1rem 1.5rem;position:absolute;right:20px;top:60px;z-index:1000}.nav-links.active{display:flex}.link,.signup-button{text-align:center;width:100%}}.categories-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.category-button{background-color:var(--button-bg);border:none;border-radius:20px;color:var(--button-text);cursor:pointer;font-family:Poppins;font-size:16px;font-weight:200;padding:10px 18px;transition:background-color .3s ease,transform .2s ease}.category-button:hover{background-color:var(--button-hover-bg);transform:scale(1.05)}:root{--background-color:#f5f9ff;--button-bg:#e6f0f7;--button-text:#333;--button-hover-bg:#40e0d0}.dark{--background-color:#0f172a;--button-bg:#1e2b34;--button-text:#a5f3fc;--button-hover-bg:#2dd4bf}body{font-family:Poppins,sans-serif;margin:0;padding:0}.app,body{background-color:#f5f9ff;background-color:var(--background-color);color:#333;color:var(--button-text);transition:background-color .3s,color .3s}.app{display:flex;flex-direction:column;min-height:100vh}.theme-toggle button{background-color:#e6f0f7;background-color:var(--button-bg);border:none;border-radius:6px;color:#333;color:var(--button-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:200;margin:10px;padding:8px 16px;transition:background-color .3s}.theme-toggle button:hover{background-color:#40e0d0;background-color:var(--button-hover-bg)}.register-container{background-color:#e6f0f7;border:1px solid #ccc;border-radius:16px;box-shadow:0 8px 24px #0000000d;margin:80px auto;max-width:400px;padding:2rem;transition:box-shadow .3s ease}.register-container:hover{box-shadow:0 12px 28px #0000001a}.register-container h2{color:#333;font-weight:400;margin-bottom:1rem;text-align:center}.register-form input{background-color:initial;border:none;border-bottom:1px solid #aaa;font-size:1rem;margin-bottom:1.2rem;outline:none;padding:.75rem;transition:border-color .3s ease;width:100%}.register-form input:focus{border-bottom:1px solid #333}.register-form button{background-color:#a5f3fc;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.register-form button:hover{background-color:#2dd4bf}.collection-page{margin:0 auto;max-width:1000px;padding:2rem}.collection-page h2{color:grey;font-family:Playfair Display,sans-serif;font-size:2.5rem;font-weight:200;margin-bottom:1.5rem;text-align:center}.collection-page a{color:#2dd4bf;display:inline-block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:200;margin-bottom:1.5rem;text-decoration:none}.collection-page a:hover{text-decoration:underline}.collection-page p{color:grey;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:200;text-align:center}.favorites-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.favorite-item{border-radius:12px;box-shadow:0 6px 16px #0000000d;overflow:hidden;position:relative;transition:transform .3s ease}.favorite-item:hover{transform:translateY(-4px)}.favorite-item img{border-radius:12px;display:block;object-fit:cover;width:100%}.favorite-item button{background:#0009;border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;position:absolute;right:8px;transition:background-color .3s ease}.favorite-item button:hover{background:#000c}
/*# sourceMappingURL=main.dc9f2f6e.css.map*/