@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,serif}a{text-decoration:none;color:inherit}.app{min-height:100vh;color:#fff;background:#2563eb}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 5%;background-color:#fff;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.navbar .logo a{display:flex;align-items:center;text-decoration:none;color:#2563eb;font-weight:600;font-size:1.75rem;gap:.75rem;transition:color .2s ease}.navbar .logo a:hover{color:#1d4ed8}.navbar .logo img{width:2.75rem;height:2.75rem;object-fit:contain}.navbar ul{display:flex;gap:1.5rem;list-style:none;padding:0;font-size:1rem;margin:0 0 0 auto;margin-right:1.5rem}.navbar ul li{cursor:pointer;transition:all .2s ease;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;color:#4b5563}.navbar ul li:hover{background-color:#f3f4f6;color:#2563eb}.nav-right{display:flex;align-items:center;gap:1rem}.nav-right select{padding:.625rem 2.75rem .625rem 1rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:.9375rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;transition:all .2s ease;min-width:100px}.nav-right select:hover{border-color:#2563eb;color:#2563eb}.nav-right select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.nav-right button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:#fff;background:#2563eb;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.nav-right button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.nav-right button:active{transform:translateY(0)}.nav-right button img{width:1.125rem;height:auto}.menu-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s ease}.menu-toggle:hover{background-color:#f3f4f6}.menu-toggle span{display:block;width:1.5rem;height:2px;background-color:#4b5563;margin:4px 0;transition:all .3s ease;border-radius:2px}.coming-soon-message{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background-color:#ef4444;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:500;z-index:1000;box-shadow:0 4px 6px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 768px){.navbar{padding:.75rem 5%;position:relative;background-color:#fff;height:4.5rem}.navbar .logo{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar .logo a{font-size:1.5rem}.navbar .logo img{width:2.25rem;height:2.25rem}.menu-toggle{display:block;padding:.5rem;margin-right:-.5rem}.menu-toggle span{width:1.75rem;height:2px;margin:5px 0;background-color:#4b5563;border-radius:2px}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu{display:none;width:100%;position:fixed;top:4.5rem;left:0;background:#fff;padding:1rem;box-shadow:0 4px 6px #0000001a;z-index:999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-menu.active{display:block}.navbar ul{flex-direction:column;width:100%;gap:.5rem;margin:0;padding:0}.navbar ul li{text-align:left;padding:.875rem 1rem;width:100%;box-sizing:border-box;border-radius:.5rem;font-size:1rem;color:#4b5563;transition:all .2s ease}.navbar ul li:hover{background-color:#f3f4f6;color:#2563eb}.nav-right{flex-direction:column;width:100%;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.nav-right select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;color:#4b5563;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;height:3rem}.nav-right select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.nav-right button{width:100%;padding:.75rem 1.5rem;font-size:.9375rem;border-radius:.5rem;background-color:#2563eb;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;height:3rem}.nav-right button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.nav-right button:active{transform:translateY(0)}.nav-right button img{width:1.125rem;height:auto}.coming-soon-message{bottom:2rem;padding:.875rem 2rem;font-size:1rem;border-radius:9999px;box-shadow:0 4px 6px #0000001a}}.home{width:100%;max-width:100vw;overflow-x:hidden;padding-top:100px;padding-bottom:200px;background-color:#2563eb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:40px}.hero{max-width:600px;width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.hero h1{font-size:max(4vw,50px);color:#fff;margin:0;line-height:1.2;width:100%}.hero p{width:100%;max-width:500px;font-size:20px;color:#fff;line-height:1.6}.hero form{padding:15px;width:100%;max-width:500px;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:0 4px 6px #0000001a}.hero input{flex:1;font-size:16px;padding:10px;border:none;border-radius:5px;background-color:#f4f4f4;color:#333}.hero input::placeholder{color:#aaa}.hero button{background-color:#2563eb;border:none;border-radius:15px;padding:10px 15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.hero button:hover{background-color:#1d4ed8;transform:scale(1.05)}.hero button img{width:20px;height:20px;filter:invert(1)}.crypto-table{max-width:800px;width:90%;margin:auto;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;box-shadow:0 8px 12px #0003;color:#fff;overflow:hidden}.table-layout{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr;padding:15px 20px;align-items:center;text-align:center;border-bottom:1px solid #3c3c3c;font-size:18px;font-weight:600}.table-layout p{margin:0;transition:background-color .3s ease,color .3s ease;padding:10px;border:1px solid transparent;border-radius:15px;box-sizing:border-box}.table-layout p:hover{background-color:#fff;color:#2563eb;border-color:#2563eb}.table-layout:last-child{border:none}.table-layout div{display:flex;align-items:center;gap:10px}.table-layout div img{width:35px;height:35px;object-fit:contain}.table-layout p.market-cap{text-align:center}.table-layout p:nth-child(4){white-space:nowrap}.table-layout .green{color:#00d515;text-align:center}.table-layout .red{color:#eb2525;text-align:center}@media (max-width: 768px){.home{padding-top:70px;padding-bottom:100px}.hero{padding:0 15px}.hero h1{font-size:32px}.hero p{font-size:16px}.hero form{padding:10px}.hero input{font-size:14px}.crypto-table{width:95%;overflow-y:auto;scroll-behavior:smooth;max-height:500px}.table-layout{grid-template-columns:.2fr .6fr .5fr .5fr;padding:12px 10px;font-size:14px;gap:5px}.table-layout div{gap:5px}.table-layout div img{width:25px;height:25px}.table-layout p{padding:5px;font-size:12px}.market-cap{display:none}}@media (max-width: 480px){.table-layout{font-size:12px;padding:8px 5px}.table-layout div img{width:20px;height:20px}.hero h1{font-size:28px}.hero p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}.coin-container{width:100%;max-width:100vw;overflow-x:hidden;padding-top:100px;padding-bottom:200px;background-color:#2563eb;display:flex;flex-direction:column;gap:40px;color:#fff}.coin-header{max-width:800px;width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;box-shadow:2px 8px 12px #0003}.coin-name{display:flex;align-items:center;gap:20px}.coin-name img{width:100px;height:100px;object-fit:contain}.coin-title{display:flex;flex-direction:column;gap:5px}.coin-title h1{font-size:35px;color:#fff}.coin-rank{font-size:25px;display:inline-block}.social-links{display:flex;gap:15px}.social-links a{color:#fff;transition:transform .2s ease}.social-links a:hover{transform:scale(1.5)}.market-data{max-width:800px;width:90%;margin:0 auto;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;padding:20px;box-shadow:2px 8px 12px #0003}.market-data h3{font-size:20px;color:#fff;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.market-item{background-color:#ffffff1a;padding:15px;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;gap:5px}.market-item:hover{background-color:#ffffff26;transform:translateY(-2px)}.market-item strong{color:#fffc;font-size:14px}.coin-chart{max-width:800px;width:90%;margin:0 auto;background:#fff;border-radius:10px;padding:20px;box-shadow:2px 8px 12px #0003;display:flex;flex-direction:column;gap:20px}.chart-title{font-size:20px;font-weight:600;color:#fff;text-align:center;padding:10px;margin-bottom:10px;transition:background-color .3s ease}.info-grid{max-width:800px;width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card{background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;padding:20px;box-shadow:0 8px 12px #0003;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-card h3{margin-bottom:15px;font-size:20px}.info-content p{margin:10px 0;line-height:1.6}.categories{display:flex;flex-wrap:wrap;gap:10px}.category-tag{background-color:#ffffff1a;padding:5px 10px;border-radius:15px;font-size:14px;transition:background-color .3s ease}.category-tag:hover{background-color:#fff3}.sentiment-stats{display:flex;flex-direction:column;gap:15px}.sentiment-bar{width:100%;height:20px;background-color:#ffffff1a;border-radius:10px;overflow:hidden}.sentiment-up{height:100%;background-color:#00d515;text-align:center;line-height:20px;font-size:14px;transition:width .3s ease}.description-section{max-width:800px;width:90%;margin:0 auto;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;padding:20px;box-shadow:0 8px 12px #0003}.description-section h3{margin-bottom:15px;font-size:20px}.description-content{line-height:1.6}.description-content a{color:#fff;text-decoration:underline}.resources-section{max-width:800px;width:90%;margin:0 auto;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;padding:20px;box-shadow:0 8px 12px #0003}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.resource-link{display:block;padding:10px 15px;background-color:#ffffff1a;border-radius:5px;color:#fff;text-decoration:none;text-align:center;transition:all .3s ease}.resource-link:hover{background-color:#fff3;transform:translateY(-2px)}.spinner{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#2563eb}.spin{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #1d4ed8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.coin-container{padding-top:70px;padding-bottom:100px}.coin-header{flex-direction:column;gap:20px;text-align:center}.coin-name{flex-direction:column}.coin-title h1{font-size:24px}.info-grid,.resources-grid,.market-grid{grid-template-columns:1fr}.chart-title{font-size:16px;padding:8px}.market-item{padding:12px;font-size:14px}.market-data h3{font-size:18px;margin-bottom:15px}}@media (max-width: 480px){.coin-title h1{font-size:20px}.coin-name img{width:40px;height:40px}.social-links{gap:10px}.info-card{padding:15px}.chart-title{font-size:14px;padding:6px}.market-data{padding:15px}.market-item{padding:10px;font-size:13px}.market-item strong{font-size:13px}.market-data h3{font-size:16px;margin-bottom:12px}}.chart-container{background:#fff;border-radius:16px;box-shadow:0 8px 16px #0000001a;padding:32px;margin:24px 0;min-height:600px;display:flex;flex-direction:column}.chart-title{font-size:40px;font-weight:700;color:#1f2937;text-align:center;margin:0}.chart-controls-wrapper{width:100%;margin-bottom:40px}.chart-controls{display:flex;flex-direction:column;gap:24px;padding:0;max-width:1200px;margin:0 auto}.chart-type-controls,.time-range-controls,.scale-controls{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.chart-button,.time-range-button,.scale-button{padding:12px 24px;border:2px solid #e5e7eb;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.button-text{font-size:16px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.chart-button:hover,.time-range-button:hover,.scale-button:hover{background-color:#f8fafc;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.chart-button:hover .button-text,.time-range-button:hover .button-text,.scale-button:hover .button-text{color:#2563eb}.chart-button.active,.time-range-button.active,.scale-button.active{background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.chart-button.active .button-text,.time-range-button.active .button-text,.scale-button.active .button-text{color:#fff}.chart-wrapper{flex:1;width:100%;min-height:400px;position:relative}@media (max-width: 1024px){.chart-container{padding:24px}.chart-controls{gap:16px}.chart-button,.time-range-button,.scale-button{min-width:100px;padding:10px 20px}.button-text{font-size:14px}}@media (max-width: 768px){.chart-container{padding:16px;min-height:500px}.chart-controls{gap:12px}.chart-type-controls,.time-range-controls,.scale-controls{gap:8px}.chart-button,.time-range-button,.scale-button{min-width:80px;padding:8px 16px}.button-text{font-size:12px;letter-spacing:.5px}.chart-wrapper{min-height:300px}}.Footer{width:100%;padding:20px 8%;background:#2563eb;color:#fff;text-align:center;font-size:15px;display:flex;justify-content:center;align-items:center;position:relative;bottom:0;left:0}.Footer p{margin:0;padding:10px;border-radius:15px}