@theme{ --color-transparent: transparent; --color-white: #ffffff; --color-black: #000000; --color-gray-50: #F9FAFB; --color-gray-100: #F3F4F6; --color-gray-200: #E5E7EB; --color-gray-300: #D1D5DB; --color-gray-400: #9CA3AF; --color-gray-500: #6B7280; --color-gray-600: #4B5563; --color-gray-700: #374151; --color-gray-800: #1F2937; --color-gray-900: #111827; --color-red-50: #FEF2F2; --color-red-100: #FEE2E2; --color-red-200: #FECACA; --color-red-300: #FCA5A5; --color-red-400: #F87171; --color-red-500: #EF4444; --color-red-600: #DC2626; --color-red-700: #B91C1C; --color-red-800: #991B1B; --color-red-900: #7F1D1D; --color-yellow-50: #FFFBEB; --color-yellow-100: #FEF3C7; --color-yellow-200: #FDE68A; --color-yellow-300: #FCD34D; --color-yellow-400: #FBBF24; --color-yellow-500: #F59E0B; --color-yellow-600: #D97706; --color-yellow-700: #B45309; --color-yellow-800: #92400E; --color-yellow-900: #78350F; --color-green-50: #ECFDF5; --color-green-100: #D1FAE5; --color-green-200: #A7F3D0; --color-green-300: #6EE7B7; --color-green-400: #34D399; --color-green-500: #10B981; --color-green-600: #059669; --color-green-700: #047857; --color-green-800: #065F46; --color-green-900: #064E3B; --color-blue-50: #EFF6FF; --color-blue-100: #DBEAFE; --color-blue-200: #BFDBFE; --color-blue-300: #93C5FD; --color-blue-400: #60A5FA; --color-blue-500: #3B82F6; --color-blue-600: #2563EB; --color-blue-700: #1D4ED8; --color-blue-800: #1E40AF; --color-blue-900: #1E3A8A; --color-indigo-50: #EEF2FF; --color-indigo-100: #E0E7FF; --color-indigo-200: #C7D2FE; --color-indigo-300: #A5B4FC; --color-indigo-400: #818CF8; --color-indigo-500: #6366F1; --color-indigo-600: #4F46E5; --color-indigo-700: #4338CA; --color-indigo-800: #3730A3; --color-indigo-900: #312E81; --color-purple-50: #F5F3FF; --color-purple-100: #EDE9FE; --color-purple-200: #DDD6FE; --color-purple-300: #C4B5FD; --color-purple-400: #A78BFA; --color-purple-500: #8B5CF6; --color-purple-600: #7C3AED; --color-purple-700: #6D28D9; --color-purple-800: #5B21B6; --color-purple-900: #4C1D95; --color-pink-50: #FDF2F8; --color-pink-100: #FCE7F3; --color-pink-200: #FBCFE8; --color-pink-300: #F9A8D4; --color-pink-400: #F472B6; --color-pink-500: #EC4899; --color-pink-600: #DB2777; --color-pink-700: #BE185D; --color-pink-800: #9D174D; --color-pink-900: #831843; --color-orange-50: #FFFAF0; --color-orange-100: #FEEBC8; --color-orange-200: #FBD38D; --color-orange-300: #F6AD55; --color-orange-400: #ED8936; --color-orange-500: #DD6B20; --color-orange-600: #C05621; --color-orange-700: #9C4221; --color-orange-800: #7B341E; --color-orange-900: #652B19; --color-cyan-50: #ECFEFF; --color-cyan-100: #CFFAFE; --color-cyan-200: #A5F3FC; --color-cyan-300: #67E8F9; --color-cyan-400: #22D3EE; --color-cyan-500: #06B6D4; --color-cyan-600: #0891B2; --color-cyan-700: #0E7490; --color-cyan-800: #155E75; --color-cyan-900: #164E63; --color-teal-50: #F0FDFA; --color-teal-100: #CCFBF1; --color-teal-200: #99F6E4; --color-teal-300: #5EEAD4; --color-teal-400: #2DD4BF; --color-teal-500: #14B8A6; --color-teal-600: #0D9488; --color-teal-700: #0F766E; --color-teal-800: #115E59; --color-teal-900: #134E4A; }.hello123{color:#fff}*{margin:0;padding:0;box-sizing:border-box;color:#000}.navbar{position:sticky;top:0;background-color:#1c1c2b;padding:25px 40px;color:#fff;display:flex;justify-content:space-between;z-index:100;box-shadow:0 2px 10px #0003}.nav-links a{color:#fff;margin-left:20px;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#ff5e57}.home{height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#000;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(/assets/s-BbDzAiDN.png);background-repeat:no-repeat}.home-content h1{font-size:3rem;margin-bottom:1rem;color:#fff}.home-content p{font-size:1.2rem;margin-bottom:2rem;color:#fff}.get-started{padding:10px 30px;font-size:1rem;background-color:#ff5e57;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease}.get-started:hover{background-color:#e04843}.auth-container{height:100vh;background-color:#1f1f2e;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px}.auth-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:350px}.auth-form input{padding:10px 15px;border:none;border-radius:5px;outline:none}.auth-form button{padding:10px;background-color:#ff5e57;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.auth-form button:hover{background-color:#e04843}.hero-section{background-image:linear-gradient(#00000080,#000000b3),url(/hero-bg.jpg);background-size:cover;background-position:center;position:relative;box-shadow:0 4px 30px #0003;border-bottom:1px solid rgba(255,193,7,.2)}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:70px;background:linear-gradient(to top,#fff,#fff0);z-index:5}.trader-dark-btn{background-color:#1c1c2b;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.trader-dark-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section h1{animation:fadeInUp .8s ease-out forwards}.hero-section h2{animation:fadeInUp .8s ease-out .2s forwards;opacity:0;animation-fill-mode:forwards}.hero-section p{animation:fadeInUp .8s ease-out .4s forwards;opacity:0;animation-fill-mode:forwards}.hero-section .inline-block{animation:fadeInUp .8s ease-out .1s forwards;opacity:0;animation-fill-mode:forwards}.hero-section .flex{animation:fadeInUp .8s ease-out .6s forwards;opacity:0;animation-fill-mode:forwards}.hero-section{background-image:url(.);background-size:cover;background-position:center}.custom-packaging-section{display:flex;justify-content:center;align-items:center;padding:50px;background-color:#fff;margin-bottom:50px}.content-container{display:flex;max-width:1500px;width:100%;gap:40px;flex-wrap:wrap}.text-section{flex:1;min-width:200px}.text-section h2{font-size:36px;font-weight:800;color:#2c2c2c;line-height:1.3}.text-section .highlight{color:#f7a600}.text-section .sub-heading{font-size:20px;font-weight:600;color:#1e2f52;margin:20px 0}.text-section .description{font-size:16px;color:#555;line-height:1.7}.image-section{flex:1;display:flex;justify-content:center;align-items:center}.image-section img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}body{margin:0}hr{border:0;height:1px;background-color:#77f2fa}.content{width:100%;max-width:1208px;min-height:458px;border:1px solid #6dd0f0;padding:20px;text-align:center;margin:auto;color:#fff;background-color:#000}.address{color:#4ddaed;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btc{text-align:right;color:#67d5f7}.landing-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#f5f7fa;color:#1a1a1a;padding:40px 20px}.content-section{flex:1 1 500px;padding:20px}.content-section h1{font-size:2rem;line-height:1.4}.highlight{color:#fbbf24}.features{margin-top:30px}.feature-item{display:flex;align-items:flex-start;margin-bottom:20px}.icon{font-size:24px;margin-right:15px}.chart-section{flex:1 1 400px;padding:20px;text-align:center}.chart-img{width:100%;max-width:400px;height:auto}@media (max-width: 768px){.landing-container{flex-direction:column;padding:20px 10px}.content-section,.chart-section{padding:10px 0;text-align:center}.feature-item{flex-direction:column;align-items:center;text-align:center}.icon{margin-right:0;margin-bottom:8px}}.footer{background-image:url(/assets/btc-6272691_1280-Br-tVbid.jpg)}.footer{background-color:#353891;color:#fff;padding:30px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-section{flex:1;min-width:250px}.footer-section h3{color:#fff;margin-bottom:15px}.footer-section p,.footer-section ul,.footer-section a{color:#fff;font-size:14px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px;display:flex;align-items:center}.footer-section ul li .dot{height:8px;width:8px;background-color:#fff;border-radius:50%;margin-right:10px;transition:background-color .3s}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s}.footer-section ul li:hover .dot{background-color:#ff8c00}.footer-section ul li:hover a{color:#ff8c00}.social-links a img{height:24px;width:24px;margin-right:10px;transition:transform .3s}.social-links a img:hover{transform:scale(1.1)}.whatsapp-button{position:fixed;right:20px;bottom:20px;width:60px;height:60px;background-color:#25d366;border-radius:50%;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.whatsapp-button:hover{background-color:#128c4a}.whatsapp-button img{width:35px;height:35px}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:15px 20px}.nav-links{margin-top:10px;width:100%;display:flex;flex-wrap:wrap;gap:10px}.nav-links a{margin-left:0;margin-right:15px}}@media (max-width: 768px){.home-content h1{font-size:2rem}.home-content p{font-size:1rem}.get-started{padding:8px 20px;font-size:.9rem}}@media (max-width: 480px){.auth-form{max-width:90%}}@media (max-width: 768px){.custom-packaging-section{flex-direction:column;padding:30px 20px}.content-container{flex-direction:column;gap:20px}.text-section h2{font-size:28px}.text-section .sub-heading{font-size:18px}.text-section .description{font-size:15px}.image-section img{max-width:100%}}@media (max-width: 768px){.landing-container{padding:20px 10px;flex-direction:column;gap:20px}.content-section h1{font-size:1.5rem}.chart-img{max-width:100%}}@media (max-width: 768px){.footer{padding:20px;text-align:center}.footer-content{flex-direction:column;align-items:center}.footer-section{width:100%;text-align:center}.footer-section ul{align-items:center}}.plans-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;background-color:#f8f9fa}.plan-card{border-radius:10px;box-shadow:0 0 15px #0000001a;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}.plan-header{font-size:18px;font-weight:700;padding:1rem;text-align:center}.plan-body{padding:1rem;text-align:center}.plan-body h2{color:#333;font-size:1.2rem;font-weight:700;margin:.5rem 0}.plan-body h3{color:#fcb618;margin-bottom:1rem}.plan-body p{font-size:14px;margin:.3rem 0}.deposit-btn{border:none;color:#fff;font-weight:700;padding:1rem;cursor:pointer;width:100%;transition:.3s ease}.deposit-btn:hover{opacity:.9}.withdraw-container{background-color:#1f1f2e;min-height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.withdraw-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px}.withdraw-form input,.withdraw-form select{padding:10px;border:none;border-radius:8px;background:#2c2c3e;color:#fff}.withdraw-form input::placeholder{color:#aaa}.withdraw-form button{padding:10px;background:#fcb618;color:#1f1f2e;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:.3s}.withdraw-form button:hover{background:#e3a902}.msg{margin-top:15px;font-weight:700}.signup-redirect{margin-top:20px;text-align:center;color:#fcb618;font-size:15px}.signup-redirect a{color:#fff;text-decoration:underline;font-weight:700}.signup-redirect a:hover{color:#fcb618}.deposit-container{background-color:#14162e;color:#fff;min-height:100vh;padding:50px 20px;display:flex;flex-direction:column;align-items:center}.deposit-form{background-color:#1e2039;padding:30px;border-radius:12px;box-shadow:0 0 10px #00000080;width:100%;max-width:450px;display:flex;flex-direction:column;gap:16px}.deposit-form input,.deposit-form select{padding:12px;border:none;border-radius:8px;background-color:#2c2f4a;color:#fff;font-size:16px}.deposit-form input::placeholder{color:#aaa}.deposit-form select{color:#fff}.wallet-info{text-align:center}.wallet-info img{width:160px;height:160px;margin-bottom:10px}.wallet-address{font-weight:700;font-size:15px;margin:8px 0;word-break:break-word}.confirm-btn{background-color:#fcb618;color:#000;font-weight:700;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.confirm-btn:hover{background-color:#e6a900}.success-message{margin-top:20px;color:#fff;font-weight:700}.layout{display:flex;height:100vh}.sidebar{width:250px;background-color:#0f172a;color:#fff;flex-shrink:0;padding:20px;display:flex;flex-direction:column;transition:transform .3s ease-in-out;transform:translate(0)}.sidebar .logo{font-weight:700;font-size:20px;margin-bottom:20px}.sidebar .divider{width:2px;background-color:#007bff;height:100%;position:absolute;left:250px;top:0}.hrip a{display:block;margin-bottom:10px;color:#89c4ff;text-decoration:none;transition:color .2s}.hrip a:hover{color:#fff}.main-content{flex-grow:1;background:#f9f9f9;display:flex;flex-direction:column}.topbar{background-color:#0f172a;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.hamburger{background:none;border:none;font-size:24px;color:#fff;display:none;cursor:pointer}.page{padding:30px}@media (max-width: 768px){.sidebar{position:fixed;height:100%;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar .divider{left:250px}.hamburger{display:block}.layout{flex-direction:column}.main-content{margin-left:0}}