*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0a0e27,#1a1d2e,#0f1115);color:#e8e9f3;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;padding:15px 20px 12px;background:linear-gradient(135deg,#1a1d29cc,#0f111599);border-bottom:1px solid rgba(108,92,231,.1);animation:slideDown .6s cubic-bezier(.34,1.56,.64,1)}.header-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.logo-link{text-decoration:none;display:flex;flex-direction:column;align-items:center;color:inherit}.logo-container{margin-bottom:4px;animation:bounce .8s cubic-bezier(.34,1.56,.64,1)}.logo{width:40px;height:40px;filter:drop-shadow(0 2px 6px rgba(108,92,231,.2))}header h1{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:2px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.subtitle{color:#a0a5c2;font-size:.8rem;font-weight:400;letter-spacing:.2px;line-height:1.2}main{max-width:1100px;margin:0 auto;padding:50px 20px;flex:1;width:100%}.search-section{margin-bottom:45px;animation:fadeInUp .6s ease-out .15s both}#searchInput{width:100%;padding:16px 22px;font-size:1rem;font-family:Inter,sans-serif;border-radius:14px;border:2px solid rgba(108,92,231,.15);background:#1a1d29b3;color:#e8e9f3;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}#searchInput::placeholder{color:#7a7e9f}#searchInput:focus{border-color:#6c5ce7;background:#1a1d29e6;box-shadow:0 0 0 3px #6c5ce71a}.categories{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.category-btn{padding:10px 20px;border-radius:24px;border:1.5px solid rgba(108,92,231,.2);background:#1a1d2980;color:#a0a5c2;cursor:pointer;font-size:.95rem;font-weight:500;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.category-btn:hover{border-color:#6c5ce7;background:#6c5ce714;transform:translateY(-2px)}.category-btn.active{background:#6c5ce7;border-color:#6c5ce7;color:#fff;box-shadow:0 8px 16px #6c5ce74d}#randomSection{text-align:center;margin-bottom:50px;animation:fadeInUp .6s ease-out .3s both}#randomBtn{padding:15px 40px;font-size:1.05rem;font-weight:600;font-family:Inter,sans-serif;border-radius:14px;border:none;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 28px #6c5ce740;letter-spacing:.3px}#randomBtn:hover{transform:translateY(-3px);box-shadow:0 14px 36px #6c5ce759}#randomBtn:active{transform:translateY(-1px);box-shadow:0 8px 20px #6c5ce740}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:28px;animation:fadeInUp .6s ease-out .45s both}.card{background:linear-gradient(135deg,#1a1d29d9,#1e212fa6);border-radius:16px;overflow:hidden;border:1.5px solid rgba(108,92,231,.1);transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100%;cursor:pointer;text-decoration:none;color:inherit}.card:hover{transform:translateY(-8px);border-color:#6c5ce766;box-shadow:0 16px 40px #6c5ce72e}.card img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease-out}.card:hover img{transform:scale(1.06)}.card-body{padding:22px;flex:1;display:flex;flex-direction:column;gap:10px}.card-category{display:inline-block;font-size:.8rem;padding:5px 12px;border-radius:20px;background:#6c5ce726;color:#a29bfe;text-transform:uppercase;letter-spacing:.7px;font-weight:600;width:fit-content}.card-text{font-size:.95rem;line-height:1.65;color:#c9cbd9;flex:1}.loading,.no-results{text-align:center;color:#7a7e9f;padding:60px 20px;grid-column:1 / -1;font-size:1.05rem;line-height:1.6}.loading-spinner{grid-column:1 / -1;height:40px;display:flex;align-items:center;justify-content:center;animation:fadeInUp .6s ease-out .45s both}.loading-spinner:after{content:"";width:40px;height:40px;border:3px solid rgba(108,92,231,.2);border-top-color:#6c5ce7;border-radius:50%;animation:spin .8s linear infinite}footer{border-top:1px solid rgba(108,92,231,.1);background:#0f111599;padding:45px 20px;animation:fadeInUp .6s ease-out .6s both}.footer-content{max-width:1100px;margin:0 auto}.footer-main{text-align:center;margin-bottom:24px}.footer-main h3{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.3px}.footer-main p{color:#a0a5c2;font-size:.95rem;letter-spacing:.2px}.footer-credit{text-align:center;color:#7a7e9f;font-size:.9rem;letter-spacing:.3px;border-top:1px solid rgba(108,92,231,.1);padding-top:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){header{padding:50px 20px 35px}header h1{font-size:2.4rem}.subtitle{font-size:1rem}main{padding:35px 20px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card img{height:160px}.card-body{padding:18px}#randomBtn{padding:13px 32px;font-size:1rem}}@media(max-width:480px){header{padding:40px 15px 25px}header h1{font-size:1.9rem}.subtitle{font-size:.95rem}main{padding:25px 15px}.search-section{margin-bottom:30px}#searchInput{padding:14px 16px;font-size:16px}.categories{gap:8px}.category-btn{padding:8px 14px;font-size:.85rem}#randomSection{margin-bottom:35px}#randomBtn{padding:12px 28px;font-size:.95rem}.results-grid{grid-template-columns:1fr;gap:16px}.card{border-radius:12px}.card img{height:180px}.card-body{padding:16px}.loading,.no-results{padding:40px 15px;font-size:1rem}footer{padding:35px 15px}.footer-main h3{font-size:1.2rem}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e27bf;backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:20px}.modal-overlay.open{display:flex;animation:fadeInUp .25s ease-out}.modal-wrapper{position:relative;max-width:620px;width:100%;max-height:85vh}.modal-box{background:linear-gradient(135deg,#1a1d29f7,#1e212ff7);border-radius:18px;width:100%;max-height:85vh;overflow-y:auto;padding:32px;border:1.5px solid rgba(108,92,231,.25);box-shadow:0 20px 60px #0006;scrollbar-width:thin;scrollbar-color:rgba(108,92,231,.4) transparent}.modal-box::-webkit-scrollbar{width:8px}.modal-box::-webkit-scrollbar-track{background:transparent}.modal-box::-webkit-scrollbar-thumb{background-color:#6c5ce766;border-radius:10px}.modal-box::-webkit-scrollbar-thumb:hover{background-color:#6c5ce7b3}.modal-close{position:absolute;top:-16px;right:-16px;background:#1a1d29;border:1.5px solid rgba(108,92,231,.4);color:#e8e9f3;width:36px;height:36px;border-radius:50%;font-size:1.3rem;cursor:pointer;line-height:1;transition:all .2s ease;box-shadow:0 4px 14px #0006;z-index:10}.modal-close:hover{background:#6c5ce7;transform:rotate(90deg)}.modal-image{width:100%;max-height:280px;object-fit:cover;border-radius:14px;margin-bottom:18px;display:none}.modal-text{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;margin:16px 0;line-height:1.5;color:#f0f1f7}.modal-details{font-size:.97rem;line-height:1.7;color:#c9cbd9;margin-bottom:22px;white-space:pre-line}.modal-sources{border-top:1px solid rgba(108,92,231,.15);padding-top:18px}.modal-sources h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.7px;color:#7a7e9f;margin-bottom:12px;font-weight:600}.modal-sources a{display:block;color:#a29bfe;text-decoration:none;font-size:.92rem;margin-bottom:10px;transition:color .2s ease}.modal-sources a:hover{color:#6c5ce7;text-decoration:underline}.detail-page{max-width:700px;margin:0 auto;animation:fadeInUp .5s ease-out}.back-link{display:inline-block;color:#a29bfe;text-decoration:none;font-size:.95rem;margin-bottom:24px;transition:color .2s ease}.back-link:hover{color:#6c5ce7;text-decoration:underline}.detail-image{width:100%;max-height:360px;object-fit:cover;border-radius:16px;margin-bottom:22px}.detail-text{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;margin:16px 0 20px;line-height:1.4;color:#f0f1f7}.detail-details{font-size:1.02rem;line-height:1.75;color:#c9cbd9;margin-bottom:28px;white-space:pre-line}.detail-sources{border-top:1px solid rgba(108,92,231,.15);padding-top:20px}.detail-sources h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.7px;color:#7a7e9f;margin-bottom:12px;font-weight:600}.detail-sources a{display:block;color:#a29bfe;text-decoration:none;font-size:.95rem;margin-bottom:10px;transition:color .2s ease}.detail-sources a:hover{color:#6c5ce7;text-decoration:underline}@media(max-width:480px){.detail-text{font-size:1.3rem}}.detail-top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.detail-top-bar .back-link{margin-bottom:0}.detail-random-btn-small{padding:6px 14px;font-size:.78rem;font-weight:500;font-family:Inter,sans-serif;border-radius:16px;border:1px solid rgba(108,92,231,.3);background:#6c5ce714;color:#a29bfe;cursor:pointer;transition:all .2s ease;white-space:nowrap}.detail-random-btn-small:hover{background:#6c5ce72e;border-color:#6c5ce780}.admin-login-wrapper{display:flex;justify-content:center;align-items:center;min-height:60vh}.admin-login-form{background:linear-gradient(135deg,#1a1d29e6,#1e212fb3);border:1.5px solid rgba(108,92,231,.2);border-radius:18px;padding:40px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.admin-login-form h2{font-family:Outfit,sans-serif;font-size:1.4rem;margin-bottom:8px;text-align:center;color:#f0f1f7}.admin-login-form label{font-size:.85rem;color:#a0a5c2;margin-top:6px}.admin-login-form input{padding:12px 14px;border-radius:10px;border:1.5px solid rgba(108,92,231,.2);background:#0f111599;color:#e8e9f3;font-size:.95rem;outline:none}.admin-login-form input:focus{border-color:#6c5ce7}.admin-login-form button{margin-top:16px;padding:13px;border-radius:10px;border:none;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease}.admin-login-form button:hover{transform:translateY(-2px)}.admin-error{background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);color:#ff8a80;padding:10px 14px;border-radius:8px;font-size:.85rem}.admin-panel{max-width:920px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-header h2{font-family:Outfit,sans-serif;font-size:1.6rem;color:#f0f1f7}.admin-logout-btn{background:#6c5ce71f;border:1px solid rgba(108,92,231,.3);color:#a29bfe;padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-logout-btn:hover{background:#6c5ce733}.admin-success{background:#2ecc711f;border:1px solid rgba(46,204,113,.3);color:#6fe3a0;padding:10px 14px;border-radius:8px;font-size:.9rem;margin-bottom:18px}.admin-form{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#1a1d29d9,#1e212fa6);border:1.5px solid rgba(108,92,231,.15);border-radius:16px;padding:28px}.admin-form label{font-size:.85rem;color:#a0a5c2;margin-top:14px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.admin-form-col{display:flex;flex-direction:column}.admin-form-col label:first-of-type{margin-top:0}.admin-details-textarea{flex:1;min-height:320px}@media(max-width:720px){.admin-form-grid{grid-template-columns:1fr;gap:0}.admin-details-textarea{min-height:160px}}.admin-form input,.admin-form select,.admin-form textarea{padding:12px 14px;border-radius:10px;border:1.5px solid rgba(108,92,231,.2);background:#0f111599;color:#e8e9f3;font-size:.95rem;font-family:Inter,sans-serif;outline:none;resize:vertical}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#6c5ce7}.admin-form input[type=file]{padding:8px 10px;cursor:pointer}.admin-form button{margin-top:24px;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease}.admin-form button:hover{transform:translateY(-2px)}.admin-list-section{margin-top:40px}.admin-list-section h3{font-family:Outfit,sans-serif;font-size:1.1rem;color:#c9cbd9;margin-bottom:16px}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-list-item{display:flex;align-items:center;gap:14px;background:#1a1d2999;border:1px solid rgba(108,92,231,.12);border-radius:12px;padding:12px 16px}.admin-list-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.admin-list-thumb-empty{display:flex;align-items:center;justify-content:center;background:#6c5ce714;color:#7a7e9f;font-size:.65rem;text-align:center}.admin-list-info{flex:1;min-width:0}.admin-list-info p{font-size:.9rem;color:#c9cbd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.admin-edit-btn{background:#6c5ce71f;border:1px solid rgba(108,92,231,.3);color:#a29bfe;padding:8px 16px;border-radius:8px;font-size:.85rem;text-decoration:none;flex-shrink:0;transition:all .2s ease}.admin-edit-btn:hover{background:#6c5ce733}.admin-current-image{width:100%;max-height:140px;object-fit:cover;border-radius:10px;margin:8px 0}