:root{--color-brand-primary:#4a90e2;--color-brand-primary-dark:#357abd;--color-brand-secondary:#667eea;--color-brand-secondary-dark:#764ba2;--color-interactive-primary:#6366f1;--color-interactive-primary-dark:#4f46e5;--color-interactive-secondary:#8b5cf6;--color-accent-orange:#fbbf24;--color-accent-orange-dark:#f59e0b;--color-success:#22c55e;--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-text-primary:#374151;--color-text-secondary:#6b7280;--color-bg-soft-start:#f5f7fa;--color-bg-soft-end:#c3cfe2;--color-bg-card:rgba(255,255,255,0.95);--gradient-brand-primary:linear-gradient(135deg,#4a90e2,#357abd);--gradient-interactive-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-interactive-hover:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-accent-orange:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-soft-bg:linear-gradient(135deg,#f5f7fa,#c3cfe2);--gradient-header-bg:linear-gradient(135deg,#ffffff,#f8fafc);--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50px;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-xl:0 20px 40px rgba(0,0,0,0.1);--shadow-orange:0 8px 32px rgba(251,191,36,0.3);--shadow-interactive:0 8px 25px rgba(99,102,241,0.3)}body{font-family:Helvetica,Arial,sans-serif;margin:0;padding:0}.bg-header{background:var(--gradient-header-bg);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:var(--shadow-sm)}.bg-soft{background:var(--gradient-soft-bg);position:relative}.text-brand-gradient{background:var(--gradient-brand-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.btn-accent-orange{background:var(--gradient-accent-orange);color:var(--color-black);border:none;border-radius:var(--radius-full);padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-orange);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-accent-orange:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(251,191,36,.4)}.btn-primary{background:var(--gradient-interactive-primary);color:var(--color-white);border:none;border-radius:var(--radius-xl);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-interactive);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:var(--gradient-interactive-hover);box-shadow:0 12px 30px rgba(99,102,241,.4)}.card-glassmorphism{background:var(--color-bg-card);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl)}.status-success{background:rgba(34,197,94,.1);color:var(--color-success);padding:.25rem .5rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase}a,a *,a:active,a:focus,a:hover,a:visited{text-decoration:none!important}.header{background:linear-gradient(135deg,#ffffff,#f8fafc);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px rgba(0,0,0,.05);padding:0}.header-container{justify-content:space-between;padding:1rem 2rem;max-width:1200px;margin:0 auto;position:relative}.header-container,.header-left{display:flex;align-items:center}.header-left{flex:1}.main-nav-center{position:absolute;left:50%;transform:translateX(-50%)}.logo{display:flex;align-items:center;margin-right:3rem;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo img{height:48px;margin-right:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{font-weight:700;font-size:1.25rem;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav ul,.main-nav-center ul{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.main-nav li,.main-nav-center li,.nav-link{position:relative}.nav-link{display:inline-block;padding:.75rem 1rem;color:#475569;font-weight:500;font-size:.95rem;border-radius:8px;transition:all .2s ease;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s ease}.nav-link:hover{color:#8b5cf6;background-color:rgba(139,92,246,.05);transform:translateY(-1px)}.nav-link:hover:before{left:100%}.header-right{display:flex;align-items:center;gap:.75rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn-secondary{color:#475569;background-color:transparent;border:1.5px solid #e2e8f0}.btn-secondary:hover{color:#4a90e2;background-color:rgba(74,144,226,.05);border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.15)}.btn-primary{color:white;background:linear-gradient(135deg,#4a90e2,#357abd);border:1.5px solid transparent;box-shadow:0 2px 8px rgba(74,144,226,.25)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{background:linear-gradient(135deg,#357abd,#2563eb);transform:translateY(-2px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.3)}.login-btn{color:#475569;background-color:transparent;border:1.5px solid #e2e8f0;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s ease;text-decoration:none}.login-btn:hover{color:#4a90e2;background-color:rgba(74,144,226,.05);border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.15)}.signup-btn{color:white;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;padding:.625rem 1.25rem;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px rgba(74,144,226,.25)}.signup-btn:hover{background:linear-gradient(135deg,#357abd,#2563eb);transform:translateY(-2px);box-shadow:0 6px 16px rgba(74,144,226,.4)}@media (max-width:768px){.header-container{padding:.75rem 1rem}.logo{margin-right:1.5rem}.main-nav ul{gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:.9rem}.btn-primary,.btn-secondary,.login-btn,.signup-btn{padding:.5rem 1rem;font-size:.9rem}.header-right{gap:.5rem}}.video-examples-grid{display:grid;gap:20px;max-width:1000px;margin:0 auto}@media (max-width:768px){.video-examples-grid{grid-template-columns:1fr;max-width:300px;gap:30px}}@media (min-width:769px){.video-examples-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.logo-text,.main-nav,.main-nav-center{display:none}.logo img{height:36px}}.footer{background-color:#f8f9fa;padding:2rem 0;border-top:1px solid #eaeaea}.footer-container{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto;padding:0 2rem;flex-wrap:wrap;gap:2rem}.footer-column{flex:1;min-width:150px}.footer-column h3{font-size:1rem;margin-bottom:1rem;color:#333}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{text-decoration:none;color:#555;transition:color .2s ease}.footer-column a:hover{color:#4a90e2}.footer-logo-column{flex:1.5;max-width:300px}.social-icons{gap:1rem;flex-wrap:wrap}.social-icons,.social-icons a{display:flex;align-items:center}.social-icons a{justify-content:center;transition:all .3s ease}.social-icons a:hover{transform:translateY(-2px);opacity:.8}.footer-bottom{justify-content:space-between;align-items:center;max-width:1200px;margin:2rem auto 0;padding:1rem 2rem;border-top:1px solid #eaeaea;font-size:.9rem;color:#555}.footer-bottom,.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{text-decoration:none;color:#555;transition:color .2s ease}.footer-links a:hover{color:#4a90e2}@media (max-width:768px){.footer{padding:1.5rem 0}.footer-container{flex-direction:column;padding:0 1rem;gap:1.5rem;text-align:center}.footer-column{min-width:auto;width:100%}.footer-logo-column{max-width:none;width:100%;order:-1}.footer-logo-column p{max-width:none;margin:0 auto}.social-icons{justify-content:center;margin-top:1rem}.footer-bottom{flex-direction:column;text-align:center;padding:1rem;gap:.5rem}.footer-links{justify-content:center;margin-top:.5rem}}@media (max-width:480px){.footer-container{padding:0 .75rem;gap:1rem}.footer-column h3{font-size:.9rem;margin-bottom:.75rem}.footer-column li{margin-bottom:.4rem}.footer-column a{font-size:.9rem}.social-icons{gap:.75rem}.footer-bottom{font-size:.8rem;padding:.75rem}.footer-links{gap:.75rem}.footer-links a{font-size:.8rem}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.scroll-down-20s{animation:scrollDown 40s linear infinite}.scroll-down-30s{animation:scrollDown 50s linear infinite}.scroll-up-25s{animation:scrollUp 45s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.6;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}to{opacity:.6;transform:scaleY(.8)}}