@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif}a{text-decoration:none;color:inherit}.app{min-height:100vh;color:#fff;background:linear-gradient(135deg,#0a0033,#1b103d,#004459)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:25px 10%;color:#f0f0f0;background:linear-gradient(135deg,#1e1e2f,#2a2a40);border-bottom:2px solid #4a4a4a;box-shadow:0 8px 20px #0006;transition:all .3s ease}.navbar:hover{background:linear-gradient(135deg,#29293d,#1e1e2f)}.navbar .logo{width:max(14vw,130px);cursor:pointer;transition:transform .3s ease}.navbar .logo:hover{transform:scale(1.1)}.navbar ul{display:flex;gap:50px;list-style:none;transition:all .3s ease}.navbar ul li{cursor:pointer;font-size:18px;font-weight:500;transition:all .3s ease}.navbar ul li:hover{color:#4caf50;transform:translateY(-3px);text-shadow:0 4px 12px rgba(0,255,0,.4)}.nav-right{display:flex;align-items:center;gap:max(1vw,15px)}.navbar select{padding:8px 12px;border-radius:8px;border:2px solid white;background:transparent;color:#fff;font-size:16px;transition:all .3s ease;cursor:pointer}.navbar select:hover{background:#4caf50;color:#fff;transform:scale(1.05)}.navbar option{background-color:#09005c;color:#fff}.navbar button{display:flex;align-items:center;gap:12px;padding:12px 30px;border-radius:30px;font-size:16px;font-weight:600;color:#29293d;background:#4caf50;border:none;cursor:pointer;box-shadow:0 8px 20px #0000004d;transition:all .3s ease}.navbar button:hover{background:#45a049;transform:scale(1.1);color:#fff}.navbar button img{width:18px;transition:all .3s ease}.navbar button:hover img{transform:rotate(15deg) scale(1.2)}.dropdown-container{position:relative;display:inline-block}.btn-dropdown{display:flex;align-items:center;gap:10px;padding:10px 25px;border-radius:30px;font-size:16px;font-weight:600;color:#29293d;background:#4caf50;border:none;cursor:pointer;box-shadow:0 8px 20px #0000004d;transition:all .3s}.btn-dropdown:hover{background:#45a049;transform:scale(1.05);color:#fff}.dropdown-menu{position:absolute;top:55px;left:0;min-width:160px;background:#2a2a40;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown-container:hover .dropdown-menu,.dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-size:14px;transition:all .3s}.dropdown-item:hover{background:#4caf50;color:#fff;transform:translate(5px)}@media (max-width: 900px){.navbar{padding:20px 8%}.navbar button,.btn-dropdown{gap:10px;padding:10px 22px;font-size:15px}.navbar button img{width:14px}.navbar ul{gap:30px}.dropdown-menu{top:45px}}@media (max-width: 768px){.navbar{padding:20px 5%}.navbar ul{display:none}.navbar button,.btn-dropdown{padding:10px 18px;font-size:14px}.navbar button img{width:12px}.dropdown-menu{min-width:140px}.dropdown-item{font-size:13px;padding:10px 15px}}@media (max-width: 500px){.navbar{padding:15px 5%;flex-direction:column;gap:15px}.navbar .logo{width:max(18vw,100px)}.navbar ul{display:none}.navbar button,.btn-dropdown{padding:8px 18px;font-size:14px;gap:8px}.navbar button img{width:10px}.nav-right{flex-direction:column;gap:10px}.dropdown-menu{top:40px;left:0;min-width:130px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f4f4f4;background:linear-gradient(135deg,#1e1e2f,#2a2a40);margin:0;padding:0}.home{padding:0 15px 120px}.hero{max-width:650px;margin:100px auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px}.hero h1{font-size:max(4vw,40px);color:#f9f9f9;text-shadow:0 4px 12px rgba(0,0,0,.5)}.hero p{width:80%;color:#d1d1d1;line-height:1.8;font-size:18px}.hero form{padding:12px;width:85%;background:#fff;border-radius:10px;box-shadow:0 8px 20px #0003;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .3s ease}.hero form:hover{transform:translateY(-5px)}.hero input{flex:1;font-size:16px;outline:none;border:none;padding:12px 15px;border-radius:5px;color:#333}.hero button{border:none;background:#4caf50;color:#fff;font-size:18px;padding:12px 35px;border-radius:8px;cursor:pointer;transition:all .3s ease}.hero button:hover{background:#45a049;transform:scale(1.05)}.crypto-table{max-width:900px;margin:auto;background:linear-gradient(135deg,#1f1f2e,#29293d);border-radius:15px;box-shadow:0 10px 30px #00000080;overflow:hidden;transition:all .3s ease}.crypto-table:hover{transform:scale(1.02)}.table-layout{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr;padding:20px 25px;align-items:center;border-bottom:1px solid #4a4a4a;transition:background .3s}.table-layout:hover{background:#ffffff0d}.market-cap{text-align:right}.table-layout:last-child{border:none}.table-layout div{display:flex;align-items:center;gap:15px}.table-layout div img{width:40px;transition:transform .3s}.table-layout div img:hover{transform:scale(1.1)}.table-layout .green{color:#4caf50;font-weight:700}.table-layout .red{color:#f44336;font-weight:700}@media (max-width: 768px){.table-layout{grid-template-columns:.5fr 3fr 1fr 1fr}.market-cap{display:none}.hero form{width:95%}}@media (max-width: 500px){.table-layout div img{width:30px}.table-layout{font-size:14px}.hero form input{width:100%}.hero button{padding:10px 25px}}.spinner{display:grid;place-items:center;min-height:80vh;background:linear-gradient(135deg,#1e1e2f,#2a2a40)}.spin{width:70px;height:70px;border:6px solid #bdbdbd;border-top-color:#7927ff;border-radius:50%;animation:rotate 1.2s linear infinite;box-shadow:0 4px 15px #0000004d}@keyframes rotate{to{transform:rotate(360deg)}}.coin{padding:0 20px}.coin-name{display:flex;flex-direction:column;align-items:center;gap:30px;margin:120px auto 60px;text-align:center;transition:all .3s ease}.coin-name:hover{transform:scale(1.05)}.coin-name img{max-width:120px;border-radius:15px;box-shadow:0 8px 20px #0006;transition:transform .3s}.coin-name img:hover{transform:rotate(10deg) scale(1.1)}.coin-name p b{font-size:48px;font-weight:600;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5)}.coin-chart{max-width:700px;height:300px;margin:40px auto;background:linear-gradient(135deg,#2a2a40,#1e1e2f);border-radius:12px;box-shadow:0 10px 25px #0009;transition:all .3s ease}.coin-chart:hover{transform:scale(1.03)}.coin-info{max-width:700px;margin:60px auto;display:flex;flex-direction:column;background:linear-gradient(135deg,#1f1f2e,#29293d);border-radius:15px;box-shadow:0 10px 30px #00000080;overflow:hidden;transition:all .3s ease;padding:20px}.coin-info:hover{transform:translateY(-5px)}.coin-info ul{display:flex;justify-content:space-between;padding:15px 25px;border-bottom:1px solid #5f5d5f;list-style:none;transition:all .3s ease}.coin-info ul:hover{background:#ffffff0d}.coin-info ul:last-child{border-bottom:none}.coin-info ul li{font-weight:400;font-size:18px;color:#d1d1d1;transition:all .3s ease}.coin-info ul li:hover{color:#4caf50;transform:scale(1.1)}@media (max-width: 768px){.coin-name img{max-width:90px}.coin-name p b{font-size:36px}.coin-chart{max-width:90%;height:250px}.coin-info{max-width:90%}.coin-info ul{padding:12px 20px}.coin-info ul li{font-size:16px}}@media (max-width: 500px){.coin-name img{max-width:75px}.coin-name p b{font-size:28px}.coin-chart{height:220px}.coin-info ul{padding:10px 15px}.coin-info ul li{font-size:14px}}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:30px 10%;background:linear-gradient(135deg,#1e1e2f,#2a2a40);color:#ddd;border-top:2px solid #4a4a4a;box-shadow:0 -8px 20px #0006;transition:all .3s ease}.footer .footer-logo{display:flex;align-items:center;gap:15px;cursor:pointer;transition:transform .3s ease}.footer .footer-logo img{width:max(12vw,120px);transition:all .3s ease}.footer .footer-logo:hover{transform:scale(1.05)}.footer ul{display:flex;gap:40px;list-style:none;transition:all .3s ease}.footer ul li{font-size:16px;font-weight:500;cursor:pointer;transition:color .3s ease,transform .3s}.footer ul li:hover{color:#4caf50;transform:translateY(-3px);text-shadow:0 4px 12px rgba(0,255,0,.4)}.footer .social-icons{display:flex;gap:20px}.footer .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:#4caf50;color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 15px #0006}.footer .social-icons a:hover{background:#45a049;transform:scale(1.15) rotate(10deg)}.footer p{font-size:15px;color:#d1d1d1;line-height:1.6;transition:color .3s ease}.footer p:hover{color:#fff}.footer .copyright{font-size:14px;color:#bdbdbd;margin-top:15px;transition:color .3s ease}.footer .copyright:hover{color:#fff}.footer:hover{background:linear-gradient(135deg,#29293d,#1e1e2f);transform:scale(1.02);box-shadow:0 -12px 25px #0009}@media (max-width: 1200px){.footer{padding:25px 8%;flex-direction:column;text-align:center}.footer .footer-logo{justify-content:center;margin-bottom:20px}.footer ul{justify-content:center;gap:30px;margin-bottom:20px}.footer .social-icons{justify-content:center}}@media (max-width: 900px){.footer{padding:20px 5%}.footer .footer-logo img{width:max(10vw,100px)}.footer ul{gap:25px}.footer .social-icons a{width:40px;height:40px}}@media (max-width: 600px){.footer{padding:20px 4%}.footer ul{gap:20px;font-size:14px}.footer .social-icons a{width:35px;height:35px}}@media (max-width: 400px){.footer{padding:15px 3%}.footer ul{gap:15px;font-size:13px}.footer .social-icons a{width:30px;height:30px}}.auth-container{max-width:400px;margin:80px auto;padding:40px;background:linear-gradient(135deg,#1e1e2f,#2a2a40);color:#fff;border-radius:10px;box-shadow:0 8px 20px #00000080;text-align:center}.auth-container h2{margin-bottom:20px}.auth-container form{display:flex;flex-direction:column;gap:20px}.auth-container input{padding:12px;font-size:16px;border-radius:5px;border:1px solid #ccc;outline:none}.auth-container button{padding:12px;font-size:16px;color:#fff;background:#4caf50;border:none;border-radius:5px;cursor:pointer;transition:all .3s}.auth-container button:hover{background:#45a049}.auth-container p{margin-top:15px;font-size:14px}.auth-container a{color:#4caf50;text-decoration:none;transition:color .3s}.auth-container a:hover{color:#45a049}