:root{--default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;--primary-color: #ff9b00;--secondary-color: #ffcc00;--dark-color: #000000;--light-color: #ffffff;--gray-color: #8a9ca7;--navbar-height: 82px;--transition-speed: 0.3s;--transition: all 0.3s ease;--box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);--border-radius: 8px;}*{margin: 0;padding: 0;box-sizing: border-box;}body{font-family: var(--default-font-family);background-color: var(--dark-color);color: var(--light-color);overflow-x: hidden;}html{scroll-behavior: smooth;}#faq-section:target{animation: highlight 2s ease;}.highlight{color: var(--primary-color);font-weight: 600;}.highlight-secondary{color: var(--secondary-color);font-weight: 600;}h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;font-weight: 700;}.container{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;}.btn{display: inline-block;padding: 12px 24px;border-radius: var(--border-radius);font-weight: 600;text-align: center;cursor: pointer;transition: var(--transition);border: none;}.content{padding: calc(var(--navbar-height) + 2rem) 2rem 2rem;display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1440px;margin: 0 auto;}.download-section{display: grid;grid-template-columns: 1fr;gap: 2rem;}.download-content{padding: 2rem;position: relative;z-index: 10;}.download-title{font-family: "Libre Bodoni", sans-serif;font-size: 3.75rem;line-height: 1;margin-bottom: 1rem;display: flex;flex-direction: column;align-items: center;}.download-title span{display: block;}.highlight{background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: gradientShift 3s ease infinite;background-size: 200% auto;font-family: "Nico Moji";font-size: 24px;color: #d4d2d3;}@keyframes gradientShift{0%{background-position: 0% center;}50%{background-position: 100% center;}100%{background-position: 0% center;}}.download-subtitle{font-size: 1rem;color: var(--light-color);margin-bottom: 2rem;opacity: 0.9;margin-left: 50px;text-align: center;margin-left: 0;width: 100%;}.download-badges{display: flex;margin-left:50px;align-items: center;gap: 3rem;margin-bottom: 2rem;}.playstore-badge{width: 85px;height: 85px;background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-26/i5fCEtHhig.png) no-repeat center;background-size: contain;transition: transform 0.3s ease;}.playstore-badge:hover{transform: scale(1.05);}.app-icon{width: 85px;height: 85px;background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-26/u0YMkAMOT0.png) no-repeat center;background-size: contain;transition: transform 0.3s ease;}.app-icon:hover{transform: rotate(15deg);}.brand-footer{display: flex;justify-content: space-between;width: 100%;max-width: 300px;margin: 0 auto;font-size: 1rem;font-weight: 500;gap: 3rem;}.app-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 1.5rem;margin-top: 2rem;width:100%;}.app-card{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 1.5rem;border-radius: 8px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);transition: all 0.3s ease;min-width: 0;}.app-card:hover{transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);border-color: var(--primary-color);}.app-info{display: flex;align-items: center;gap: 1rem;min-width: 0;flex: 1 1 auto;}.app-icon-small{width: 56px;height: 56px;border-radius: 30%;}.app-icon-small-a{width: 56px;height: 56px;background: url(https://play-lh.googleusercontent.com/NntMALIH4odanPPYSqUOXsX8zy_giiK2olJiqkcxwFIOOspVrhMi9Miv6LYdRnKIg-3R=w240-h480) no-repeat center;background-size: contain;border-radius: 30%;}.app-icon-small-b{width: 56px;height: 56px;background: url(https://play-lh.googleusercontent.com/t-juVwXA8lDAk8uQ2L6d6K83jpgQoqmK1icB_l9yvhIAQ2QT_1XbRwg5IpY08906qEw=w240-h480) no-repeat center;background-size: contain;border-radius: 50%;}.app-icon-small-c{width: 56px;height: 56px;background: url(https://play-lh.googleusercontent.com/-s7qEc5rMxbFyKzjQjYXiPfit1oGLF3Q-3i9D1onMHsIZOUTx-zVr14a9J3s6uiKEd4=w240-h480) no-repeat center;background-size: contain;border-radius: 50%;}.app-icon-small-d{width: 56px;height: 56px;background: url(https://play-lh.googleusercontent.com/QRRGW2tMZ4-FNw0XWk6WWiXHaQCGxuwM-92HrBhlA4WOd_AGmjVmQkiHyAqQjW2yByc=w240-h480) no-repeat center;background-size: contain;border-radius: 50%;}.app-icon-small-e{width: 56px;height: 56px;background: url(https://play-lh.googleusercontent.com/KSuaRLiI_FlDP8cM4MzJ23ml3og5Hxb9AapaGTMZ2GgR103mvJ3AAnoOFz1yheeQBBI=w240-h480) no-repeat center;background-size: contain;border-radius: 50%;}.app-icon-small-f{width: 56px;height: 56px;background: url(https://play-lh.googleusercontent.com/Kf8WTct65hFJxBUDm5E-EpYsiDoLQiGGbnuyP6HBNax43YShXti9THPon1YKB6zPYpA=w240-h480) no-repeat center;background-size: contain;border-radius: 50%;}.app-details{overflow: hidden;min-width: 0;}.app-details h3{font-size: 1rem;margin-bottom: 0.25rem;color: var(--light-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}.app-details p{font-size: 0.875rem;color: rgba(255, 255, 255, 0.7);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.download-button{white-space: nowrap;padding: 0.5rem 1rem;background: var(--primary-color);border: none;border-radius: 4px;font-weight: bold;cursor: pointer;transition: all 0.3s ease;color: var(--dark-color);flex-shrink: 0;margin-left: 1rem;}.download-button:hover{background: var(--secondary-color);transform: scale(1.05);}.hero{padding: 150px 0 100px;text-align: center;position: relative;overflow: hidden;}.hero-content{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.hero-title{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin-bottom: 20px;}.title-part{font-size: 3.5rem;font-weight: 800;line-height: 1.2;letter-spacing: 0.5rem;text-shadow: 0 4px 4px rgba(212, 175, 55, 0.8);animation: fadeInUp 1s ease;}.title-part:first-child{color: var(--light-color);}.title-part:last-child{color: var(--light-color);font-weight: 400;}.hero-subtitle{font-size: 1.8rem;font-weight: 700;letter-spacing: 0.3rem;margin-bottom: 50px;color: #fdfdfd;animation: fadeInUp 1s ease 0.2s forwards;opacity: 0;}.hero-video{width: 100%;height: 300px;margin: 0 auto;background: url(/images/globe.gif);background-size: cover;border-radius: var(--border-radius);box-shadow: var(--box-shadow);animation: fadeIn 1.5s ease 0.4s forwards;opacity: 0;}.stats{padding: 80px 0;background-color: rgba(0, 0, 0, 0.7);}.stats-container{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;max-width: 1200px;margin: 0 auto;padding: 0 20px;}.stat-item{text-align: center;padding: 30px;border-radius: var(--border-radius);background: rgba(255, 155, 0, 0.1);transition: var(--transition);}.stat-item:hover{transform: translateY(-10px);background: rgba(255, 155, 0, 0.2);}.stat-number{display: block;font-size: 3rem;font-weight: 700;color: var(--primary-color);margin-bottom: 15px;}.stat-label{font-size: 1.2rem;color: var(--light-color);}.faq{padding: 80px 0;text-align: center;}.section-title{font-size: 2.5rem;color: var(--primary-color);margin-bottom: 60px;letter-spacing: 0.3rem;text-shadow: 0 4px 4px rgba(212, 175, 55, 0.8);}.faq-container{max-width: 800px;margin: 0 auto 40px;}.faq-item{padding: 20px;margin-bottom: 15px;background-color: var(--dark-color);border: 1px solid var(--secondary-color);border-radius: 10px;cursor: pointer;transition: var(--transition);}.faq-question{font-weight: 600;font-size: 1.1rem;color: var(--secondary-color);display: flex;justify-content: space-between;align-items: center;}.faq-question::after{content: '+';font-size: 1.5rem;transition: var(--transition);}.faq-item.active .faq-question::after{content: '-';}.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;color: var(--light-color);padding-top: 0;line-height: 1.6;}.faq-item.active .faq-answer{max-height: 300px;padding-top: 15px;}.faq-item:hover{background-color: rgba(255, 204, 0, 0.1);transform: scale(1.02);}.faq-item.active{background-color: rgba(255, 204, 0, 0.1);}.read-all-btn{background-color: transparent;color: var(--secondary-color);border: 1px solid var(--secondary-color);padding: 15px 40px;font-size: 1.2rem;font-weight: 600;border-radius: 8px;cursor: pointer;transition: var(--transition);}.read-all-btn:hover{background-color: var(--secondary-color);color: var(--dark-color);}.cta{padding: 60px 0;text-align: center;}.cta-container{display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}.cta-btn{min-width: 200px;font-size: 1.2rem;position: relative;overflow: hidden;padding: 10px 24px;border-radius: 5px;}.mining-btn{background-color: var(--secondary-color);color: var(--dark-color);}.mining-btn::before{content: "";position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: rgba(255, 255, 255, 0.1);transform: rotate(45deg);transition: var(--transition);}.mining-btn:hover::before{left: 100%;}.group-btn{background-color: transparent;color: var(--light-color);border: 1px solid var(--secondary-color);}.group-btn:hover{background-color: var(--secondary-color);color: var(--dark-color);}.video-section{padding: 80px 0;background-color: var(--dark-color);text-align: center;}.video-container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.video-wrapper{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin: 40px auto 0;max-width: 1000px;border-radius: var(--border-radius);box-shadow: 0 10px 30px rgba(255, 204, 0, 0.2);}.video-wrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}.featured-image{padding: 60px 0;background-color: var(--dark-color);text-align: center;}.image-container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.responsive-image{max-width: 100%;height: auto;border-radius: var(--border-radius);box-shadow: 0 10px 30px rgba(255, 204, 0, 0.2);transition: var(--transition);}.responsive-image:hover{transform: scale(1.01);box-shadow: 0 15px 40px rgba(255, 204, 0, 0.3);}.footer{background-color: var(--dark-color);padding: 4rem 2rem 2rem;margin-top: 4rem;}.footer-content{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;}.footer-section{margin-bottom: 2rem;}.footer-section h3{font-size: 1.125rem;margin-bottom: 1.5rem;color: var(--light-color);position: relative;padding-bottom: 0.5rem;}.footer-section h3::after{content: "";position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background-color: var(--primary-color);}.footer-section a{display: block;margin-bottom: 0.75rem;color: rgba(255, 255, 255, 0.7);transition: color var(--transition-speed) ease;}.footer-section a:hover{color: var(--primary-color);}.footer-section p{color: rgba(255, 255, 255, 0.7);margin-bottom: 1.5rem;}.btn-primary,.btn-secondary{display: inline-block;padding: 0.75rem 1.5rem;border-radius: 5px;font-weight: 500;text-align: center;transition: all var(--transition-speed) ease;margin-bottom: 1rem;width: 100%;max-width: 200px;}.btn-primary{background-color: var(--primary-color);color:rgba(0, 0, 0, 0.7);}.btn-primary:hover{background-color: var(--secondary-color);transform: translateY(-2px);color:#000000}.btn-secondary{background-color: transparent;color: var(--light-color);border: 1px solid var(--primary-color);}.btn-secondary:hover{background-color: rgba(250, 179, 60, 0.1);transform: translateY(-2px);}.social-icons{display: flex;gap: 1rem;}.social-icons a{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.1);color: var(--light-color);transition: all var(--transition-speed) ease;}.social-icons a:hover{background-color: var(--primary-color);color: var(--dark-color);transform: translateY(-3px);}.footer-bottom{text-align: center;padding-top: 2rem;margin-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.5);font-size: 0.875rem;}.main-container{position: relative;width: 100%;margin-top: 82px;background: var(--dark-color);overflow: hidden;}.video-background{position: absolute;width: 100%;height: 983px;top: 50px;left: -254px;background: url(/images/globe.gif);background-size: cover;z-index: 1;transform: scale(0.3);transform-origin: top left;}.hero-content{position: relative;z-index: 2;padding: 40px 20px;max-width: 1440px;margin: 0 auto;}.sanatocy-description,.vision-section{font-family: "Montserrat", sans-serif;font-size: 1.2rem;font-weight: 500;line-height: 1.5;margin-bottom: 40px;max-width: 1036px;margin-left: auto;margin-right: auto;}.features-section{position: relative;z-index: 3;padding: 60px 20px;max-width: 1248px;margin: 0 auto;background: var(--dark-color);}.feature{margin-bottom: 35px;}.feature-title{font-family: "Montserrat", sans-serif;font-size: 2rem;font-weight: 500;line-height: 1.2;}.feature-desc{font-family: "Montserrat", sans-serif;font-size: 1.5rem;font-weight: 500;line-height: 1.5;color: #fdfdfd;}.design-graphic{position: relative;max-width: 100%;height: 900px;background: url(../assets/Roadmap-ezgif.com-crop.gif);background-size: cover;object-fit: contain;z-index: 4;margin-left: 0px;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}}.app-card{animation: fadeIn 0.5s ease forwards;}.app-card:nth-child(1){animation-delay: 0.1s;}.app-card:nth-child(2){animation-delay: 0.2s;}.app-card:nth-child(3){animation-delay: 0.3s;}.app-card:nth-child(4){animation-delay: 0.4s;}.app-card:nth-child(5){animation-delay: 0.5s;}.app-card:nth-child(6){animation-delay: 0.6s;}@font-face{font-family: "Nico Moji";src: url("fonts/nicomoji.ttf") format("truetype");}@media (max-width: 1024px){.hero-title{flex-direction: column;gap: 10px;}.title-part{font-size: 3rem;}.hero-subtitle{font-size: 1.5rem;}}@media (max-width: 768px){.sanatocy-description,.vision-section{font-size: 1rem;}.feature-title{font-size: 1.2rem;}.feature-desc{font-size: 1rem;}.video-background{height: 600px;}.design-graphic{height: 500px;}.featured-image{padding: 40px 0;}}@media (max-width: 480px){.logo-text{font-size: 1.5rem;}.sanatocy-description,.vision-section{font-size: 0.875rem;}.feature-title{font-size: 1rem;}.feature-desc{font-size: 0.875rem;}.video-background{height: 400px;}.design-graphic{height: 300px;}.featured-image{padding: 30px 0;}.footer-container{grid-template-columns: 1fr;}}@media (min-width: 768px){.download-subtitle{text-align: left;margin-left: 0;position: relative;left: 50%;transform: translateX(-39%);}.content{grid-template-columns: 1fr;}.download-content{text-align: left;}.download-title{flex-direction: row;gap: 1rem;}.download-badges{gap:9rem;}.brand-footer{margin: 0;}.video-placeholder{display: block;}.app-card{flex-direction: column;align-items: flex-start;}}.download-button{margin-left: 0;margin-top: 1rem;align-self: flex-end;}@media (min-width: 840px){.download-section{grid-template-columns: 1fr 2fr;}.download-subtitle{text-align: left;margin-left: 0;position: relative;left: 50%;transform: translateX(-30%);}}@media (min-width: 1024px){.download-subtitle{transform: translateX(-200px)}.video-placeholder{display: block;width: 400px;height: 300px;background: url(/images/globe.gif) no-repeat center;background-size: cover;border-radius: 8px;position: absolute;top: 15rem;right: -12rem;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);margin-top: -50px;}}@media (max-width: 768px){.menu-toggle{display: flex;}.nav-menu{position: fixed;top: 82px;right: -100%;width: 80%;max-width: 400px;height: calc(100vh - 82px);background-color: rgba(0, 0, 0, 0.9);flex-direction: column;justify-content: flex-start;padding-top: 40px;align-items: center;gap: 40px;transition: var(--transition);z-index: 1000;}.nav-menu.active{right: 0;}.nav-links{flex-direction: column;align-items: center;gap: 30px;}.nav-search{margin-top: 20px;}}@media (max-width: 1440px){.sanatocy-description,.vision-section{font-size: 1.2rem;}.feature-title{font-size: 1.5rem;}.feature-desc{font-size: 1.2rem;}.design-graphic{width: 100%;height: 700px;}}@media (max-width: 768px){.featured-image{margin-top: 40px;margin-bottom: 40px;background-color: rgba(0, 0, 0, 0.7);border-top: 1px solid rgba(255, 204, 0, 0.2);border-bottom: 1px solid rgba(255, 204, 0, 0.2);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}}.anime-text{font-family: "Libre Bodoni", sans-serif;font-size: 32px;color: #d4d2d3;position: center;}