@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Outfit:wght@100..900&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 10%;color:#ddd;background-color:#1a0f46;border-bottom:2px solid #3c3c3c}.navbar .logo{width:max(12vw,120px)}.navbar ul{display:flex;gap:40px;list-style:none}.navbar li{cursor:pointer}.nav-right{display:flex;align-items:center;gap:max(1vw,12px)}.navbar select{padding:5px 8px;border-radius:6px;border:2px solid white;background:transparent;color:#fff}.navbar option{background:#1a0f46;color:#fff}@media(max-width:900px){.navbar{padding:20px 8%}}@media(max-width:768px){.navbar{padding:20px 5%}.navbar ul{display:none}}.home{padding:0 10px 100px}.hero{max-width:600px;margin:80px auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.hero h1{font-size:max(4vw,36px)}.hero p{width:75%;color:#e3e3e3;line-height:1.5}.hero form{padding:8px;width:80%;background-color:#fff;border-radius:5px;font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hero input{flex:1;font-size:16px;outline:none;border:none;padding-left:10px}.hero button{border:none;background:linear-gradient(#160242,#051969);color:#fff;font-size:16px;padding:10px 30px;border-radius:5px;cursor:pointer}.crypto-table{max-width:1000px;margin:auto;background:linear-gradient(#5303ff33,#69029926);border-radius:15px;overflow-x:auto}.table-layout{display:grid;grid-template-columns:.5fr 1.2fr 1fr 1fr 1fr 1fr 1fr;padding:15px 20px;border-bottom:1px solid #3c3c3c}@media(max-width:768px){.table-layout.table-header{display:none}.table-layout{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(#160242,#051969);padding:12px;border-radius:8px;margin-bottom:12px}.table-layout p{width:100%;display:flex;justify-content:space-between;font-size:.9rem;padding:4px 0}}.coin-container{max-width:900px;margin:80px auto;padding:20px;color:#fff;font-family:Poppins,sans-serif}.coin-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #333;padding-bottom:15px;margin-bottom:20px}.coin-logo{width:80px;height:80px}.coin-symbol{color:#aaa;margin:4px 0}.coin-rank{color:#ffc107;font-weight:500}.coin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:25px;background:linear-gradient(#160242,#051969);padding:20px;border-radius:10px}.coin-stats h4{color:#bbb;margin-bottom:6px}.coin-stats p{font-weight:500;font-size:1rem}.coin-description{margin-bottom:30px;line-height:1.7;background:linear-gradient(#160242,#051969);padding:20px;border-radius:10px}.coin-description h3{margin-bottom:10px}.coin-links{background:linear-gradient(#160242,#051969);padding:20px;border-radius:10px}.coin-links ul{list-style:none;padding:0}.coin-links li{margin:10px 0}.coin-links a{color:#4da3ff;text-decoration:none}.coin-links a:hover{text-decoration:underline}.positive{color:#4caf50}.negative{color:#ff5252}.coin-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#aaa}.spinner{width:50px;height:50px;border:4px solid #444;border-top-color:#4da3ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.coin-container{margin:40px 10px;padding:10px}.coin-header{flex-direction:column;text-align:center}.coin-logo{width:70px;height:70px}.coin-stats{grid-template-columns:1fr 1fr;gap:12px}.coin-description,.coin-links{padding:15px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif,serif}a{text-decoration:none;color:inherit}.app{min-height:100vh;color:#fff;background:linear-gradient(#07174b,#2d158e,#002344)}.footer{text-align:center;margin:auto;max-width:80%;border-top:1px solid #e4dedf;padding:16px 0;font-size:14px}.coin-chart{background:linear-gradient(#160242,#051969);padding:20px;border-radius:10px;margin-top:30px;margin-bottom:30px}.chart-loader{color:#aaa;text-align:center;padding:20px;font-size:1rem}@media(max-width:600px){.coin-chart{padding:10px;margin-top:20px}}