@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.logo{font-size:var(--font-lg);letter-spacing:.02em;color:var(--white);transition:var(--transition-fast);justify-content:start;align-items:center;gap:4px;font-weight:700;display:flex}.logo:hover{color:var(--accent);transform:translateY(-4px)}.logo svg{width:22px;height:22px;color:var(--white);transition:var(--transition-fast)}.logo:hover svg{color:var(--accent)}.footer{background-color:var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:24px 16px;display:flex}.social-links{align-items:center;gap:16px;display:flex}.social-icon{width:26px;height:26px;color:var(--white);transition:var(--transition-fast)}.social-icon:hover{color:var(--accent);transform:translateY(-4px)}.social-icon svg{width:100%;height:100%}.error-wrapper{justify-content:center;align-items:center;padding-block:4rem;display:flex}.error-card{background-color:var(--surface);border:1px solid var(--red);border-radius:var(--radius-xl);box-shadow:var(--shadow-md) color-mix(in srgb, var(--red) 25%, transparent);text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:420px;padding:2rem 2.5rem;display:flex}.error-icon{color:var(--red)}.error-title{font-size:var(--font-lg);color:var(--white);font-weight:600}.error-message{font-size:var(--font-sm);color:var(--muted);line-height:1.6}.loading-container{background:var(--background);justify-content:center;align-items:center;width:100%;height:100%;min-height:100dvh;display:flex}.loading-dots{gap:.5rem;display:flex}.loading-dot{background-color:var(--accent);border-radius:50%;width:.5rem;height:.5rem;animation:1s infinite loading}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.1s}.loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.card{border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{transform:translateY(-10px)}.card-content{z-index:10;width:100%;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background-color:var(--background-transparent);flex-direction:column;gap:16px;padding:16px 12px;display:flex;position:absolute;bottom:0;left:0}.card-header-download{border-radius:var(--radius-infinite);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--white);background-color:var(--background-transparent);cursor:pointer;transition:var(--transition-fast);border:2px solid #0000;outline:none;justify-content:center;align-items:center;padding:10px;display:flex}.card-header-download:hover{background-color:var(--accent);box-shadow:var(--shadow-md) var(--accent);transform:scale(1.1)}.card-header{z-index:10;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex;position:absolute;top:0;right:0}.card-image{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;transition:var(--transition-slow)}.card-image:hover{transform:scale(1.08)}.card-title{text-wrap:wrap;font-size:var(--font-lg);color:var(--white);padding-left:8px;font-weight:700;line-height:1.4em;position:relative}.card-title:before{content:"";border-radius:var(--radius-infinite);z-index:10;opacity:.6;background-color:var(--accent);width:2px;height:100%;display:block;position:absolute;top:0;left:-7px}.card-user{justify-content:start;align-items:center;gap:8px;width:fit-content;display:flex}.card-user>img{object-fit:cover;object-position:center;border:2px solid var(--white);border-radius:50%;width:38px;height:38px}.card-user>span{font-size:var(--font-sm);color:var(--muted);transition:var(--transition-fast);font-weight:700}.card-user>span:hover{color:var(--accent)}.gallery-container{min-height:100dvh}.gallery{grid-auto-rows:450px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;display:grid}.gallery-pagination{justify-content:center;gap:24px;margin-block:64px;display:flex}.gallery-pagination-button{border-radius:var(--radius-infinite);cursor:pointer;font-size:var(--font-sm);color:var(--white);background-color:var(--surface);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}.gallery-pagination-button:hover{background-color:var(--accent);box-shadow:var(--shadow-md) var(--accent)}.gallery-pagination-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;background-color:var(--surface)}.heading-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-block:48px;display:flex}.heading-container h1{font-size:var(--font-lg);text-align:center;color:var(--muted);max-width:600px;font-weight:500;line-height:1.5}.heading-container h1 u{color:var(--accent)}.search-container{border-top:1px solid var(--surface);border-bottom:1px solid var(--surface);justify-content:center;align-items:center;gap:4px;min-height:40px;padding:32px 8px;display:flex}.search-content{background-color:var(--surface);border-radius:var(--radius-infinite);width:100%;max-width:350px;transition:box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.search-content:focus-within{box-shadow:var(--shadow-sm) var(--accent)}.search-input{width:100%;height:100%;font-size:var(--font-md);color:var(--white);background-color:#0000;border:none;outline:none;flex:1}.search-input::placeholder{font-size:var(--font-md);color:var(--muted)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--muted:#a1a1aa;--black:#000;--background:#161817;--surface:#202222;--accent:#45b075;--red:#ef4343;--background-transparent:#00000080;--font-xs:.625rem;--font-sm:.775rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--font-4xl:3rem;--font-5xl:4rem;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(16px);--blur-2xl:blur(20px);--blur-3xl:blur(24px);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-infinite:999px;--shadow-sm:0 0 10px;--shadow-md:0 0 20px;--shadow-lg:0 0 30px}body{background-color:var(--background);color:var(--white);font-family:Roboto,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1440px;margin-inline:auto;padding-inline:16px}