@import "https://fonts.googleapis.com/css2?family=Bangers&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{background-color:red;flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;text-align:start;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;min-height:220px;padding:32px 40px;display:flex}.footer{color:#fff;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px 20px;display:flex}nav{color:#fff;text-transform:uppercase;letter-spacing:1px;background-color:#04051a;align-items:center;gap:20px;padding:18px 24px;font-family:Bangers,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:20px;display:flex}nav ul{justify-content:space-evenly;align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}nav a{color:inherit;text-decoration:none;display:inline-block}nav a li{cursor:pointer;color:#fff;text-shadow:0 2px #0009;padding:8px 12px;font-weight:700;transition:color .16s,transform .16s}nav a li:hover{color:#0fa6c1;transform:translateY(-2px)}nav a,nav a:visited,nav a:active{text-decoration:none!important}@media (width<=640px){nav{padding:12px;font-size:18px}nav ul{gap:8px}}.homeContainer{background:#031018;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.homeHeader{text-align:center;color:#fff;margin-bottom:40px}.homeHeader h1{text-shadow:2px 2px 4px #0000004d;margin:0 0 10px;font-size:3rem;font-weight:700}.homeHeader p{opacity:.95;margin:0;font-size:1.2rem}.searchForm{gap:10px;width:100%;max-width:500px;margin-bottom:40px;display:flex}.searchInput{background:#fff;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:1rem;transition:box-shadow .3s;box-shadow:0 4px 6px #0000001a}.searchInput:focus{outline:none;box-shadow:0 6px 12px #0003}.searchBtn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #0000001a}.searchBtn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.searchBtn:active{transform:translateY(0)}.loadingText{color:#fff;font-size:1.2rem;animation:1.5s ease-in-out infinite pulse}.errorText{color:#ff6b6b;text-align:center;background:#fff;border-radius:8px;max-width:500px;padding:12px 20px;font-size:1.1rem}.characterResult{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;animation:.4s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 8px 24px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.characterImage{object-fit:cover;width:100%;height:400px}.characterInfo{background-color:#fff;padding:30px}.characterInfo h2{color:#000;margin:0 0 20px;font-size:2rem}.characterInfo p{color:#000;margin:12px 0;font-size:1.1rem;line-height:1.6}.characterInfo strong{color:#000;font-weight:700}@media (width<=768px){.homeHeader h1{font-size:2rem}.homeHeader p{font-size:1rem}.searchForm{flex-direction:column}.characterImage{height:300px}.characterInfo{padding:20px}.characterInfo h2{font-size:1.5rem}}.card-character{color:#fff;background:linear-gradient(#1c2333 0%,#0f1420 100%);border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:345px;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000047}.card-action-area{flex-direction:column;align-items:stretch;height:100%;display:flex}.card-media{object-fit:contain;height:290px;padding-top:18px;transition:transform .3s ease-in-out}.card-media:hover{transform:scale(1.2)}.card-content{text-align:center;flex-grow:1}.card-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:500}.card-description{color:#ffffffd1;font-size:.875rem}.containerCharacters{background-color:#031018;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:100%;margin:0 auto;padding:32px;display:grid}.characterLink{text-decoration:none;display:block}.containerCharacters p{text-align:center;grid-column:1/-1}.characters-load-more{background-color:#031018;justify-content:center;padding:0 32px 32px;display:flex}.characters-load-more__button{color:#031018;cursor:pointer;background:linear-gradient(135deg,#85f4a8,#70dfff);border:1px solid #ffffff24;border-radius:999px;min-height:46px;padding:0 20px;font-weight:700;transition:transform .2s,opacity .2s}.characters-load-more__button:hover:not(:disabled){transform:translateY(-1px)}.characters-load-more__button:disabled{opacity:.75;cursor:wait}.detailsContainer{background:linear-gradient(135deg,#060a1a80 0%,#0a142880 100%);justify-content:center;align-items:center;min-height:calc(100vh - 380px);padding:32px 16px;display:flex}.detailsCard{background:#fff;border-radius:12px;gap:48px;width:100%;max-width:800px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.detailsImageSection{background:linear-gradient(135deg,#0b164a 0%,#764ba2 100%);justify-content:center;align-items:center;min-width:320px;padding:24px;display:flex}.imgDetails{object-fit:contain;background:#fff;border-radius:8px;width:280px;height:280px;padding:12px}.detailsInfoSection{flex-direction:column;flex:1;justify-content:space-between;padding:40px 32px;display:flex}.detailsName{color:#333;margin:0 0 24px;font-size:28px;font-weight:700}.detailsInfo{flex-direction:column;gap:16px;margin:0 0 32px;display:flex}.infoRow{align-items:center;gap:12px;font-size:16px;display:flex}.infoLabel{color:#667eea;min-width:100px;font-weight:600}.infoValue{color:#555;font-weight:500}.status-alive{color:#22c55e;font-weight:600}.status-dead{color:#ef4444;font-weight:600}.status-unknown{color:#f59e0b;font-weight:600}.backButton{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-self:flex-start;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.backButton:hover{background:#161d45;transform:translate(-4px)}.loading{text-align:center;color:#999;font-size:18px}@media (width<=768px){.detailsCard{flex-direction:column;gap:24px}.detailsImageSection{min-width:auto;min-height:320px}.imgDetails{width:240px;height:240px}.detailsName{font-size:24px}}.species-page{width:minmax(100%, calc(80% - 32px));color:#ecf5ff;background-color:#031018;margin:0 auto;padding:28px 80px 64px}.species-page__intro{background-color:#031018;border:1px solid #85f4a829;border-radius:28px;padding:32px;box-shadow:0 22px 60px #00000047}.species-page__eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.85rem;font-weight:700;display:inline-block}.species-page__intro h1{margin-bottom:14px;font-size:clamp(2rem,5vw,3.8rem);line-height:1}.species-page__intro p{color:#ecf5ffcc;max-width:70ch;line-height:1.7}.species-page__controls{gap:10px;max-width:360px;margin-top:24px;display:grid}.species-page__controls label{color:#ecf5ff;font-weight:700}.species-page__controls select{color:#ecf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;outline:none;min-height:48px;padding:0 16px}.species-page__controls select option{color:#ecf5ff;background-color:#031018}.species-page__chips{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.species-page__chip{color:#ecf5ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;min-height:42px;padding:0 16px;font-weight:700;transition:transform .2s,background-color .2s,border-color .2s}.species-page__chip:hover{transform:translateY(-1px)}.species-page__chip.is-active{color:#031018;background:#70dfff;border-color:#0000}.species-page__hint{color:#ecf5ffb8;margin-top:18px}.species-page__results{margin-top:28px}.species-page__results-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.species-page__results-header h2{font-size:clamp(1.4rem,3vw,2rem)}.species-page__results-header span{color:#70dfff;font-weight:700}.species-page__status{color:#ecf5ffcc;padding:20px 0}.species-page__status--error{color:#ffb4b4}.species-page__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.species-page__load-more{justify-content:center;padding:28px 0 0;display:flex}.species-page__load-more-button{color:#031018;cursor:pointer;background:#70dfff;border:1px solid #ffffff24;border-radius:999px;min-height:46px;padding:0 20px;font-weight:700;transition:transform .2s,opacity .2s}.species-page__load-more-button:hover:not(:disabled){transform:translateY(-1px)}.species-page__load-more-button:disabled{opacity:.75;cursor:wait}.species-page__link{text-decoration:none;display:block}@media (width<=640px){.species-page{width:min(100% - 20px,1180px);padding-top:18px}.species-page__intro{border-radius:22px;padding:22px}.species-page__results-header{flex-direction:column;align-items:flex-start}}.error{flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.error .titleError{color:#e24343;font-size:50px}