@import"https://fonts.googleapis.com/css2?family=Doto:wght@800&family=Noto+Sans:ital,wght@0,392;1,392&family=Outfit:wght@100..900&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(#0b004e,#1d152f,#002834)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 10%;background:#ffffff1a;border-bottom:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #ffffff1a}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:28px;font-weight:600;background:linear-gradient(135deg,#00eaff,#0fe,#f7eeff,#fb1aff);background-clip:text;-webkit-background-clip:text;color:transparent}.logo{width:40px;height:auto}.nav-links{display:flex;gap:40px;list-style:none;margin:0;padding:0}.nav-links li{margin:0;padding:0}.nav-link{font-weight:500;font-size:16px;color:#e0e0e0;text-decoration:none;position:relative;padding:5px 0;display:inline-block}.active-nav-link{font-weight:600;font-size:16px;background:linear-gradient(135deg,#00eaff,#00ffa3,#e1c1ff,#d400ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-decoration:none;position:relative;padding:5px 0;display:inline-block}.nav-link:after{content:"";position:absolute;height:2px;width:0;background:linear-gradient(135deg,#00eaff,#00ffa3,#e1c1ff,#d400ff);left:0;bottom:-5px;transition:width .25s ease-in-out}.nav-link:hover:after{width:100%}.active-nav-link:after{content:"";position:absolute;height:2px;width:100%;background:linear-gradient(135deg,#00eaff,#00ffa3,#e1c1ff,#d400ff);left:0;bottom:-5px;transition:none}.nav-right{display:flex;align-items:center;gap:15px}.navbar select{padding:8px 12px;border-radius:6px;border:2px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:14px;cursor:pointer;transition:border-color .3s}.navbar select:hover{border-color:#00eaff}.navbar option{background-color:#12121f;color:#fff}.auth-btn{padding:8px 20px;border-radius:6px;font-size:15px;font-weight:500;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:.3s ease-in-out}.auth-btn:hover{transform:scale(1.05);border-color:#00eaff}.profile-container{position:relative}.profile-icon{cursor:pointer;transition:transform .2s}.profile-icon:hover{transform:scale(1.1)}.profile-dropdown{position:absolute;top:45px;right:0;background:#1e1e2f;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 15px #00000080;min-width:150px;z-index:1001}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;padding:12px 16px;color:#fff;text-decoration:none;text-align:left;background:none;border:none;font-size:15px;cursor:pointer;transition:.2s}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#00ffa31a;color:#00eaff}.logout-btn{color:#f55!important;font-weight:500}.mobile-auth{display:none}.menu-toggle{display:none;background:none;border:none;color:#00eaff;cursor:pointer;font-size:24px;z-index:1002}@media (max-width: 900px){.navbar{padding:15px 5%}.logo{width:30px}.brand{font-size:22px}.mobile-auth{display:block;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.desktop-auth{display:none}.nav-links{position:fixed;top:70px;right:-100%;width:250px;max-height:calc(100vh - 70px);flex-direction:column;gap:0;background:#12121ffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:2px solid rgba(255,255,255,.2);padding:20px;transition:right .3s ease-in-out;z-index:999;overflow-y:auto}.nav-links.open{right:0}.nav-links li{margin:15px 0}.menu-toggle{display:block}.navbar select{display:none}}@media (max-width: 600px){.navbar{padding:12px 5%}.brand{font-size:18px}.logo{width:28px}.nav-links{width:200px}}body{background:linear-gradient(135deg,#1e1e2f,#12121f);color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.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;z-index:1}.hero h1{font-size:max(4vw,36px);color:#f8f8f8}.hero p{width:75%;color:#bfbfbf;line-height:1.6}.hero form{padding:10px;width:80%;background:#ffffff1a;border-radius:10px;font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.search-input-container{flex:1;position:relative;display:flex;z-index:1}.hero input{flex:1;font-size:16px;outline:none;border:none;padding-left:10px;background:transparent;color:#fff;width:100%;z-index:1}.hero input::placeholder{color:#bfbfbf}.suggestions-panel{position:absolute;top:calc(100% + 2px);left:-10px;width:calc(100% + 10px);list-style:none;padding:5px 0;margin:0;background:#1e1e2f;border-radius:8px;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.1);z-index:1}.suggestions-panel li{padding:10px 20px;cursor:pointer;transition:background .2s,opacity .2s;display:flex;align-items:center;gap:10px;opacity:.6}.suggestions-panel li:hover{background:#ffffff26;opacity:1}.suggestions-panel li img{width:20px;height:20px}.hero button{border:none;background:linear-gradient(135deg,#00eaff,#00ffa3,#e1c1ff,#d400ff);color:#12121f;font-size:16px;font-weight:500;padding:10px 30px;border-radius:5px;cursor:pointer;transition:.3s ease-in-out}.hero button:hover{background:linear-gradient(135deg,#d400ff,#e1c1ff,#00ffa3,#00eaff);transform:scale(1.01)}.crypto-table{max-width:800px;margin:auto;background:#ffffff0d;border-radius:15px;padding:20px;box-shadow:0 4px 10px #0003}.table-layout{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1.5fr;padding:15px 20px;align-items:center;border-bottom:1px solid #3c3c3c;transition:.3s}.table-layout:hover{background:#ffffff1a}.market-cap{text-align:right}.table-layout:last-child{border:none}.table-layout div{display:flex;align-items:center;gap:10px}.table-layout div img{width:35px}.table-layout .green{color:#00ff7f;text-align:center;font-weight:700}.table-layout .red{color:#ff4646;text-align:center;font-weight:700}@media (max-width: 768px){.table-layout{grid-template-columns:.5fr 3fr 1fr 1fr}.market-cap{display:none}}@media (max-width: 500px){.table-layout div img{width:25px}.table-layout{font-size:13px}.hero form .search-input-container input{width:100px}}.spinner{display:grid;place-items:center;min-height:80vh}.spin{width:65px;height:65px;border:5px solid rgba(255,255,255,.2);border-top-color:#ff2e63;border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.coin{padding:0 20px}.coin-name{display:flex;flex-direction:column;align-items:center;gap:20px;margin:50px auto;padding:20px;border-radius:12px}.coin-name img{max-width:100px}.coin-name p b{font-size:44px;font-weight:600;color:#ff8c00}.coin-chart{max-width:600px;height:250px;margin:auto;padding:10px;border-radius:12px}.coin-info{max-width:600px;margin:50px auto;display:flex;flex-direction:column;background:#ffffff0d;border-radius:15px;padding:20px;box-shadow:0 4px 10px #0003}.coin-info ul{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);list-style:none;font-size:16px;color:#e0e0e0}.coin-info ul li:last-child{font-weight:400;color:#ff8c00}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:auto;max-width:80%;border-top:1px solid #989898;padding:15px 0;font-size:13px}.developer-info{margin-top:8px;opacity:.5;font-size:13px}.social-links{display:flex;gap:15px;margin-top:5px}.social-icon{font-size:22px;color:#fff;transition:transform .3s ease-in-out,color .3s}.social-icon.instagram:hover{color:#e4405f;transform:scale(1.2)}.social-icon.linkedin:hover{color:#0077b5;transform:scale(1.2)}.social-icon.portfolio:hover{color:#00ffea;transform:scale(1.2)}.pricing-container{display:flex;justify-content:center;gap:30px;max-width:1000px;margin:40px auto;padding:20px}.price-card{background:#ffffff0d;border-radius:15px;padding:30px;text-align:center;flex:1;max-width:300px;border:2px solid transparent;transition:all .3s ease;position:relative;box-shadow:0 4px 10px #0000004d}.price-card.popular{background:#00ffa30d;border-color:#00eaff;transform:scale(1.05);box-shadow:0 0 25px #00ffa333}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#d400ff,#00eaff);color:#1e1e2f;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700}.price-card h2{font-size:28px;color:#00eaff;margin-bottom:10px}.price-card .price{font-size:36px;font-weight:700;margin-bottom:25px;color:#00ffa3}.price-card .features-list{list-style:none;padding:0;margin-bottom:30px;text-align:left}.price-card .features-list li{padding:8px 0;color:#f0f0f0;border-bottom:1px dashed rgba(255,255,255,.1)}.price-card .features-list li:last-child{border-bottom:none}.price-card button{width:100%;padding:12px 0;font-size:18px;background:#ffffff1a;color:#00eaff;border:1px solid #00eaff;transition:background .3s,color .3s}.price-card button:hover{background:#00eaff;color:#12121f}.price-card .popular-btn{background:linear-gradient(135deg,#00eaff,#00ffa3,#e1c1ff,#d400ff);color:#12121f;border:none}.price-card .popular-btn:hover{background:linear-gradient(135deg,#d400ff,#e1c1ff,#00ffa3,#00eaff);transform:scale(1.02)}.cta-link{text-align:center;margin-top:50px;font-size:18px}.cta-link a{color:#00eaff;text-decoration:none;font-weight:700;transition:color .3s}.cta-link a:hover{color:#00ffa3;text-decoration:underline}@media (max-width: 900px){.pricing-container{flex-wrap:wrap}.price-card{flex-basis:45%}.price-card.popular{transform:scale(1)}}@media (max-width: 600px){.pricing-container{flex-direction:column;align-items:center}.price-card{flex-basis:90%;max-width:90%}}.features-list{width:100%;max-width:500px;margin-top:20px;text-align:left;display:flex;flex-direction:column;gap:15px;padding:20px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.feature-item{font-size:16px;color:#f0f0f0;line-height:1.5;padding-bottom:5px;border-bottom:1px dashed rgba(255,255,255,.1)}.feature-item:last-child{border-bottom:none}
