* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color: #fff;background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3a 50%, #0d0d2d 100%);min-height: 100vh;}a {text-decoration: none;color: #fff;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.navbar {position: fixed;top: 0;left: 0;right: 0;background: rgba(10, 10, 26, 0.95);backdrop-filter: blur(10px);z-index: 1000;padding: 15px 0;border-bottom: 1px solid rgba(99, 102, 241, 0.3);}.navbar .container {display: flex;align-items: center;justify-content: space-between;}.logo {display: flex;align-items: center;gap: 10px;}.logo-icon {font-size: 32px;color: #6366f1;}.logo-text {font-size: 20px;font-weight: bold;background: linear-gradient(90deg, #6366f1, #8b5cf6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.nav-links {display: flex;list-style: none;gap: 30px;}.nav-links a {color: #e2e8f0;font-size: 14px;transition: color 0.3s;}.nav-links a:hover {color: #6366f1;}.nav-buttons {display: flex;gap: 15px;}.btn-primary {background: linear-gradient(135deg, #6366f1, #8b5cf6);border: none;color: #fff;padding: 10px 25px;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: transform 0.3s, box-shadow 0.3s;}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 5px 20px rgba(99, 102, 241, 0.4);}.btn-secondary {background: transparent;border: 1px solid #6366f1;color: #6366f1;padding: 10px 25px;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s;}.btn-secondary:hover {background: #6366f1;color: #fff;}.hero {padding: 150px 0 100px;position: relative;overflow: hidden;}.hero-content {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;}.hero-text h1 {font-size: 48px;margin-bottom: 15px;background: linear-gradient(90deg, #fff, #c7d2fe);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.hero-text p {font-size: 20px;color: #94a3b8;margin-bottom: 30px;}.hero-stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-bottom: 40px;}.stat-item {text-align: center;padding: 20px;background: rgba(99, 102, 241, 0.1);border-radius: 12px;border: 1px solid rgba(99, 102, 241, 0.2);}.stat-value {display: block;font-size: 24px;font-weight: bold;color: #6366f1;margin-bottom: 5px;}.stat-label {font-size: 12px;color: #94a3b8;}.hero-buttons {display: flex;gap: 20px;}.btn-lg {background: linear-gradient(135deg, #6366f1, #8b5cf6);border: none;color: #fff;padding: 15px 40px;border-radius: 10px;font-size: 16px;font-weight: 600;cursor: pointer;transition: transform 0.3s, box-shadow 0.3s;}.btn-lg:hover {transform: translateY(-3px);box-shadow: 0 10px 30px rgba(99, 102, 241, 0.5);}.btn-lg-outline {background: transparent;border: 2px solid #6366f1;color: #6366f1;padding: 15px 40px;border-radius: 10px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s;}.btn-lg-outline:hover {background: #6366f1;color: #fff;}.hero-image {position: relative;}.crypto-animation {position: relative;width: 400px;height: 400px;}.coin {position: absolute;font-size: 48px;animation: float 6s ease-in-out infinite;}.coin-1 {top: 20%;left: 20%;animation-delay: 0s;}.coin-2 {top: 40%;right: 10%;animation-delay: 1s;color: #f59e0b;}.coin-3 {bottom: 30%;left: 30%;animation-delay: 2s;color: #10b981;}.coin-4 {top: 60%;left: 10%;animation-delay: 3s;color: #ef4444;}.coin-5 {bottom: 20%;right: 20%;animation-delay: 4s;color: #8b5cf6;}@keyframes float {0%, 100% {transform: translateY(0) rotate(0deg);}50% {transform: translateY(-30px) rotate(180deg);}}.hero-wave {position: absolute;bottom: 0;left: 0;right: 0;height: 100px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231a1a3a' fill-opacity='1' d='M0,96L48,117.3C96,139,192,181,288,181.3C384,181,480,139,576,128C672,117,768,139,864,165.3C960,192,1056,224,1152,213.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size: cover;background-repeat: no-repeat;}.products {padding: 80px 0;background: #1a1a3a;}.section-title {font-size: 36px;text-align: center;margin-bottom: 10px;background: linear-gradient(90deg, #fff, #c7d2fe);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.section-subtitle {text-align: center;color: #94a3b8;margin-bottom: 50px;font-size: 16px;}.products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}.product-card {background: rgba(0, 0, 0, 0.3);border-radius: 16px;padding: 30px;border: 1px solid rgba(99, 102, 241, 0.2);transition: all 0.3s;}.product-card:hover {transform: translateY(-10px);border-color: #6366f1;box-shadow: 0 20px 40px rgba(99, 102, 241, 0.2);}.product-card.featured {background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.1));border-color: #6366f1;}.product-icon {font-size: 40px;margin-bottom: 20px;}.product-card h3 {font-size: 20px;margin-bottom: 15px;color: #fff;}.product-card p {font-size: 14px;color: #94a3b8;margin-bottom: 20px;line-height: 1.6;}.product-features {list-style: none;margin-bottom: 25px;}.product-features li {font-size: 13px;color: #94a3b8;padding: 8px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.btn-product {width: 100%;background: transparent;border: 1px solid #6366f1;color: #6366f1;padding: 12px;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s;}.btn-product:hover {background: #6366f1;color: #fff;}.features {padding: 80px 0;background: linear-gradient(180deg, #1a1a3a 0%, #0d0d2d 100%);}.features-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}.feature-item {text-align: center;padding: 40px 20px;background: rgba(99, 102, 241, 0.05);border-radius: 16px;border: 1px solid rgba(99, 102, 241, 0.1);transition: all 0.3s;}.feature-item:hover {border-color: #6366f1;background: rgba(99, 102, 241, 0.1);}.feature-icon {font-size: 48px;margin-bottom: 20px;color: #6366f1;}.feature-item h3 {font-size: 18px;margin-bottom: 15px;color: #fff;}.feature-item p {font-size: 14px;color: #94a3b8;line-height: 1.6;}.news {padding: 80px 0;background: #0d0d2d;}.news-tabs {display: flex;justify-content: center;gap: 15px;margin-bottom: 40px;}.news-tabs button {background: transparent;border: 1px solid rgba(99, 102, 241, 0.3);color: #94a3b8;padding: 12px 30px;border-radius: 30px;font-size: 14px;cursor: pointer;transition: all 0.3s;}.news-tabs button:hover {border-color: #6366f1;color: #6366f1;}.news-tabs .tab-active {background: linear-gradient(135deg, #6366f1, #8b5cf6);border-color: #6366f1;color: #fff;}.news-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}.news-card {display: flex;gap: 20px;background: rgba(0, 0, 0, 0.3);border-radius: 16px;padding: 25px;border: 1px solid rgba(99, 102, 241, 0.1);transition: all 0.3s;}.news-card:hover {border-color: #6366f1;transform: translateY(-5px);}.news-image {font-size: 48px;flex-shrink: 0;}.news-content {flex: 1;}.news-meta {display: flex;gap: 15px;margin-bottom: 10px;}.news-category {background: rgba(99, 102, 241, 0.2);color: #6366f1;padding: 4px 12px;border-radius: 15px;font-size: 12px;}.news-time {color: #64748b;font-size: 12px;}.news-card h3 {font-size: 16px;margin-bottom: 10px;color: #fff;line-height: 1.4;}.news-card p {font-size: 13px;color: #94a3b8;line-height: 1.6;margin-bottom: 15px;}.news-link {font-size: 13px;color: #6366f1;font-weight: 600;}.market-data {padding: 80px 0;background: #1a1a3a;}.market-table {overflow-x: auto;}.market-table table {width: 100%;border-collapse: collapse;}.market-table th, .market-table td {padding: 15px 20px;text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.market-table th {color: #94a3b8;font-weight: 600;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;}.market-table td {color: #fff;font-size: 14px;}.coin-name {font-weight: bold;color: #fff;margin-right: 10px;}.coin-fullname {color: #94a3b8;font-size: 12px;}.positive {color: #10b981;font-weight: 600;}.negative {color: #ef4444;font-weight: 600;}.about {padding: 80px 0;background: #0d0d2d;}.about-content {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;}.about-text p {font-size: 16px;color: #94a3b8;line-height: 1.8;margin-bottom: 20px;}.about-stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 40px;}.about-stat {text-align: center;padding: 25px;background: rgba(99, 102, 241, 0.1);border-radius: 12px;border: 1px solid rgba(99, 102, 241, 0.2);}.about-stat-value {display: block;font-size: 32px;font-weight: bold;color: #6366f1;margin-bottom: 5px;}.about-stat-label {font-size: 12px;color: #94a3b8;}.about-image {position: relative;}.about-visual {position: relative;width: 400px;height: 400px;}.hexagon {position: absolute;width: 80px;height: 92px;background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.2));clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);animation: pulse 4s ease-in-out infinite;}.hexagon:nth-child(1) {top: 20%;left: 20%;animation-delay: 0s;}.hexagon:nth-child(2) {top: 50%;left: 50%;transform: translate(-50%, -50%);animation-delay: 1s;}.hexagon:nth-child(3) {bottom: 20%;right: 20%;animation-delay: 2s;}.hexagon:nth-child(4) {top: 10%;right: 30%;animation-delay: 0.5s;}.hexagon:nth-child(5) {bottom: 10%;left: 10%;animation-delay: 1.5s;}@keyframes pulse {0%, 100% {transform: scale(1);opacity: 0.6;}50% {transform: scale(1.1);opacity: 1;}}.contact {padding: 80px 0;background: #1a1a3a;}.contact-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;margin-bottom: 50px;}.contact-item {text-align: center;padding: 35px 20px;background: rgba(0, 0, 0, 0.3);border-radius: 16px;border: 1px solid rgba(99, 102, 241, 0.2);transition: all 0.3s;}.contact-item:hover {border-color: #6366f1;}.contact-icon {font-size: 36px;margin-bottom: 15px;color: #6366f1;}.contact-item h3 {font-size: 16px;margin-bottom: 10px;color: #fff;}.contact-item p {font-size: 13px;color: #94a3b8;margin-bottom: 20px;}.btn-contact {background: transparent;border: 1px solid #6366f1;color: #6366f1;padding: 10px 25px;border-radius: 8px;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.3s;}.btn-contact:hover {background: #6366f1;color: #fff;}.contact-form {max-width: 600px;margin: 0 auto;background: rgba(0, 0, 0, 0.3);border-radius: 16px;padding: 40px;border: 1px solid rgba(99, 102, 241, 0.2);}.contact-form h3 {font-size: 24px;margin-bottom: 30px;color: #fff;text-align: center;}.contact-form input, .contact-form textarea {width: 100%;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(99, 102, 241, 0.3);border-radius: 8px;padding: 15px;color: #fff;font-size: 14px;margin-bottom: 20px;transition: border-color 0.3s;}.contact-form input:focus, .contact-form textarea:focus {outline: none;border-color: #6366f1;}.contact-form textarea {resize: vertical;min-height: 120px;}.contact-form input::placeholder, .contact-form textarea::placeholder {color: #64748b;}.btn-submit {width: 100%;background: linear-gradient(135deg, #6366f1, #8b5cf6);border: none;color: #fff;padding: 15px;border-radius: 10px;font-size: 16px;font-weight: 600;cursor: pointer;transition: transform 0.3s, box-shadow 0.3s;}.btn-submit:hover {transform: translateY(-2px);box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4);}.footer {background: #0a0a1a;border-top: 1px solid rgba(99, 102, 241, 0.2);padding: 60px 0 30px;}.footer-content {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-bottom: 40px;}.footer-section h4 {font-size: 16px;margin-bottom: 20px;color: #fff;}.footer-section p {font-size: 14px;color: #94a3b8;line-height: 1.6;margin-bottom: 20px;}.footer-section ul {list-style: none;}.footer-section ul li {margin-bottom: 12px;}.footer-section ul li a {font-size: 14px;color: #94a3b8;transition: color 0.3s;}.footer-section ul li a:hover {color: #6366f1;}.footer-social {display: flex;gap: 15px;}.footer-social a {color: #94a3b8;font-size: 14px;transition: color 0.3s;}.footer-social a:hover {color: #6366f1;}.footer-bottom {text-align: center;padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-bottom p {font-size: 13px;color: #64748b;margin-bottom: 5px;}@media (max-width: 992px) {.hero-content {grid-template-columns: 1fr;text-align: center;}.hero-stats {grid-template-columns: repeat(2, 1fr);}.products-grid {grid-template-columns: repeat(2, 1fr);}.features-grid {grid-template-columns: repeat(2, 1fr);}.news-grid {grid-template-columns: repeat(2, 1fr);}.about-content {grid-template-columns: 1fr;text-align: center;}.about-stats {grid-template-columns: repeat(2, 1fr);}.contact-grid {grid-template-columns: repeat(2, 1fr);}.footer-content {grid-template-columns: repeat(2, 1fr);}.nav-links {display: none;}}@media (max-width: 768px) {.hero-text h1 {font-size: 36px;}.products-grid {grid-template-columns: 1fr;}.features-grid {grid-template-columns: 1fr;}.news-grid {grid-template-columns: 1fr;}.news-card {flex-direction: column;text-align: center;}.about-stats {grid-template-columns: repeat(2, 1fr);}.contact-grid {grid-template-columns: 1fr;}.footer-content {grid-template-columns: 1fr;}}