:root{--primary-color: #0a192f;--secondary-color: #64ffda;--text-color: #8892b0;--heading-color: #ccd6f6;--bg-color: #ffffff;--light-bg: #f8f9fa;--white: #ffffff;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3{color:var(--primary-color);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.bg-light{background-color:var(--light-bg)}.bg-blue{background-color:var(--primary-color);color:var(--white)}.text-white{color:var(--white)}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.section-header h2{font-size:2.5rem;margin-bottom:15px}.section-header p{font-size:1.1rem;color:#666}.row{display:flex;align-items:center;justify-content:space-between;gap:50px}.row.reverse{flex-direction:row-reverse}.col-text{flex:1}.col-image{flex:1;display:flex;justify-content:center}.btn{display:inline-block;padding:12px 30px;border-radius:5px;font-weight:600;cursor:pointer;border:2px solid transparent}.btn-primary{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-primary:hover{background-color:transparent;color:var(--primary-color)}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white)}.navbar{padding:20px 0;position:fixed;width:100%;background:#fffffff2;box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a:not(.btn){font-weight:500;color:var(--primary-color)}.nav-links a:not(.btn):hover{color:var(--secondary-color)}.hero{padding-top:140px;padding-bottom:80px;min-height:80vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero-text h1{font-size:3.5rem;margin-bottom:20px}.hero-text .subtitle{font-size:1.25rem;color:#555;margin-bottom:30px}.hero-cta{display:flex;gap:20px}.hero-image img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 20px 50px #0000001a}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d;text-align:center;transition:var(--transition)}.card:hover{transform:translateY(-5px)}.icon-box{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#e6f7ff;border-radius:50%}.icon-box img{width:40px}.card h3{margin-bottom:10px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.feature-block{display:flex;gap:20px}.feature-icon{flex-shrink:0;width:60px;height:60px;background:#eef2f5;border-radius:10px;display:flex;align-items:center;justify-content:center}.feature-icon img{width:30px}.feature-text h3{margin-bottom:10px;font-size:1.2rem}.reverse-mobile{display:flex;align-items:center;justify-content:space-between;gap:50px}.col-text h2{color:#333;margin-bottom:20px}.text-white-opacity{color:#fffc!important}.text-accent{color:var(--secondary-color)!important}.telegram-icon-box{background:#fff;padding:40px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0000004d}.telegram-icon-box .mockup-img{max-height:120px;width:auto;filter:none}.bg-blue .feature-list-check li{color:#ffffffe6}.bg-blue .section-header h2{color:#fff}.lead{font-size:1.2rem;margin-bottom:30px;opacity:.9}.ux-list li{margin-bottom:20px}.ux-list strong{color:var(--primary-color)}.feature-list-check li{margin-bottom:15px;position:relative;padding-left:30px}.feature-list-check li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.large-icon{width:150px;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.mockup-img{max-width:100%;height:auto;max-height:400px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.centered{text-align:center}.tech-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px}.tech-card{text-align:center;max-width:300px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d}.tech-card img{height:60px;margin-bottom:20px}.value-split,.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000014;background:#fff;margin-top:40px}.value-col{padding:60px 50px;text-align:center}.provider-col{background:#fff}.whish-col{background:#e0f7fa}.value-col h3{margin-bottom:35px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:15px;display:inline-block;font-size:1.4rem}.value-col ul{text-align:center}.value-col ul li{margin-bottom:20px;padding-left:0;position:relative;list-style-type:none}.value-col ul li:before{content:"•";color:var(--primary-color);font-weight:700;margin-right:8px}.cta-section{text-align:center;background:linear-gradient(135deg,#0a192f,#112240);color:#fff}.cta-section h2{color:#fff;margin-bottom:15px}.contact-card{background:#ffffff1a;padding:30px;border-radius:10px;display:inline-block;margin-top:30px;text-align:left;min-width:300px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-card h3{color:var(--secondary-color);margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.contact-card p{margin-bottom:10px}footer{background:#020c1b;color:#a8b2d1;padding:40px 0;font-size:.9rem}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.footer-links a{color:#a8b2d1;margin:0 5px}.footer-links a:hover{color:var(--secondary-color)}.separator{margin:0 5px;opacity:.5}.footer-contact-info{text-align:center;font-size:.85rem;opacity:.7}@media (max-width: 768px){.hero-content,.grid-3,.grid-2,.reverse-mobile,.value-split,.value-grid,.row,.row.reverse{grid-template-columns:1fr;flex-direction:column}.row.reverse{flex-direction:column-reverse}.navbar .nav-links{display:none}.hero{padding-top:100px;text-align:center}.hero-cta{justify-content:center}.footer-content{flex-direction:column;text-align:center;gap:15px}.col-image{margin-top:30px}}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.feature-block h4{color:var(--primary-color);font-weight:600}
