:root{--bg-color: #1a1a2e;--text-main: #ffffff;--text-scd: #a0a0b0;--accent-blue: #33BBFF;--accent-gradient: linear-gradient(90deg, #33BBFF, #66CCFF);--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .1);--btn-shadow: 0 4px 15px rgba(51, 187, 255, .4);--font-main: "Unbounded", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;overflow-x:hidden;position:relative}#app{max-width:100vw;min-height:100vh;display:flex;flex-direction:column;position:relative}.header{position:absolute;top:0;left:0;width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.logo-text{font-size:14px;font-weight:300;color:#fffc}.logo-text span:last-child{font-weight:600;color:#fff}.lang-switch-wrapper{position:relative;z-index:20}.lang-switch{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:background .3s}.lang-switch:hover{background:#fff3}.current-lang-name{font-size:14px;font-weight:400}.chevron-icon{width:14px;height:14px}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#2a2a3e;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:none;flex-direction:column;min-width:120px;box-shadow:0 4px 12px #0000004d}.lang-dropdown.show{display:flex}.lang-item{padding:10px 16px;font-size:14px;cursor:pointer;transition:background .2s;color:#fff}.lang-item:hover{background:#ffffff1a}.hero-image-wrap{position:relative;width:100%;height:60vh;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(26,26,46,.2),var(--bg-color))}.image-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.dot{width:8px;height:8px;background:#fff6;border-radius:50%;cursor:pointer;transition:all .3s}.dot:hover{background:#fffc}.dot.active{background:#3bf;width:24px;border-radius:4px;box-shadow:0 0 10px #33bbff80}.content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px 40px;margin-top:-100px;z-index:5}.main-title{font-size:32px;font-weight:700;margin-bottom:20px;line-height:1.3;max-width:900px}.accent-blue{color:var(--accent-blue)}.sub-title{font-size:16px;color:var(--text-scd);margin-bottom:40px;max-width:700px;font-weight:300}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#fff;text-decoration:none;font-weight:600;font-size:18px;padding:16px 40px;border-radius:50px;position:relative;overflow:hidden;box-shadow:var(--btn-shadow);transition:transform .2s,box-shadow .2s;margin-bottom:60px;gap:10px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3bf9}.shine-layer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 70%,transparent 100%);animation:shine 5s ease-in-out infinite;pointer-events:none}@keyframes shine{0%{left:-100%}50%{left:150%}to{left:150%}}.btn-icon{width:20px;height:20px}.wa-icon{width:24px;height:24px}.hand-icon{position:absolute;bottom:-20px;right:-20px;color:#ffffff4d;font-size:40px;animation:point 2s infinite}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1400px;margin-top:20px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;display:flex;align-items:flex-start;text-align:left;gap:16px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);background:#ffffff14}.f-icon{background:#33bbff1a;color:var(--accent-blue);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.f-text-content{display:flex;flex-direction:column}.f-title{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.f-desc{font-size:14px;color:var(--text-scd);line-height:1.4}@media(max-width:768px){.main-title{font-size:24px}.sub-title{font-size:14px}.features-grid{grid-template-columns:1fr;display:grid;overflow-x:visible;padding:0;margin:20px 0;width:100%}.hero-image-wrap{height:50vh}}