:root{--primary:#3b82f6;--primary-light:#60a5fa;--bg-dark:#1e293b;--gradient-hero:linear-gradient(135deg, #1e40af 0%, #10b981 100%);--accent:#f59e0b;--accent-light:#fbbf24;--bg-section:#f8fafc;--text-main:#1e293b;--text-secondary:#64748b;--text-light:#fff;--card-bg:#fff;--card-border:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--radius:12px}[data-theme=dark]{--primary:#60a5fa;--primary-light:#93c5fd;--bg-dark:#0f172a;--gradient-hero:linear-gradient(135deg, #4c1d95 0%, #1e3a8a 100%);--accent:#f97316;--accent-light:#fb923c;--bg-section:#1e293b;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-light:#fff;--card-bg:#334155;--card-border:#475569;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#3b82f6e6;border-bottom:1px solid #ffffff1a;transition:all .3s;position:fixed;top:0;left:0;right:0}[data-theme=dark] .navbar{background:#0f172af2;border-bottom:1px solid #ffffff0d}.navbar.scrolled{background:#3b82f6f2;box-shadow:0 4px 20px #00000026}[data-theme=dark] .navbar.scrolled{background:#0f172afa}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-light);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{filter:drop-shadow(0 2px 4px #00000026);width:auto;height:32px}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:#fffffff2;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent-light)}.nav-actions{align-items:center;gap:16px;display:flex}.nav-login{color:var(--text-light);opacity:.95;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-login:hover{opacity:1;text-decoration:underline}.nav-cta{background:var(--accent);color:#1e293b;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-cta:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.nav-mobile-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.theme-toggle{color:var(--text-light);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;transition:all .2s;display:flex}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}[data-theme=dark] .theme-toggle{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .theme-toggle:hover{background:#ffffff1a}.lang-toggle{color:var(--text-light);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.lang-toggle:hover{background:#fff3}[data-theme=dark] .lang-toggle{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .lang-toggle:hover{background:#ffffff1a}.nav-settings{align-items:center;gap:8px;display:flex}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 30%,#ffffff1a 0%,#0000 40%),radial-gradient(circle at 70% 30%,#10b98126 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;left:-50%}[data-theme=dark] .hero:before{background:radial-gradient(circle at 30%,#ffffff0d 0%,#0000 40%),radial-gradient(circle at 70% 30%,#60a5fa1a 0%,#0000 40%)}@keyframes heroGlow{0%{transform:translate(0)rotate(0)}to{transform:translate(-2%,2%)rotate(3deg)}}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#ffffff1a;border-radius:50%;animation:linear infinite particleFloat;position:absolute}[data-theme=dark] .particle{background:#ffffff0d}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%,90%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(1)}}.hero-inner{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-content h1{color:var(--text-light);text-shadow:0 4px 15px #0003;margin-bottom:20px;font-size:3.8rem;font-weight:800;line-height:1.2}.hero-content h1 span{color:var(--accent-light)}.hero-content p{color:#ffffffe6;max-width:540px;margin-bottom:36px;font-size:1.15rem;line-height:1.8}.hero-badges{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.badge{color:var(--text-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.badge .dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.hero-actions{align-items:center;gap:32px;display:flex}.hero-qr-box{background:var(--card-bg);text-align:center;border-radius:16px;flex-shrink:0;padding:16px;box-shadow:0 10px 30px #0003}[data-theme=dark] .hero-qr-box{background:#f1f5f9}.hero-qr-box img{border:none;border-radius:12px;width:160px;height:160px;margin-bottom:10px;display:block}.hero-qr-box .qr-label{color:var(--text-main);font-size:.85rem;font-weight:800}[data-theme=dark] .hero-qr-box .qr-label{color:#1e293b}.hero-buttons{flex-direction:column;flex-grow:1;gap:12px;display:flex}.btn-primary,.btn-secondary{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--accent);color:#1e293b}.btn-primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.btn-secondary{color:var(--text-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff40;transform:translateY(-2px)}.btn-text{color:#ffffffb3;margin-top:4px;padding-left:4px;font-size:.9rem;text-decoration:none;transition:color .2s}.btn-text:hover{color:var(--text-light);text-decoration:underline}.mockup-container{width:100%;max-width:440px;margin:0 auto;position:relative}.mockup-screen{-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #fff6;border-radius:16px;padding:32px;box-shadow:0 25px 60px #0000004d}[data-theme=dark] .mockup-screen{background:#ffffff1a;border:1px solid #fff3}.mockup-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.mockup-header h3{color:var(--text-light);font-size:1.1rem}.mockup-status span{border-radius:50%;width:12px;height:12px;margin-left:6px;display:inline-block}.mockup-status .r{background:#ef4444}.mockup-status .y{background:#f59e0b}.mockup-status .g{background:#22c55e}.mockup-participants{gap:-8px;margin-bottom:20px;display:flex}.mockup-avatar{color:#fff;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-left:-10px;font-size:.8rem;font-weight:700;display:flex}.mockup-avatar:first-child{margin-left:0}.mockup-count{color:#ffffffe6;align-items:center;margin-left:12px;font-size:.9rem;display:flex}.mockup-question{background:#ffffff26;border:1px solid #fff3;border-radius:12px;margin-bottom:24px;padding:20px}.mockup-question p{color:#fffc;margin-bottom:8px;font-size:.9rem}.mockup-question h4{color:var(--text-light);font-size:1.1rem;line-height:1.5}.mockup-timer{text-align:center;margin-bottom:24px}.mockup-timer .time{color:var(--accent-light);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.mockup-timer .label{color:#fffc;margin-top:5px;font-size:.85rem}.mockup-btn{background:linear-gradient(135deg, var(--accent), #fbbf24);color:#1e293b;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:1.2rem;font-weight:800;animation:2s ease-in-out infinite pulseBtn}@keyframes pulseBtn{0%,to{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 15px #f59e0b00}}.section-header{text-align:center;max-width:640px;margin:0 auto 64px}.section-tag{color:var(--primary);background:#3b82f61a;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.9rem;font-weight:700;display:inline-flex}[data-theme=dark] .section-tag{background:#60a5fa26}.section-header h2{color:var(--text-main);margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-header p{color:var(--text-secondary);font-size:1.1rem}.features{background:var(--bg-section);padding:100px 24px}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);padding:40px 32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--primary);transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:1.8rem;display:flex}.fi-blue{color:var(--primary);background:#3b82f61a}.fi-amber{color:var(--accent);background:#f59e0b1a}.fi-green{color:#10b981;background:#10b9811a}.fi-red{color:#ef4444;background:#ef44441a}.fi-purple{color:#8b5cf6;background:#8b5cf61a}.fi-cyan{color:#06b6d4;background:#06b6d41a}[data-theme=dark] .fi-blue{background:#60a5fa26}[data-theme=dark] .fi-amber{background:#f9731626}[data-theme=dark] .fi-green{background:#34d39926}[data-theme=dark] .fi-red{background:#f8717126}[data-theme=dark] .fi-purple{background:#a78bfa26}[data-theme=dark] .fi-cyan{background:#22d3ee26}.feature-card h3{color:var(--text-main);margin-bottom:12px;font-size:1.25rem;font-weight:800}.feature-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.modes{background:var(--card-bg);padding:100px 24px}.modes-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.mode-card{border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(135deg, var(--card-bg) 0%, var(--bg-section) 100%);padding:40px;transition:all .3s}.mode-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.mode-tag{border-radius:8px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.mt-simple{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}[data-theme=dark] .mt-simple{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.mt-external{color:#9a3412;background:#fff7ed;border:1px solid #fdba74}[data-theme=dark] .mt-external{color:#fdba74;background:#f59e0b26;border:1px solid #f59e0b4d}.mt-internal-off{color:var(--primary);background:#eff6ff;border:1px solid #bfdbfe}[data-theme=dark] .mt-internal-off{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.mt-internal-on{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe}[data-theme=dark] .mt-internal-on{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d}.mode-card h3{margin-bottom:10px;font-size:1.4rem;font-weight:800}.mode-card .mode-desc{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.testimonials{background:var(--bg-section);padding:100px 24px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--card-border);padding:36px;transition:all .3s;position:relative}.testimonial-card:before{content:"\"";color:#3b82f61a;font-family:Georgia,serif;font-size:4rem;font-weight:700;line-height:1;position:absolute;top:20px;right:24px}[data-theme=dark] .testimonial-card:before{color:#60a5fa1a}.testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.testimonial-avatar{border:3px solid #3b82f61a;border-radius:50%;width:64px;height:64px;margin-bottom:20px;overflow:hidden}[data-theme=dark] .testimonial-avatar{border-color:#60a5fa1a}.testimonial-avatar img{object-fit:cover;width:100%;height:100%}.testimonial-header{margin-bottom:16px}.testimonial-header h3{color:var(--text-main);margin-bottom:4px;font-size:1.2rem;font-weight:800}.testimonial-role{color:var(--primary);font-size:.9rem;font-weight:600}.testimonial-content p{color:var(--text-secondary);z-index:1;margin-bottom:20px;font-size:1rem;line-height:1.8;position:relative}.testimonial-tags{flex-wrap:wrap;gap:8px;display:flex}.t-tag{color:var(--primary);background:#3b82f614;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600}[data-theme=dark] .t-tag{background:#60a5fa26}.stats{background:var(--gradient-hero);color:#fff;padding:80px 24px}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.stat-item .stat-num{color:var(--accent-light);text-shadow:0 2px 8px #0003;margin-bottom:8px;font-size:3rem;font-weight:900;line-height:1}.stat-item .stat-label{opacity:.9;font-size:1rem;font-weight:500}.cta{background:var(--gradient-hero);text-align:center;padding:100px 24px;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.cta-inner{z-index:2;max-width:700px;margin:0 auto;position:relative}.cta h2{color:var(--text-light);margin-bottom:16px;font-size:2.5rem;font-weight:800}.cta p{color:#ffffffe6;margin-bottom:40px;font-size:1.15rem}.cta-qr-box{background:var(--card-bg);border-radius:20px;margin-bottom:32px;padding:24px 24px 18px;display:inline-block;box-shadow:0 20px 40px #0003}[data-theme=dark] .cta-qr-box{background:#f1f5f9}.cta-qr-box img{border:none;border-radius:12px;width:180px;height:180px;margin-bottom:14px;display:block}.cta-qr-box p{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800}.cta-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{background:var(--bg-dark);border-top:1px solid #ffffff1a;padding:60px 24px}[data-theme=dark] .footer{border-top:1px solid #ffffff0d}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;max-width:1200px;margin:0 auto;display:flex}.footer-left p{color:#f8fafcb3;margin-bottom:8px;font-size:.9rem}.footer-left .icp-link a{color:#f8fafc80;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-left .icp-link a:hover{color:var(--text-light);text-decoration:underline}.footer-links{gap:32px;display:flex}.footer-links a{color:#f8fafcb3;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-light)}@media (width<=1024px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-content p{margin:0 auto 36px}.hero-badges,.hero-actions{justify-content:center}.hero-buttons{flex-flow:wrap;justify-content:center}.btn-text{width:100%}.testimonials-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-links{background:var(--bg-dark);border-bottom:1px solid #ffffff1a;flex-direction:column;padding:20px;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.show{display:flex}.nav-mobile-btn{display:block}.nav-login,.nav-cta{display:none}.nav-settings{gap:8px;margin-right:8px;display:flex}.hero{padding:120px 20px 60px}.hero-content h1{font-size:2.2rem}.hero-actions{flex-direction:column;gap:24px}.hero-buttons{flex-direction:column;width:100%}.features-grid,.modes-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:2rem}.testimonial-card{padding:28px 24px}.testimonial-avatar{width:56px;height:56px}}