body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}*,html{box-sizing:border-box}html{font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}body{background-color:#0e1117;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;padding:2rem}h1{font-size:2rem;margin-bottom:2rem}h1,h2{font-weight:600}h2{font-size:1.2rem}a{color:#fff;text-decoration:none}.control-box{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:3rem}.control-box .filter{flex:1 1;_margin-bottom:2rem}.control-box .filter input{background:#1c1f26;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.control-box .controls{align-items:center;display:flex;flex-shrink:0;gap:.75rem;justify-content:end;_margin-bottom:2rem}.control-box .controls label{font-weight:700}.control-box .controls select{padding:.75rem .5rem}.control-box .controls select,button.refresh-btn{background:#1c1f26;border:none;border-radius:8px;color:#fff}button.refresh-btn{cursor:pointer;font-weight:600;padding:.75rem .5rem .75rem 2rem;position:relative}button.refresh-btn:hover{background:#2b303a}button.refresh-btn .icon{font-size:1.5rem;left:5px;position:absolute;top:8px}.nav-box{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.nav-box a{color:#58a6ff;font-weight:700;text-decoration:none;transition:color .2s ease}.nav-box a:hover{color:#4090db}.about{background-color:#161b22;border-radius:12px;box-shadow:0 0 10px #0000004d;margin:0 auto;max-width:600px;padding:2rem}.about h1,.about p{margin-bottom:1rem}.about p{line-height:1.6}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-table{grid-row-gap:.5rem;display:grid;grid-template-columns:30% 70%;justify-items:start;padding:0 3rem;row-gap:.5rem}.grid-table .left{font-weight:700}.coin-card{background-color:#161b22;border-radius:12px;box-shadow:0 0 10px #0006;display:flex;flex-flow:column nowrap;justify-content:center;min-height:260px;padding:1.5rem;transition:transform .4s ease}.coin-card:hover{transform:translateY(-5px)}.coin-card p{font-weight:700;margin:.1rem 0}.coin-card span{font-weight:400}.coin-card .coin-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.coin-card .coin-image{height:40px;width:40px}.coin-card .symbol{color:#aaa;font-size:.8rem}.coin-card .positive{color:#4caf50}.coin-card .negative{color:#f44336}@media screen and (max-width:300px){.coin-card{padding:1rem}}.coin-details-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:700px;padding:20px;text-align:center}.coin-details-container a{color:#3b88c3;display:inline-block;font-weight:700;margin-bottom:10px;text-decoration:none;transition:color .3s}.coin-details-container a:hover{color:#0056b3}.coin-details-container .coin-details-title{font-size:36px;margin-bottom:10px}.coin-details-container .coin-details-image{margin-bottom:10px;width:80px}.coin-details-container .coin-details-description{color:#555;font-size:16px;margin-bottom:10px}.coin-details-container .coin-details-info{display:flex;flex-flow:column nowrap}.coin-details-container .coin-details-info h3,.coin-details-container .coin-details-info h4{color:#222;margin:4px 0}.coin-details-container .coin-details-info h3{font-size:22px}.coin-details-container .coin-details-info h4{font-size:16px}.coin-details-container .coin-details-info span{font-weight:400}.coin-details-container .coin-details-links{margin-top:30px}.coin-details-container .coin-details-links a{color:#007bff;text-decoration:none}.coin-details-container .coin-details-links a:hover{text-decoration:underline}.not-found-container{color:#fff;padding:80px 20px;text-align:center}.not-found-container .title{font-size:72px;margin-bottom:20px}.not-found-container .message{font-size:18px;margin-bottom:30px}.not-found-container link{color:#007bff;font-weight:700;text-decoration:none}footer{display:flex;gap:.25rem;justify-content:center;padding:1rem 0}footer a:hover{text-decoration:underline}.error{background-color:#161b22;border-radius:12px;box-shadow:0 0 10px #0006;margin:0 auto 50px;padding:1.5rem;text-align:center}.error p{line-height:2rem}