:root{--pp-primary:#0066FF;--pp-primary-hover:#0052CC;--pp-primary-light:#E6F0FF;--ppv-bg:#F8F9FB;--ppv-card:#FFFFFF;--ppv-card-glass:rgba(255, 255, 255, 0.85);--ppv-text:#1A1A1A;--ppv-text-muted:#6B7280;--ppv-border:#E5E7EB;--ppv-border-glass:rgba(255, 255, 255, 0.3);--ppv-success:#10B981;--ppv-error:#EF4444;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-glass:0 8px 32px rgba(0, 102, 255, 0.12);--radius:16px;--radius-sm:10px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--safe-area-top:env(safe-area-inset-top, 0px);--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--safe-area-right:env(safe-area-inset-right, 0px)}body,html{overflow-x:hidden;overscroll-behavior:none;overflow-y:hidden;height:100%;position:fixed;width:100%}.ppv-landing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;height:100%;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none;padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);position:relative}.ppv-landing-header{position:sticky;top:0;z-index:100;background:var(--ppv-card-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ppv-border-glass);padding:10px 0;padding-top:calc(10px + var(--safe-area-top));flex-shrink:0}.ppv-header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ppv-logo-section{display:flex;align-items:center;gap:12px}.ppv-logo{width:48px;height:48px;object-fit:contain;background:0 0!important;border:none!important;box-shadow:none!important}.ppv-logo-section h1{font-size:20px;font-weight:700;color:var(--ppv-text);margin:0;letter-spacing:-.02em}.ppv-slogan{font-size:14px;font-weight:500;color:var(--ppv-text-muted);margin:0;display:none}.ppv-lang-switcher{display:flex;align-items:center;gap:4px;background:var(--ppv-bg);border:1px solid var(--ppv-border);border-radius:8px;padding:4px}.ppv-lang-btn,.ppv-lang-select{padding:6px 12px;background:0 0;border:none;border-radius:6px;font-size:13px;font-weight:600;color:var(--ppv-text-muted);cursor:pointer;transition:var(--transition);font-family:inherit}.ppv-lang-btn:hover,.ppv-lang-select:hover{color:var(--ppv-text);background:rgba(0,102,255,.05)}.ppv-lang-btn.active{background:var(--pp-primary);color:#fff}.ppv-hero-section{flex:1 0 auto;position:relative;display:flex;align-items:flex-start;padding:40px 0 60px;min-height:0}.ppv-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#f8f9fb 0,#e6f0ff 100%);z-index:0}.ppv-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:float 25s infinite ease-in-out}.ppv-shape-1{width:500px;height:500px;background:linear-gradient(135deg,#06f,#00bfff);top:-150px;left:-150px}.ppv-shape-2{width:400px;height:400px;background:linear-gradient(135deg,#00bfff,#4d94ff);bottom:-100px;right:10%;animation-delay:8s}.ppv-shape-3{width:350px;height:350px;background:linear-gradient(135deg,#4d94ff,#06f);top:30%;right:-100px;animation-delay:16s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-40px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.85)}}.ppv-hero-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 24px;width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.ppv-features-section{animation:slideIn .8s cubic-bezier(.16,1,.3,1)}.ppv-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ppv-feature-card{background:var(--ppv-card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ppv-border-glass);border-radius:var(--radius);padding:28px 24px;transition:var(--transition)}.ppv-feature-card:hover{background:rgba(255,255,255,.95);border-color:rgba(0,102,255,.2);box-shadow:var(--shadow-glass);transform:translateY(-4px)}.ppv-feature-icon{width:56px;height:56px;background:var(--pp-primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--pp-primary)}.ppv-feature-card h3{font-size:18px;font-weight:600;color:var(--ppv-text);margin:0 0 8px 0}.ppv-feature-card p{font-size:14px;line-height:1.6;color:var(--ppv-text-muted);margin:0}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.ppv-login-section{position:relative;animation:slideIn .8s cubic-bezier(.16,1,.3,1)}.ppv-login-card{background:var(--ppv-card-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--ppv-border-glass);box-shadow:var(--shadow-glass);padding:28px}.ppv-login-welcome{text-align:center;margin-bottom:16px}.ppv-login-welcome h2{font-size:20px;font-weight:600;color:var(--ppv-text);margin:0 0 8px 0}.ppv-login-welcome p{font-size:14px;color:var(--ppv-text-muted);margin:0}.ppv-social-login-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.ppv-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);font-family:inherit;min-height:48px;-webkit-tap-highlight-color:transparent}.ppv-social-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.ppv-social-btn:active:not(:disabled){transform:scale(.98)}.ppv-social-btn:active{transform:translateY(0)}.ppv-social-btn:disabled{opacity:.5;cursor:not-allowed}.ppv-google-btn{background:var(--ppv-card);border:1.5px solid var(--ppv-border);color:var(--ppv-text)}.ppv-google-btn:hover{background:#fafafa;border-color:#d1d5db}.ppv-facebook-btn{background:#1877f2;color:#fff}.ppv-facebook-btn:hover{background:#166fe5}.ppv-tiktok-btn{background:linear-gradient(135deg,#000 0,#ee1d52 50%,#69c9d0 100%);color:#fff}.ppv-tiktok-btn:hover{background:linear-gradient(135deg,#1a1a1a 0,#ff2d68 50%,#7dd9e6 100%)}.ppv-apple-btn{background:#000;color:#fff}.ppv-apple-btn:hover{background:#1a1a1a}.ppv-apple-btn svg{fill:white}.ppv-login-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--ppv-text-muted);font-size:13px;font-weight:500}.ppv-login-divider::after,.ppv-login-divider::before{content:'';flex:1;height:1px;background:var(--ppv-border)}.ppv-login-form{display:flex;flex-direction:column;gap:12px!important}.ppv-form-group{display:flex;flex-direction:column;gap:6px}.ppv-form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ppv-text)}.ppv-form-group label svg{width:16px;height:16px;color:var(--ppv-text-muted)}.ppv-form-group input[type=email],.ppv-form-group input[type=password],.ppv-form-group input[type=text]{width:100%;padding:14px 16px;background:rgba(248,249,251,.8);border:1.5px solid var(--ppv-border);border-radius:var(--radius-sm);font-size:16px;color:var(--ppv-text);transition:var(--transition);font-family:inherit;min-height:52px;-webkit-appearance:none;appearance:none}.ppv-form-group input:focus{outline:0;background:var(--ppv-card);border-color:var(--pp-primary);box-shadow:0 0 0 4px rgba(0,102,255,.15)}.ppv-form-group input::placeholder{color:#9ca3af}.ppv-password-wrapper{position:relative}.ppv-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:4px;cursor:pointer;color:var(--ppv-text-muted);transition:var(--transition)}.ppv-password-toggle:hover{color:var(--ppv-text)}.ppv-form-footer,.ppv-login-card .ppv-form-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 16px!important;margin-top:8px!important;margin-bottom:0!important;background:var(--ppv-bg)!important;border:1px solid var(--ppv-border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.ppv-checkbox{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ppv-text);cursor:pointer;width:100%;text-align:left}.ppv-checkbox input[type=checkbox]{position:relative;width:46px;min-width:46px;height:26px;margin-top:2px;-webkit-appearance:none;appearance:none;background:#d1d5db;border:none;border-radius:13px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.ppv-checkbox input[type=checkbox]::before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.15)}.ppv-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,var(--pp-primary) 0,var(--pp-primary-hover) 100%)}.ppv-checkbox input[type=checkbox]:checked::before{transform:translateX(20px)}.ppv-checkbox span{flex:1;min-width:0;line-height:1.4}.ppv-checkbox a{color:var(--pp-primary);text-decoration:none}.ppv-checkbox a:hover{text-decoration:underline}.ppv-forgot-link{font-size:14px;color:var(--pp-primary);text-decoration:none;font-weight:500;transition:var(--transition)}.ppv-forgot-link:hover{color:var(--pp-primary-hover);text-decoration:underline}.ppv-submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--pp-primary) 0,#0052cc 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px rgba(0,102,255,.35);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-family:inherit;min-height:52px;-webkit-tap-highlight-color:transparent}.ppv-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0052cc 0,#003d99 100%);box-shadow:0 6px 20px rgba(0,102,255,.45);transform:translateY(-2px)}.ppv-submit-btn:active:not(:disabled){transform:scale(.98)}.ppv-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ppv-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-top:16px;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ppv-alert.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.ppv-alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.ppv-register-link{text-align:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--ppv-border)}.ppv-register-link p{font-size:14px;color:var(--ppv-text-muted);margin:0}.ppv-register-link a{color:var(--pp-primary);text-decoration:none;font-weight:600;transition:var(--transition)}.ppv-register-link a:hover{color:var(--pp-primary-hover);text-decoration:underline}.ppv-landing-footer{position:relative;z-index:10;background:var(--ppv-card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--ppv-border-glass);padding:24px;text-align:center;color:var(--ppv-text-muted);font-size:13px;flex-shrink:0;margin-top:auto}.ppv-landing-footer p{margin:0 0 8px 0}.ppv-footer-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ppv-footer-links a{color:var(--ppv-text-muted);text-decoration:none;transition:var(--transition)}.ppv-footer-links a:hover{color:var(--ppv-text);text-decoration:underline}@media (min-width:1025px){.ppv-slogan{display:block}}@media (max-width:1024px){.ppv-hero-content{grid-template-columns:1fr;gap:40px}.ppv-features-section{order:2}.ppv-login-section{order:1;position:static}.ppv-features-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.ppv-landing-container{padding-bottom:max(16px,var(--safe-area-bottom))}.ppv-landing-header{padding:8px 0;padding-top:calc(8px + var(--safe-area-top))}.ppv-header-content{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}.ppv-logo{width:36px;height:36px}.ppv-logo-section{gap:8px}.ppv-logo-section h1{font-size:16px}.ppv-slogan{display:none}.ppv-lang-switcher{padding:2px}.ppv-lang-btn,.ppv-lang-select{padding:4px 8px;font-size:12px}.ppv-hero-section{padding:24px 0 40px}.ppv-hero-content{padding:0 16px;gap:32px}.ppv-features-grid{grid-template-columns:1fr;gap:12px}.ppv-feature-card{padding:20px 16px}.ppv-social-login-grid{grid-template-columns:1fr;gap:10px}.ppv-login-card{padding:24px 20px}.ppv-login-welcome h2{font-size:18px}.ppv-form-group input[type=email],.ppv-form-group input[type=password],.ppv-form-group input[type=text]{padding:14px 16px;font-size:16px}.ppv-social-btn{padding:14px 16px;font-size:15px}.ppv-submit-btn{padding:16px 24px;font-size:16px}.ppv-landing-footer{padding:20px 16px;padding-bottom:max(20px,calc(var(--safe-area-bottom) + 16px))}}@media (max-width:375px){.ppv-login-card{padding:20px 16px}.ppv-logo{width:32px;height:32px}.ppv-logo-section h1{font-size:14px}.ppv-lang-btn{padding:3px 6px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.ppv-forgot-link:focus-visible,.ppv-google-btn:focus-visible,.ppv-register-link a:focus-visible,.ppv-submit-btn:focus-visible{outline:2px solid var(--pp-primary);outline-offset:2px}@supports (-webkit-touch-callout:none){body,html{-webkit-overflow-scrolling:touch}.ppv-landing-container{height:-webkit-fill-available}}@media all and (display-mode:standalone){.ppv-landing-header{padding-top:calc(16px + var(--safe-area-top))}}@media (hover:none) and (pointer:coarse){.ppv-lang-btn,.ppv-social-btn,.ppv-submit-btn{min-height:48px}.ppv-feature-card:hover{transform:none;box-shadow:var(--shadow-sm)}}.ppv-referral-welcome-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,107,107,.1),rgba(255,165,0,.1));border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:20px;animation:referralPulse 2s ease-in-out infinite}@keyframes referralPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,107,.2)}50%{box-shadow:0 0 0 8px rgba(255,107,107,0)}}.ppv-referral-welcome-banner .referral-icon{font-size:28px;flex-shrink:0}.ppv-referral-welcome-banner .referral-text{flex:1}.ppv-referral-welcome-banner .referral-text strong{display:block;font-size:15px;color:#ff6b6b;margin-bottom:2px}.ppv-referral-welcome-banner .referral-text p{margin:0;font-size:13px;color:var(--ppv-text-muted)}@media (max-width:480px){.ppv-referral-welcome-banner{padding:12px;gap:10px}.ppv-referral-welcome-banner .referral-icon{font-size:24px}.ppv-referral-welcome-banner .referral-text strong{font-size:14px}.ppv-referral-welcome-banner .referral-text p{font-size:12px}}.ppv-app-download{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--ppv-border)}.ppv-download-title{font-size:13px;color:var(--ppv-text-muted);margin:0 0 12px 0;font-weight:500}.ppv-download-buttons{display:flex;align-items:center;justify-content:center;gap:12px}.ppv-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);border:none;font-family:inherit}.ppv-android-btn{background:#3DDC84;color:#fff}.ppv-android-btn:hover{background:#32b36d;transform:translateY(-2px)}.ppv-ios-btn{background:#000;color:#fff}.ppv-ios-btn:hover{background:#1a1a1a;transform:translateY(-2px)}@media (max-width:640px){.ppv-download-buttons{flex-direction:column;gap:10px}.ppv-download-btn{width:100%}}.ppv-pwa-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#0066FF 0%,#0052CC 100%);padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));animation:slideUp .4s ease}.ppv-pwa-banner-content{display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.ppv-pwa-banner-icon{width:48px;height:48px;border-radius:12px;background:#fff;padding:4px;flex-shrink:0}.ppv-pwa-banner-text{flex:1;color:#fff}.ppv-pwa-banner-text strong{display:block;font-size:15px;margin-bottom:2px}.ppv-pwa-banner-text p{margin:0;font-size:13px;opacity:.9}.ppv-pwa-banner-btn{background:#fff;color:#0066FF;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;transition:var(--transition)}.ppv-pwa-banner-btn:hover{background:#f0f0f0;transform:scale(1.02)}.ppv-pwa-banner-close{background:transparent;border:none;color:#fff;font-size:24px;line-height:1;padding:4px 8px;cursor:pointer;opacity:.7;transition:var(--transition)}.ppv-pwa-banner-close:hover{opacity:1}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:480px){.ppv-pwa-banner-content{flex-wrap:wrap}.ppv-pwa-banner-btn{width:100%;order:4;margin-top:8px}}.ppv-header-app-link{display:none;align-items:center;gap:6px;padding:6px 12px;background:#000;color:#fff;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;transition:var(--transition);white-space:nowrap}.ppv-header-app-link:hover{background:#1a1a1a;transform:scale(1.02)}.ppv-header-app-link svg{flex-shrink:0}@media (max-width:640px){.ppv-header-app-link{padding:5px 10px;font-size:11px}.ppv-header-app-link svg{width:14px;height:14px}}