:root {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --color-bg: #f5f5f7;
  --color-surface: #ffffff;
  --color-text: #1d1d1f;
  --color-text-secondary: #6e6e73;
  --color-accent: #6c5ce7;
  --color-accent-hover: #5a4bd1;
  --color-border: #e5e5ea;
  --color-star: #f59e0b;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 30px rgba(0,0,0,0.08);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.10);
  --max-width: 1200px;
  --header-h: 72px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;font-weight:400}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}

.header{position:sticky;top:0;z-index:100;background:rgba(245,245,247,0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);height:var(--header-h)}
.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%}
.logo a{display:flex;align-items:center;gap:10px}
.logo img{width:50px;height:50px;border-radius:var(--radius-sm)}
.logo .logo-line1{font-weight:700;font-size:1.25rem;letter-spacing:-0.02em;color:var(--color-text)}
.nav__list{display:flex;list-style:none;gap:32px}
.nav__list a{font-size:0.9rem;font-weight:500;color:var(--color-text-secondary);transition:color 0.2s}
.nav__list a:hover{color:var(--color-text)}
.header__notice{font-size:0.75rem;color:#a1a1a6;max-width:200px;text-align:right;line-height:1.3}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.burger__line{width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all 0.3s}

main{flex:1}
section {
  overflow: hidden;
}
.hero{padding:80px 24px 100px}
.hero__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero__title{font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:-0.03em;margin-bottom:20px;color:var(--color-text)}
.hero__subtitle{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;max-width:480px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.hero__rating{display:flex;align-items:center;gap:6px;font-size:0.9rem;color:var(--color-text-secondary)}
.hero__rating i{color:var(--color-star);font-size:0.85rem}
.hero__image{display:flex;justify-content:center}
.hero__image img{object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:320px;height:auto;aspect-ratio:1/2}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-md);transition:all 0.25s;cursor:pointer;border:none;font-family:var(--font-body)}
.btn--store{padding:12px 22px;font-size:0.85rem;line-height:1.2;color:#fff;min-width:160px}
.btn--store i{font-size:1.5rem}
.btn--store small{display:block;font-size:0.65rem;font-weight:400;opacity:0.85;text-transform:uppercase;letter-spacing:0.04em}
.btn--appstore{background:#1d1d1f}
.btn--appstore:hover{background:#3a3a3d}
.btn--googleplay{background:var(--color-accent)}
.btn--googleplay:hover{background:var(--color-accent-hover)}
.btn--submit{background:var(--color-accent);color:#fff;padding:14px 36px;font-size:1rem;width:100%;border-radius:var(--radius-md)}
.btn--submit:hover{background:var(--color-accent-hover)}

.section__kicker{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-accent);margin-bottom:10px}
.section__title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:40px;line-height:1.2}

.features{padding:100px 24px;background:var(--color-surface)}
.features__inner{max-width:var(--max-width);margin:0 auto}
.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feature-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:36px 28px;transition:transform 0.25s,box-shadow 0.25s}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.feature-card__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:1.3rem;margin-bottom:20px}
.feature-card__title{font-size:1.1rem;font-weight:600;margin-bottom:10px}
.feature-card__desc{font-size:0.92rem;color:var(--color-text-secondary);line-height:1.55}

.how{padding:100px 24px}
.how__inner{max-width:var(--max-width);margin:0 auto}
.how__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.step{padding:32px 28px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.step__num{font-size:3rem;font-weight:800;letter-spacing:-0.03em;color:var(--color-accent);line-height:1;margin-bottom:16px;opacity:0.7}
.step__title{font-size:1.15rem;font-weight:600;margin-bottom:10px}
.step__desc{font-size:0.92rem;color:var(--color-text-secondary);line-height:1.55}

.security{padding:100px 24px;background:linear-gradient(135deg,#2d1b69 0%,#1a1a2e 100%);color:#f5f5f7}
.security__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.security__content .section__kicker{color:#b8a9e8}
.security__content .section__title{margin-bottom:20px}
.security__lead{font-size:1.05rem;margin-bottom:28px;opacity:0.85;line-height:1.6;max-width:560px}
.security__list{list-style:none;display:flex;flex-direction:column;gap:14px}
.security__list li{display:flex;align-items:center;gap:12px;font-size:0.95rem}
.security__list i{color:#b8a9e8;width:20px;text-align:center}
.security__badge{display:flex;align-items:center;justify-content:center}
.security__shield{width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px solid rgba(255,255,255,0.15)}
.security__shield i{font-size:2.8rem;color:#b8a9e8}
.security__shield span{font-size:0.9rem;font-weight:600;letter-spacing:0.04em}

.stats{padding:80px 24px;background:var(--color-surface)}
.stats__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat__value{display:block;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-0.02em;color:var(--color-accent);line-height:1.1}
.stat__label{display:block;font-size:0.9rem;color:var(--color-text-secondary);margin-top:6px}

.testimonials{padding:100px 24px}
.testimonials__inner{max-width:var(--max-width);margin:0 auto}
.testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}
.testimonial-card__stars{margin-bottom:14px;display:flex;gap:3px}
.testimonial-card__stars i{color:var(--color-star);font-size:0.8rem}
.testimonial-card__text{font-size:0.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:18px}
.testimonial-card__author{display:flex;align-items:center;gap:12px}
.testimonial-card__author img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.testimonial-card__author strong{display:block;font-size:0.9rem;font-weight:600}
.testimonial-card__author span{font-size:0.8rem;color:var(--color-text-secondary)}

.download{padding:100px 24px;background:var(--color-surface)}
.download__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.download__desc{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:28px;max-width:440px;line-height:1.6}
.download__buttons{display:flex;gap:14px;flex-wrap:wrap}
.qr-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--color-bg);padding:28px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.qr-card img{width:160px;height:160px;object-fit:contain;border-radius:var(--radius-sm)}
.qr-card span{font-size:0.85rem;color:var(--color-text-secondary);font-weight:500}

.contact-faq{padding:100px 24px}
.contact-faq__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px}
.form{display:flex;flex-direction:column;gap:18px}
.form__group{display:flex;flex-direction:column;gap:6px}
.form__group label{font-size:0.85rem;font-weight:500}
.form__group input,.form__group textarea,.form__group select{font-family:var(--font-body);font-size:0.95rem;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color 0.2s;outline:none;color:var(--color-text)}
.form__group input:focus,.form__group textarea:focus,.form__group select:focus{border-color:var(--color-accent)}
.form__group textarea{resize:vertical;min-height:100px}
.form__group--checkbox{flex-direction:row;align-items:flex-start;gap:10px}
.form__group--checkbox input{width:18px;height:18px;margin-top:3px;flex-shrink:0}
.form__group--checkbox label{font-size:0.85rem;color:var(--color-text-secondary)}

.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.faq-item__q{font-weight:600;font-size:0.95rem;padding:16px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}
.faq-item__q::after{content:'+';font-size:1.2rem;font-weight:400;color:var(--color-accent);transition:transform 0.25s}
.faq-item[open] .faq-item__q::after{content:'−'}
.faq-item__a{padding:0 20px 16px;font-size:0.9rem;color:var(--color-text-secondary);line-height:1.6}

.footer{background:var(--color-text);color:#a1a1a6;padding:52px 24px 32px;margin-top:auto}
.footer__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:28px 48px;font-size:0.9rem}
.footer__brand .logo img{width:50px;height:50px;border-radius:var(--radius-sm)}
.footer__brand .logo .logo-line1{color:#f5f5f7}
.footer__contact{display:flex;flex-direction:column;gap:4px}
.footer__contact p{line-height:1.5}
.footer__disclaimer{grid-column:1/-1;font-size:0.85rem;color:#8e8e93;line-height:1.6;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}
.footer__copy{grid-column:1/-1;font-size:0.85rem;padding-top:16px;border-top:1px solid rgba(255,255,255,0.08);color:#8e8e93}

.back-to-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s;z-index:50;color:var(--color-text)}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}

@media (max-width:1024px){
  .features__grid{grid-template-columns:repeat(2,1fr)}
  .security__inner{grid-template-columns:1fr}
  .security__badge{display:none}
  .contact-faq__inner{grid-template-columns:1fr;gap:60px}
}
@media (max-width:768px){
  .nav{position:fixed;top:var(--header-h);left:0;right:0;background:rgba(245,245,247,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;display:none;border-bottom:1px solid var(--color-border)}
  .nav.open{display:block}
  .nav__list{flex-direction:column;gap:20px}
  .header__notice{display:none}
  .burger{display:flex}
  .hero__inner{grid-template-columns:1fr;text-align:center;gap:40px}
  .hero__subtitle{margin-left:auto;margin-right:auto}
  .hero__cta{justify-content:center}
  .hero__rating{justify-content:center}
  .hero__image img{max-width:240px}
  .features__grid{grid-template-columns:1fr 1fr}
  .how__steps{grid-template-columns:1fr}
  .stats__inner{grid-template-columns:repeat(2,1fr)}
  .testimonials__grid{grid-template-columns:1fr}
  .download__inner{grid-template-columns:1fr;text-align:center}
  .download__buttons{justify-content:center}
  .footer__inner{grid-template-columns:1fr}
  .hero{padding:48px 16px 60px}
  .features,.how,.security,.stats,.testimonials,.download,.contact-faq{padding:60px 16px}
  .section__title{font-size:1.5rem;margin-bottom:28px}
}
@media (max-width:480px){
  .hero__cta{flex-direction:column;align-items:center}
  .features__grid{grid-template-columns:1fr}
  .stats__inner{grid-template-columns:1fr 1fr;gap:20px}
  .download__buttons{flex-direction:column;align-items:center}
    .hero__title {
      font-size: 32px;
    }
}

.thanks-main{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f7 0%,#e8e8ed 100%);min-height:calc(100vh - var(--header-h));padding:40px 20px}
.thanks-container{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.thanks-logo{width:50px;height:50px;border-radius:var(--radius-sm);margin-bottom:4px}
.thanks-card{max-width:560px;background:var(--color-surface);padding:44px 40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:16px}
.thanks-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff}
.thanks-title{font-size:1.8rem;font-weight:700;letter-spacing:-0.02em}
.thanks-text{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.65}
.thanks-sub{font-size:0.9rem;color:#a1a1a6}

.thanks-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 100%);
  min-height: calc(100vh - var(--header-h));
  padding: 40px 20px;
}

.thanks-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}

.thanks-logo {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-sm);
  margin-bottom: 4px;
}

.thanks-card {
  max-width: 560px;
  background: var(--color-surface);
  padding: 44px 40px;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.thanks-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6c5ce7, #a29bfe);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff;
}

.thanks-title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.thanks-text {
  font-size: 1.05rem;
  color: var(--color-text-secondary);
  line-height: 1.65;
}

.thanks-sub {
  font-size: 0.9rem;
  color: #a1a1a6;
}

.footer__legal {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 4px;
}

.footer__legal a {
  color: #c0c0c8;
  font-weight: 500;
  font-size: 0.9rem;
  transition: color 0.2s;
}

.footer__legal a:hover {
  color: #f5f5f7;
}

.legal-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 48px 20px;
}

.legal-content h1 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
  line-height: 1.2;
  color: var(--color-text);
}

.legal-content h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: var(--color-text);
}

.legal-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.legal-content p {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-text-secondary);
}

.legal-content ul,
.legal-content ol {
  margin: 1rem 0 1.5rem 1.5rem;
}

.legal-content li {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
}

.legal-content strong {
  color: var(--color-text);
}

.legal-content a {
  color: var(--color-accent);
  text-decoration: underline;
  font-weight: 500;
}

.legal-content a:hover {
  color: var(--color-accent-hover);
}

.legal-content span {
  color: var(--color-text);
  font-weight: 500;
}

.contact-details {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 1rem;
  color: var(--color-text-secondary);
}

.contact-item i {
  color: var(--color-accent);
  width: 20px;
  text-align: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.contact-item span strong {
  font-weight: 600;
}

@media (max-width: 768px) {
  .legal-content {
    padding: 32px 16px;
  }

  .legal-content h1 {
    font-size: 1.7rem;
  }

  .legal-content h2 {
    font-size: 1.3rem;
  }
}