@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}@media screen and (max-width:600px){.title-tag{text-align:center}}body{font-optical-sizing:auto;color:#f0f0f0;background-color:#0e1117;padding:2rem;font-family:Inter,sans-serif;font-style:normal;font-weight:400;line-height:1.6}h1{font-size:2rem}h2{font-size:1.25rem}a{color:#fff;text-decoration:none}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:1.5rem;display:grid}.coin-card{background-color:#161b22;border-radius:12px;padding:1.5rem;transition:transform .2s;box-shadow:0 0 10px #0000004d}.coin-card:hover{transform:translateY(-5px)}.coins-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.coins-image{width:40px;height:40px}.symbol{color:#aaa;font-size:.8rem}#price-change{font-size:.85rem}.positive{color:#42d647}.negative{color:#f44336}.coins-data{gap:.25rem 0rem 0rem 0rem;flex-direction:column;font-size:.95rem;display:flex}.custom-list{padding-left:1rem;list-style:none}.custom-list li{margin-bottom:.5rem;padding-left:1.5rem;font-size:1rem;position:relative}.custom-list li:before{content:"➤";color:#0063d4;font-size:1rem;position:absolute;left:0}.top-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}@media screen and (max-width:650px){.top-controls{flex-direction:column;align-items:start}.top-controls .filter{width:100%}.top-controls .filter #filter-input::placeholder{font-size:.9rem}}.top-controls .filter{flex:1}.top-controls .controls{flex-shrink:0}.controls{justify-content:end;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.controls label{font-weight:700}.controls select{color:#fff;background:#1c1f26;border:none;border-radius:8px;padding:.5rem 1rem}.filter{margin-bottom:2rem}.filter input{color:#fff;background-color:#1c1f26;background-image:linear-gradient(#1c1f26,#1c1f26),linear-gradient(135deg,#8cc9ff,#6b30ff);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:8px;outline:none;width:100%;padding:.75rem;font-size:1rem;transition:all .3s}.filter input:focus{background-image:linear-gradient(#1c1f26,#1c1f26),linear-gradient(135deg,#ff8df1,#8cc9ff)}.header{text-align:center;justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.top-nav{justify-content:center;gap:1rem;display:flex}.top-nav a{color:#58a6ff;font-weight:700;text-decoration:none;transition:color .2s}.top-nav a:hover{color:#4090db}.about{background-color:#161b22;border-radius:12px;margin:0 auto;padding:1.5rem;box-shadow:0 0 10px #0000004d}.about p{margin-bottom:1rem;line-height:1.6}.about #return-dash{-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease-in-out}.about #return-dash:hover{-webkit-text-decoration:underline #54adff;text-decoration:underline #54adff}.coin-details-container{color:#1e1e1e;background-color:#fff;border-radius:12px;gap:25px;max-width:900px;margin:50px auto;padding:30px;display:grid;box-shadow:0 10px 25px #00000014}.coin-details-container h1{color:#f0f4ff;background:#1c1f26;border-radius:8px;width:fit-content;margin:0;padding:.5rem;font-size:1.25rem}.coin-return-dash{color:#2f82ff;margin-bottom:15px;text-decoration:none;transition:color .3s;display:inline-block}.coin-return-dash:hover{color:#1a5dcc;text-decoration:underline}.coin{grid-template-rows:auto auto auto;grid-template-columns:1.25fr 1.5fr;gap:10px;display:grid}.coin-header{background-color:#f5f7fa;border-radius:10px;flex-direction:column;grid-area:1/1/2/2;gap:15px;padding:20px;display:flex;box-shadow:inset 0 0 5px #0000000d}.coin-details-title{color:#2f2f2f;flex-wrap:wrap;align-items:center;gap:1rem;font-size:1.5rem;display:flex}.coin-details-image{object-fit:contain;background-color:#fff;border:1px solid #ddd;border-radius:50%;flex-shrink:0;width:50px;height:50px;padding:3px}.coin-details-description{color:#555;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;font-size:1rem;line-height:1.6}.coin-graph{color:#2f82ff;background-color:#f0f4ff;border-radius:12px;flex-direction:column;grid-area:1/2/3/3;height:fit-content;min-height:300px;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.coin-graph h2{text-align:center;margin:0 0 1rem;font-size:1.1rem}.coin-graph .graphs{flex-direction:column;gap:35px;height:100%;margin-top:1rem;display:flex;overflow:hidden}.coins-info{background-color:#f5f7fa;border-radius:12px;flex-direction:column;grid-area:2/1/3/2;gap:10px;padding:20px;display:flex;box-shadow:inset 0 0 5px #00000008}.coins-info .rank{text-align:center;margin:0;font-size:1.25rem;font-weight:600}.coins-info #coin-info-details{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;margin-top:.5rem;display:flex}.coins-info .info-spans{word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;width:100%;font-weight:300;display:flex}.coins-info h3{text-align:left;border-bottom:1px solid #ccc;width:100%;margin:.5rem 0;padding-bottom:8px}.coins-info h2,.coins-info h3{color:#333;font-size:1.1rem}.coin-details-links{flex-wrap:wrap;grid-area:3/1/4/3;justify-content:center;gap:15px;display:flex}.coin-details-links a{color:#2f82ff;word-break:break-word;background-color:#f0f4ff;border-radius:8px;padding:10px 15px;font-weight:500;text-decoration:none;transition:all .3s}.coin-details-links a:hover{background-color:#e0ebff;text-decoration:underline;transform:translateY(-3px)}@media (max-width:900px){.coin-details-container{margin:30px 20px;padding:25px}.coin{grid-template-columns:1fr;gap:15px}.coin-header{grid-area:1/1/2/2}.coin-graph{grid-area:2/1/3/2;min-height:250px}.coins-info{grid-area:3/1/4/2}.coin-details-links{grid-area:4/1/5/2}}@media (max-width:768px){.coin-details-container{gap:20px;margin:20px 15px;padding:20px}.coin-details-container h1{padding:.4rem;font-size:1.1rem}.coin{gap:15px}.coin-header{padding:15px}.coin-details-title{gap:.75rem;font-size:1.3rem}.coin-details-image{width:40px;height:40px}.coin-details-description{font-size:.95rem;line-height:1.5}.coin-graph{min-height:200px;padding:1rem;font-size:1rem}.coin-graph h2{font-size:1rem}.coin-graph .graphs{gap:25px}.coins-info{padding:15px}.coins-info .rank{font-size:1.1rem}.coins-info h2,.coins-info h3{font-size:1rem}.coin-details-links{gap:10px}.coin-details-links a{padding:8px 12px;font-size:.9rem}}@media (max-width:480px){.coin-details-container{gap:15px;margin:15px 10px;padding:15px}.coin-details-container h1{padding:.35rem;font-size:1rem}.coin{gap:12px}.coin-header{gap:12px;padding:12px}.coin-details-title{gap:.5rem;font-size:1.2rem}.coin-details-image{width:35px;height:35px}.coin-details-description{font-size:.9rem;line-height:1.4}.coin-graph{min-height:180px;padding:.75rem;font-size:.95rem}.coin-graph h2{margin-bottom:.75rem;font-size:.95rem}.coin-graph .graphs{gap:20px;margin-top:.75rem}.coins-info{gap:8px;padding:12px}.coins-info .rank{font-size:1rem}.coins-info #coin-info-details{gap:6px}.coins-info h2,.coins-info h3{font-size:.95rem}.coin-details-links{gap:8px}.coin-details-links a{padding:7px 10px;font-size:.85rem}}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;padding:20px;animation:.3s slideUp;position:relative;box-shadow:0 2px 10px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-page{text-align:center;color:#f0f0f0;background-color:#161b22;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:70vh;margin:2rem auto;padding:3rem 2rem;animation:.5s ease-in-out fadeIn;display:flex;box-shadow:0 0 15px #0006}.error-page h1{color:#ff4d4f;margin:0 0 1rem;font-size:4rem;line-height:1.2}.error-page h2{color:#fff;margin:0 0 1.5rem;font-size:1.5rem;line-height:1.3}.error-page p{color:#ccc;max-width:450px;margin:0 0 2rem;font-size:1rem;line-height:1.6}.error-page a{color:#fff;background:#0063d4;border-radius:8px;margin-top:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}.error-page a:hover{background:#0050a3;transform:translateY(-2px)}.error-page .emoji{margin:0 0 1.5rem;font-size:5rem;line-height:1;animation:1s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}