@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap');
@font-face{font-family:'Luckiest Guy';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/luckiest-guy-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Luckiest Guy';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/luckiest-guy.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/comfortaa-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/comfortaa-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/comfortaa-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/comfortaa-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/comfortaa-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

:root{
  --script-fallbacks:
    'Noto Sans', 'Noto Sans Arabic', 'Geeza Pro',
    'Noto Sans Hebrew', 'Arial Hebrew',
    'Noto Sans Devanagari', 'Kohinoor Devanagari',
    'Noto Sans Bengali', 'Kohinoor Bangla',
    'Noto Sans Gujarati', 'Kohinoor Gujarati',
    'Noto Sans Gurmukhi', 'Gurmukhi MN',
    'Noto Sans Tamil', 'Tamil Sangam MN',
    'Noto Sans Telugu', 'Kohinoor Telugu',
    'Noto Sans Kannada', 'Kannada Sangam MN',
    'Noto Sans Malayalam', 'Malayalam Sangam MN',
    'Noto Sans Oriya', 'Kohinoor Oriya',
    'Noto Sans Sinhala', 'Sinhala Sangam MN',
    'Noto Sans Thai', 'Thonburi',
    'Noto Sans Lao', 'Lao Sangam MN',
    'Noto Sans Myanmar', 'Myanmar Sangam MN',
    'Noto Sans Khmer', 'Khmer Sangam MN',
    'Noto Sans Ethiopic', 'Kefa',
    'Noto Sans Armenian', 'Mshtakan',
    'Noto Sans Georgian',
    'Noto Sans JP', 'Hiragino Sans',
    'Noto Sans KR', 'Apple SD Gothic Neo',
    'Noto Sans SC', 'PingFang SC',
    sans-serif;

  --display-fallbacks:
    'Nunito', 'Comfortaa',
    'Noto Sans', 'Noto Sans Arabic', 'Geeza Pro',
    'Noto Sans Hebrew', 'Arial Hebrew',
    'Noto Sans Devanagari', 'Kohinoor Devanagari',
    'Noto Sans Bengali', 'Kohinoor Bangla',
    'Noto Sans Gujarati', 'Kohinoor Gujarati',
    'Noto Sans Gurmukhi', 'Gurmukhi MN',
    'Noto Sans Tamil', 'Tamil Sangam MN',
    'Noto Sans Telugu', 'Kohinoor Telugu',
    'Noto Sans Kannada', 'Kannada Sangam MN',
    'Noto Sans Malayalam', 'Malayalam Sangam MN',
    'Noto Sans Oriya', 'Kohinoor Oriya',
    'Noto Sans Sinhala', 'Sinhala Sangam MN',
    'Noto Sans Thai', 'Thonburi',
    'Noto Sans Lao', 'Lao Sangam MN',
    'Noto Sans Myanmar', 'Myanmar Sangam MN',
    'Noto Sans Khmer', 'Khmer Sangam MN',
    'Noto Sans Ethiopic', 'Kefa',
    'Noto Sans Armenian', 'Mshtakan',
    'Noto Sans Georgian',
    'Noto Sans JP', 'Hiragino Sans',
    'Noto Sans KR', 'Apple SD Gothic Neo',
    'Noto Sans SC', 'PingFang SC',
    sans-serif;

  --bg1:#667eea;
  --bg2:#764ba2;
  --glass:rgba(255,255,255,.12);
  --glass-border:rgba(255,255,255,.22);
  --text:#ffffff;
  --text-dim:rgba(255,255,255,.85);
  --accent:#ffd700;
  --card-radius:20px;
  --shadow:0 8px 32px rgba(31,38,135,.37);
}

*{margin:0;padding:0;box-sizing:border-box}

html{min-height:100%}

body{
  font-family:'Balsamiq Sans',var(--script-fallbacks);
  color:var(--text);
  background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 100%);
  min-height:100vh;overflow-x:hidden
}

a{color:inherit}

.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}

.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0));backdrop-filter:blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.5px}
.brand-logo{width:38px;height:38px;border-radius:10px;display:block;object-fit:cover}
.brand-title{font-family:'Luckiest Guy','Nunito','Comfortaa',var(--display-fallbacks);font-weight:900;font-size:1.25rem}

.nav{display:flex;gap:14px;align-items:center}
.nav a{font-size:.95rem;text-decoration:none;opacity:.92;transition:.2s ease;padding:8px 10px;border-radius:10px}
.nav a:hover{background:rgba(255,255,255,.12);opacity:1}

.header-actions{display:flex;gap:10px;align-items:center}
#language-select{appearance:none;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);padding:8px 12px;border-radius:10px;backdrop-filter:blur(8px)}
.cta-btn{display:inline-flex;align-items:center;gap:8px;background:#111;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25)}


.home-wrap{position:relative;z-index:10;padding:24px 0}
.main-card{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--card-radius);border:1px solid var(--glass-border);width:100%;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:var(--shadow);position:relative}
.video-container{position:relative;width:100%;height:520px;overflow:hidden}
.video-container video{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.content-overlay{padding:30px 20px;text-align:center;color:var(--text)}
.title{font-family:'Luckiest Guy','Nunito','Comfortaa',var(--display-fallbacks);font-weight:900;font-size:2.6rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.subtitle{font-size:1.05rem;opacity:.95;max-width:720px;margin:0 auto}

.badges{display:flex;gap:20px;justify-content:center;align-items:center;margin:22px 0;flex-wrap:wrap}
.badges img{height:60px;width:auto}
.badges img.gp{height:80px}

.stats{display:flex;justify-content:center;gap:18px;margin:12px 0 8px;flex-wrap:wrap}
.stat{min-width:120px;background:rgba(255,255,255,.08);border:1px solid var(--glass-border);border-radius:14px;padding:14px 12px}
.stat-label{font-size:.85rem;opacity:.9}
.stat-number{font-size:1.6rem;font-weight:700;color:var(--accent);text-shadow:1px 1px 2px rgba(0,0,0,.5)}

.section{position:relative;z-index:10;padding:64px 0}
.section-title{font-family:'Luckiest Guy','Nunito','Comfortaa',var(--display-fallbacks);font-weight:900;text-align:center;font-size:2rem;margin-bottom:28px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:18px;text-align:center}
.feature-emoji{font-size:28px}
.feature h3{font-size:1.5rem;margin-top:8px}
.feature p{opacity:.95;font-size:.95rem;margin-top:6px}

.reviews{overflow:auto;display:flex;gap:14px;scroll-snap-type:x mandatory;padding:0 16px 8px}
.review{flex:0 0 280px;scroll-snap-align:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:16px}
.review-stars{color:#ffd700;font-size:18px;margin-bottom:6px}
.review-author{opacity:.9;margin-top:8px;font-size:.95rem}

#reviews .container{max-width:none;padding-left:0;padding-right:0}
.about-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.about-card{background:linear-gradient(var(--glass),var(--glass)) padding-box,linear-gradient(135deg,rgba(255,255,255,.35),rgba(123,97,255,.35),rgba(255,149,128,.35)) border-box;border:1px solid transparent;border-radius:16px;padding:18px;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.about-card h3{font-family:'Luckiest Guy','Nunito','Comfortaa',var(--display-fallbacks);font-weight:900;font-size:2rem;margin-bottom:8px}
.about-card p{opacity:.95}
.about-card ul{list-style:none;margin:8px 0 0 0;padding:0}
.about-card li{position:relative;padding-left:22px;margin:6px 0}
.about-card li::before{content:"";position:absolute;left:0;top:.35rem;width:.9rem;height:.9rem;opacity:.9;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C8.6 4.4 11.6 7.4 16 8C11.6 8.6 8.6 11.6 8 16C7.4 11.6 4.4 8.6 0 8C4.4 7.4 7.4 4.4 8 0Z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C8.6 4.4 11.6 7.4 16 8C11.6 8.6 8.6 11.6 8 16C7.4 11.6 4.4 8.6 0 8C4.4 7.4 7.4 4.4 8 0Z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
.about-card::after{content:"";position:absolute;right:-20%;top:-20%;width:60%;height:60%;background:radial-gradient(closest-side,rgba(255,255,255,.25),rgba(255,255,255,0));transform:rotate(25deg)}
.about-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.span-12{grid-column:span 12}
.span-8{grid-column:span 8}
.span-6{grid-column:span 6}
.span-4{grid-column:span 4}
.span-3{grid-column:span 3}
.faq{max-width:840px;margin:0 auto}
.faq details{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:10px;padding:10px 14px}
.faq summary{cursor:pointer;font-weight:700}
.faq p{opacity:.95;margin-top:8px}

.site-footer{position:relative;z-index:10;color:var(--text-dim);border-top:1px solid var(--glass-border);margin-top:40px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px}
.footer-links{display:flex;gap:14px}
.footer-links a{text-decoration:none}

.doc{position:relative;z-index:10;max-width:960px;margin:40px auto;background:#fff;color:#333;border-radius:20px;padding:40px;box-shadow:var(--shadow)}
.doc h1{color:#667eea;margin-bottom:20px;font-size:2.2rem;text-align:center}
.doc h2{color:#764ba2;margin:24px 0 12px;font-size:1.4rem}
.doc p{margin-bottom:12px;line-height:1.8}
.back-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#667eea;text-decoration:none;font-weight:700}
.back-link-icon{flex:none;width:1em;height:1em}
[dir=rtl] .back-link-icon{transform:scaleX(-1)}
.back-link:hover{text-decoration:underline}

@media (max-width:960px){
  .features{grid-template-columns:repeat(2,1fr)}
  .video-container{height:420px}
  .about-bento{grid-template-columns:repeat(6,1fr)}
  .about-bento>*{grid-column:span 6}
  .about-card h3{font-size:1.8rem}
  .feature h3{font-size:1.35rem}
}

@media (max-width:520px){
  .title{font-size:2rem}
  .video-container{height:360px}
  .header-inner{padding:10px 14px}
  .nav{display:none}
  .about-bento{grid-template-columns:1fr}
  .about-bento>*{grid-column:1/-1}
  .about-card h3{font-size:1.5rem}
  .feature h3{font-size:1.2rem}
}