@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg-deep: #08080c;--bg-card: #111116;--bg-elevated: #19191f;--text-primary: #f0f0f5;--text-secondary: #7a7a8e;--border: rgba(255, 255, 255, .06);--outline-border: rgba(255, 255, 255, .12);--purple: #6366f1;--pink: #ec4899;--gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899);--navbar-bg: rgba(8, 8, 12, .8);--badge-bg: rgba(99, 102, 241, .12);--badge-color: #a5b4fc;--badge-border: rgba(99, 102, 241, .15);--text-muted: rgba(255, 255, 255, .5);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .1), rgba(236, 72, 153, .1));--mobile-nav-bg: rgba(8, 8, 12, .95);--card-hover-shadow: rgba(99, 102, 241, .15);--hero-orb1: rgba(99, 102, 241, .18);--hero-orb2: rgba(236, 72, 153, .15);--footer-text: rgba(255, 255, 255, .6);--footer-link: rgba(255, 255, 255, .5);--code-bg: #0d0d14;--font-family-base: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 100px;--max-width-layout: 1100px}[data-theme=light]{--bg-deep: #ffffff;--bg-card: #f5f5f7;--bg-elevated: #ffffff;--text-primary: #1a1a2e;--text-secondary: #64648c;--border: rgba(0, 0, 0, .08);--outline-border: rgba(26, 26, 46, .15);--navbar-bg: rgba(255, 255, 255, .85);--badge-bg: rgba(99, 102, 241, .08);--badge-color: #6366f1;--badge-border: rgba(99, 102, 241, .1);--text-muted: rgba(26, 26, 46, .5);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .06), rgba(236, 72, 153, .06));--mobile-nav-bg: rgba(255, 255, 255, .95);--card-hover-shadow: rgba(99, 102, 241, .12);--hero-orb1: rgba(99, 102, 241, .1);--hero-orb2: rgba(236, 72, 153, .08);--footer-text: rgba(26, 26, 46, .6);--footer-link: rgba(26, 26, 46, .5);--code-bg: #f0f0f5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}h1{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.04em;line-height:1}h2{font-size:clamp(2rem,4.5vw,3rem)}h3{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}h4{font-size:1.1rem;font-weight:700}p{margin:0 0 1em;color:var(--text-secondary)}small{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}a{color:var(--purple);text-decoration:none;font-weight:500;transition:color .2s}a:hover{color:var(--pink)}.btn-gradient{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient);color:#fff;padding:.9rem 2rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 20px #6366f14d;transition:transform .2s ease,box-shadow .2s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166;color:#fff}.btn-gradient:active{transform:scale(.98)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-primary);padding:.9rem 2rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-weight:700;border:2px solid var(--outline-border);cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease}.btn-outline:hover{border-color:var(--pink);color:var(--pink)}.btn-outline:active{transform:scale(.98)}.btn-sm{padding:.5rem 1.25rem;font-size:.85rem;border-radius:var(--radius-md)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.platform-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.3rem .8rem;border-radius:var(--radius-sm);background:var(--badge-bg);color:var(--badge-color);border:1px solid var(--badge-border)}.app-card{background:var(--bg-elevated);border-radius:var(--radius-3xl);border:1px solid var(--border);overflow:hidden;transition:all .4s ease}.app-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px var(--card-hover-shadow);border-color:#6366f133}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2rem 1rem;text-align:center}.stat-card h3{font-size:2.5rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.stat-card p{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}input,textarea,select{font-family:inherit;font-size:.9rem;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--purple)}.section{padding:6rem 2rem}.inner{max-width:var(--max-width-layout);margin:0 auto}.container{max-width:var(--max-width-layout);margin:0 auto;padding:1rem}#root{width:100%;height:100%;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--navbar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;transition:background .3s}.navbar__logo{display:flex;align-items:center;text-decoration:none}.navbar__logo img{height:36px;width:auto;object-fit:contain}.navbar__logoPlaceholder{height:34px;padding:0 12px;display:inline-flex;align-items:center;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px}.navbar__links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar__links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:600;transition:color .2s}.navbar__links a:hover{color:var(--text-primary)}.navbar__cta{background:var(--gradient);color:#fff!important;-webkit-text-fill-color:#fff!important;padding:.5rem 1.25rem;border-radius:10px;font-size:.85rem!important;transition:opacity .2s,transform .2s!important}.navbar__cta:hover{opacity:.9;transform:translateY(-1px)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.navbar__hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px}.navbar__controls{display:flex;align-items:center;gap:.5rem}.navbar__themeToggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:1.1rem}.navbar__themeToggle:hover{border-color:var(--purple);transform:translateY(-1px)}.navbar__langToggle{height:40px;padding:0 .85rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;font-family:inherit;transition:all .3s;text-transform:uppercase;letter-spacing:.05em}.navbar__langToggle:hover{border-color:var(--purple);transform:translateY(-1px)}.navbar__flag{font-size:1rem}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;padding:1.5rem 2rem;gap:1rem;border-bottom:1px solid var(--border)}.navbar__links--open{display:flex}}.footer{position:relative;padding:3rem 2rem;background:var(--bg-card);color:var(--footer-text);border-top:1px solid var(--border)}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--gradient)}.footer__inner{max-width:var(--max-width-layout);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer__logo{display:flex;align-items:center}.footer__logo img{height:30px;width:auto;object-fit:contain}.footer__links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.footer__links a{color:var(--footer-link);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}.footer__links a:hover{color:var(--text-primary)}.footer__copy{font-size:.8rem;color:var(--footer-text)}@media(max-width:768px){.footer__inner{flex-direction:column;gap:1.5rem;text-align:center}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,var(--hero-orb1) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-10%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--hero-orb2) 0%,transparent 70%);pointer-events:none}.hero__content{position:relative;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--badge-bg);font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--radius-full);margin-bottom:2rem;border:1px solid var(--badge-border)}.hero__badge span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:1.5rem;max-width:800px}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-secondary);max-width:520px;margin:0 auto 2.5rem;line-height:1.7}.hero__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero__buttons .btn-gradient svg,.hero__buttons .btn-outline svg{transition:transform .2s}.hero__buttons .btn-gradient:hover svg{transform:translate(3px)}.apps{background:var(--bg-card)}.apps__inner{max-width:var(--max-width-layout);margin:0 auto}.apps__header{text-align:center;margin-bottom:3.5rem}.apps__header .section-subtitle{margin:0 auto}.section-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;line-height:1.1}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:560px;line-height:1.7}.apps__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.app-card__img{width:100%;height:220px;display:flex;align-items:center;justify-content:center;position:relative}.app-card__img--trivia{background:linear-gradient(135deg,#5eead4,#8b5cf6,#f472b6)}.app-card__img--imovid{background:linear-gradient(135deg,#0f172a,#065f6b,#1e3a5f)}.app-card__icon{width:120px;height:120px;border-radius:28px;object-fit:cover;box-shadow:0 8px 32px #00000040;border:2px solid rgba(255,255,255,.15);transition:transform .3s ease}.app-card:hover .app-card__icon{transform:scale(1.05)}.app-card__body{padding:1.75rem}.app-card__body h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.app-card__body p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.25rem}.app-card__platforms{display:flex;gap:.5rem}.platform-badge--link{text-decoration:none;transition:all .2s ease;cursor:pointer}.platform-badge--link:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-1px);color:var(--badge-color)}@media(max-width:768px){.apps__grid{grid-template-columns:1fr}}.about{background:var(--bg-deep);position:relative;overflow:hidden}.about__inner{max-width:var(--max-width-layout);margin:0 auto}.about__header{text-align:center;margin-bottom:3.5rem}.about__header .section-subtitle{margin:0 auto}.about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3.5rem}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--card-hover-shadow);border-color:#6366f133}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about__text h3{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;line-height:1.2}.about__text p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1.5rem}.about__text .btn-gradient{font-size:.9rem;padding:.75rem 1.75rem}.about__visual{background:var(--bg-card);border-radius:var(--radius-3xl);padding:2.5rem;border:1px solid var(--border)}.about__features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about__feature{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.about__featureIcon{width:28px;height:28px;border-radius:8px;background:var(--gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about__featureIcon svg{stroke:#fff}@media(max-width:768px){.about__stats{grid-template-columns:repeat(2,1fr)}.about__grid{grid-template-columns:1fr;gap:2rem}.about__features{grid-template-columns:1fr}}