:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{width:100%}that *{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;overflow-y:auto;font-family:Segoe UI,sans-serif;color:#fff;line-height:1.6}html{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}body{background:transparent}body{display:flex;flex-direction:column;min-height:100vh;position:relative}.App{display:flex;flex-direction:column;min-height:100vh}.App main{flex:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#1a1a1a;border-bottom:1px solid #444;position:sticky;top:0;z-index:1000}.nav-logo{display:flex;align-items:center;font-size:1.8em;font-weight:800;gap:12px;background:linear-gradient(135deg,#14b8a6,#f59e0b,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(245,158,11,.3);transition:all .3s ease}.nav-logo:hover{background:linear-gradient(135deg,#f59e0b,#14b8a6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(245,158,11,.5);transform:scale(1.05)}.logo-icon{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(245,158,11,.3));transition:all .3s ease}.nav-logo:hover .logo-icon{filter:drop-shadow(0 0 15px rgba(245,158,11,.6));transform:scale(1.1)}.nav-links .nav-link{color:#64748b;margin-left:20px;text-decoration:none;font-weight:600;transition:color .3s ease}.nav-link:hover{color:#f59e0b}.burger{display:none;background:none;border:none;color:#64748b;font-size:1.5em;cursor:pointer}.burger:hover{color:#f59e0b}.container{max-width:1000px;margin:40px auto 0;padding:40px;position:relative;z-index:10;flex:1}.hero{padding:10px 20px 0;text-align:center;position:relative;background:linear-gradient(to bottom,#1f2933 0% 10%,#0c0c08 40% 100%)}.hero-content{max-width:1400px;margin:0 auto 20px;padding:20px;color:#fff}.hero-layout{display:flex;align-items:center;gap:70px;justify-content:center}.hero-logo{flex-shrink:0;position:relative}.logo-image{width:350px;height:350px;object-fit:contain;border-radius:20px}.hero-text{flex:1;text-align:left;max-width:600px}.hero-video-container{width:100%;max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.hero-video{width:100%;height:400px;object-fit:cover;border:none}.hero h1{font-size:2.4em;text-align:left;margin-bottom:15px}.title-gradient{background:linear-gradient(135deg,#64748b,#f59e0b,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;text-shadow:none}.title-accent{color:#fff;font-weight:700;text-shadow:none}.intro{font-size:1.2em;text-align:left;max-width:none;margin:0;opacity:.9;color:#fff}.hero-cta{display:flex;justify-content:flex-start;gap:20px;margin-top:30px}.button.primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;font-size:1.1em;padding:16px 32px;border-radius:12px;box-shadow:0 8px 25px #f59e0b4d;transition:all .3s ease;position:relative;overflow:hidden;border:none;text-decoration:none;display:inline-block;min-width:200px}.button.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}.button.primary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 12px 35px #f59e0b80;transform:translateY(-2px)}.button.primary:hover:before{left:100%}.hero-cta-section{margin-top:20px}.value-props{margin-bottom:20px}.value-prop{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-weight:600;color:#e5e7eb}.checkmark{color:#10b981;font-size:1.2em;font-weight:700}.hero-downloads{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.urgency-text{text-align:center;color:#fbbf24;font-weight:700;font-size:1em;margin-top:15px;text-shadow:0 0 10px rgba(251,191,36,.5)}.button.cta-main{font-size:1.2em;padding:18px 36px;min-width:220px;box-shadow:0 10px 30px #f59e0b66;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 10px 30px #f59e0b66}50%{box-shadow:0 10px 40px #f59e0b99}}.download-header{margin-bottom:40px}.download-header a{color:#f59e0b;text-decoration:none;font-weight:600;transition:color .3s ease}.download-header a:hover{color:#fbbf24}.latest-release{color:#e5e7eb;font-weight:500;font-size:1.1em;margin:10px 0 0}.additional-buttons{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.button.secondary{background:linear-gradient(135deg,#374151,#4b5563);color:#fff;font-weight:600;padding:14px 28px;border-radius:10px;border:1px solid #6b7280;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;text-decoration:none;display:inline-block}.button.secondary:hover{background:linear-gradient(135deg,#4b5563,#6b7280);border-color:#9ca3af;box-shadow:0 6px 20px #0006;transform:translateY(-1px)}.button.donate{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700}.button.donate:hover{background:linear-gradient(135deg,#059669,#047857)}.button.donate-nav{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;padding:8px 16px;border-radius:6px;text-decoration:none;transition:all .3s ease}.button.donate-nav:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.section-separator{width:100%;height:160px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.56) 20%,rgba(0,0,0,.28) 40%,rgba(0,0,0,.14) 60%,rgba(0,0,0,.07) 80%,transparent 100%);position:relative;z-index:1;margin-top:-80px;margin-bottom:-80px}.downloads-section{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);position:relative;overflow:hidden}.downloads-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(245,158,11,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(20,184,166,.1) 0%,transparent 50%);pointer-events:none}.downloads-content{max-width:1000px;margin:0 auto;position:relative;z-index:1}.downloads-buttons{display:flex;justify-content:center;gap:20px;margin:20px 0;flex-wrap:wrap}.additional-links{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.gradient-separator{height:6px;background:linear-gradient(90deg,transparent 0%,#f59e0b 20%,#14b8a6 50%,#f59e0b 80%,transparent 100%);margin:100px auto 120px;max-width:1200px;border-radius:3px;box-shadow:0 0 30px #f59e0b66;position:relative}.gradient-separator:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(245,158,11,.3) 20%,rgba(20,184,166,.3) 50%,rgba(245,158,11,.3) 80%,transparent 100%);border-radius:1px}.gradient-separator:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(245,158,11,.2) 25%,rgba(20,184,166,.2) 50%,rgba(245,158,11,.2) 75%,transparent 100%);border-radius:1px}.gradient-separator.flipped{background:linear-gradient(-90deg,transparent 0%,#f59e0b 20%,#14b8a6 50%,#f59e0b 80%,transparent 100%)}.gradient-separator.flipped:before{background:linear-gradient(-90deg,transparent 0%,rgba(245,158,11,.3) 20%,rgba(20,184,166,.3) 50%,rgba(245,158,11,.3) 80%,transparent 100%)}.gradient-separator.flipped:after{background:linear-gradient(-90deg,transparent 0%,rgba(245,158,11,.2) 25%,rgba(20,184,166,.2) 50%,rgba(245,158,11,.2) 75%,transparent 100%)}.features{margin-top:0}.features:before{display:block;color:#14b8a6;font-size:3.5em;font-weight:700;margin-bottom:30px;line-height:1.1;background:linear-gradient(135deg,#14b8a6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.features-header{text-align:center;margin-bottom:60px}.features h2{color:#14b8a6;font-size:3.5em;font-weight:700;margin-bottom:20px;line-height:1.1;background:linear-gradient(135deg,#14b8a6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-subtitle{font-size:1.4em;color:#e5e7eb;font-weight:500;max-width:600px;margin:0 auto;line-height:1.4}.features-container{display:flex;flex-direction:column;gap:40px}.feature-row{display:flex;gap:40px;align-items:center}.feature-row h2{width:400px;height:300px;display:flex;align-items:center;justify-content:center;color:#14b8a6;font-size:2.5em;font-weight:700;line-height:1.1;background:linear-gradient(135deg,#14b8a6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0;flex-shrink:0}.image-container{width:400px;height:300px;overflow:hidden;border-radius:12px;border:2px solid rgba(20,184,166,.3);flex-shrink:0;transition:border-color .3s ease}.image-container:hover{border-color:#14b8a6cc}.video-container{width:100%;height:100%;opacity:1;transition:opacity .6s linear;transform-origin:center;border-radius:10px;overflow:hidden;position:relative}.video-container iframe,.video-container>div{width:400px!important;height:225px!important;border:none!important;border-radius:10px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.333)!important;transform-origin:center!important;pointer-events:none!important;z-index:1}left: 0; width: 100%; height: 100%; background: transparent; z-index: 2; pointer-events: none; border-radius: 10px; } .video-container::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:4;pointer-events:none;border-radius:10px}.video-container:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:80px;background:transparent;transform:translate(-50%,-50%);z-index:5;pointer-events:none;border-radius:10px}.feature-item{background:#ffffff14;padding:30px;border-radius:15px;border:1px solid rgba(20,184,166,.3);text-align:left;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;opacity:0}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #14b8a633}.feature-number{font-size:1.5em;color:#14b8a6;font-weight:700;margin-bottom:10px;background:#14b8a61a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px}.feature-icon{font-size:2.5em;color:#14b8a6;margin-bottom:15px}.feature-item h3{color:#f59e0b;font-size:1.8em;font-weight:700;margin-bottom:20px;margin-top:50px;line-height:1.2}.feature-item p{color:#ccc;font-size:1.1em;line-height:1.7;font-weight:400}.code-example{margin-top:80px;text-align:center}.code-example h2{color:#f59e0b;font-size:2em;margin-bottom:20px}.code-example p{margin-bottom:30px;font-size:1.1em;opacity:.9}.downloads{margin-top:60px;text-align:center}.downloads h2{color:#f59e0b;margin-bottom:30px;font-size:2em}p a{color:#64748b;text-decoration:underline}.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px}.button-row{display:flex;gap:12px;margin-bottom:16px}a.button{background-color:#007acc;color:#fff;padding:14px 24px;border-radius:8px;font-size:1em;text-decoration:none;transition:background .3s ease,transform .2s ease}a{text-decoration:none}a.button:hover{background-color:#005fa3;transform:translateY(-2px)}a.button.donate{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}a.button.donate:hover{background:linear-gradient(135deg,#d97706,#dc2626)}.button{background-color:#007acc;color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background .3s ease;text-decoration:none;display:inline-block;text-align:center}.button:hover{background-color:#005fa3}.nav-links .button{background:none;padding:0;border:none;border-radius:0;color:#64748b;font-weight:600;transition:color .3s ease;margin-left:20px;cursor:pointer;font-size:inherit}.nav-links .button:hover{color:#fff;background:none}.social-proof{padding:80px 20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);text-align:center}.social-proof-content h2{color:#14b8a6;font-size:2.5em;font-weight:700;margin-bottom:50px;background:linear-gradient(135deg,#14b8a6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px;max-width:1200px;margin-left:auto;margin-right:auto}.testimonial{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.testimonial:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.testimonial-stars{color:#f59e0b;font-size:1.5em;margin-bottom:15px}.testimonial p{color:#e5e7eb;font-size:1.1em;font-style:italic;margin-bottom:15px;line-height:1.4}.testimonial cite{color:#9ca3af;font-weight:600;font-size:.9em}.stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat{text-align:center}.stat-number{color:#f59e0b;font-size:3em;font-weight:700;margin-bottom:10px;text-shadow:0 0 20px rgba(245,158,11,.3)}.stat-label{color:#e5e7eb;font-size:1.1em;font-weight:500}color: #888; border-top: 1px solid #333; width: 100%; margin-top: auto; } footer{background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);padding:20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:#e5e7eb}footer p{margin:20px 0;font-size:.9em}footer a{color:#14b8a6;text-decoration:none;transition:color .3s ease}footer a:hover{color:#f59e0b}.brxe-social-icons{display:flex;justify-content:center;gap:15px;list-style:none;padding:0;margin:15px 0}.repeater-item{display:inline-block}.repeater-item a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff1a;transition:background .3s ease,transform .3s ease}.repeater-item a:hover{background:#14b8a64d;transform:scale(1.1)}.icon{color:#e5e7eb;font-size:20px}ul,ol{padding-left:20px;margin-bottom:20px}li{margin-bottom:10px;color:#ccc}h2{color:#3b82f6;margin-bottom:20px}.auth-section{max-width:400px;margin:0 auto}.auth-section h2{text-align:center}.auth-section form{display:flex;flex-direction:column;gap:15px}.auth-section label{font-weight:700;color:#fff}.auth-section input{padding:10px;border:1px solid #444;border-radius:5px;background:#2a2a2a;color:#fff}.auth-section input:focus{outline:none;border-color:#14b8a6}.auth-section .button{background-color:#007acc;color:#fff;padding:12px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background .3s ease}.auth-section .button:hover{background-color:#005fa3}.auth-section p{text-align:center;margin-top:15px}.auth-section a{color:#64748b;text-decoration:none}.auth-section a:hover{text-decoration:underline}.dashboard-block{margin-top:40px;padding:20px;background:#ffffff0d;border-radius:10px}#licenses-table{width:100%;border-collapse:collapse;margin-top:20px}#licenses-table th,#licenses-table td{padding:10px;text-align:left;border-bottom:1px solid #444;color:#fff}#licenses-table th{background:#333;color:#64748b}#licenses-table a{color:#64748b;text-decoration:none}#licenses-table a:hover{text-decoration:underline}#users-table{width:100%;border-collapse:collapse;margin-top:20px;margin-bottom:20px}#users-table th,#users-table td{padding:10px;text-align:left;border-bottom:1px solid #444;color:#fff}#users-table th{background:#333;color:#64748b}.delete-btn{background:#c00;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.delete-btn:hover{background:#a00}.action-btn{padding:5px 10px;border:none;border-radius:3px;cursor:pointer;font-size:.9em}.renew-btn{background:#28a745;color:#fff}.renew-btn:hover{background:#218838}.cancel-btn{background:#dc3545;color:#fff}.cancel-btn:hover{background:#c82333}@media(max-width:599px){.navbar{flex-direction:row;padding:10px 20px}.burger{display:block}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#1a1a1a;padding:10px;box-shadow:0 2px 5px #00000080;gap:8px}.nav-links.open .nav-link{margin-left:0}.container{padding:20px;margin:20px 10px 0}.hero-content{padding:15px;background:linear-gradient(to bottom,#1f2933 0% 10%,#0c0c08 40% 100%)}.hero-layout{flex-direction:column;gap:40px;text-align:center}.hero-logo{order:-1}.logo-image{width:250px;height:250px;border-radius:20px}.hero-text{text-align:center}.hero h1{font-size:2em;text-align:center}.intro{font-size:1em;max-width:100%;padding:0 5px;text-align:center}.hero-cta{flex-direction:column;gap:15px;justify-content:center}.download-header{flex-direction:column;align-items:center;gap:10px}.latest-release{text-align:center}.additional-buttons{flex-direction:column;gap:10px}.gradient-separator{margin:60px auto 80px;height:5px;max-width:90%}.gradient-separator:before,.gradient-separator:after{display:none}.section-separator{height:120px;margin-top:-60px;margin-bottom:-60px}.hero-downloads{padding:15px}.button.cta-main{min-width:140px;font-size:.9em;padding:12px 20px}.additional-links{flex-direction:column;gap:10px}.features h2{font-size:2em}.features:before{font-size:2em}.feature-row{flex-direction:column;gap:20px}.feature-row h2{display:none}.feature: 150px}.feature-number{width:35px;height:35px;font-size:1.2em;top:15px;right:15px}.feature-icon{font-size:2em}.feature-item h3{font-size:1.5em;margin-top:40px}.feature-item p{font-size:1em}.code-example h2{font-size:1.5em}.button-row{flex-direction:column;gap:10px}a.button{width:100%;text-align:center;padding:12px 0;font-size:1em}.downloads h2{font-size:1.5em}} @media (min-width: 600px) and (max-width: 899px){.navbar{flex-direction:row;padding:15px 30px}.container{padding:30px;margin:30px 20px 0}.hero-content{padding:25px;background:linear-gradient(to bottom,#1f2933 0% 10%,#0c0c08 40% 100%)}.hero-layout{gap:50px}.logo-image{width:200px;height:200px;border-radius:20px}.hero h1{font-size:2.3em}.intro{font-size:1.1em;max-width:none}.hero-cta{gap:15px}.additional-buttons{gap:12px}.gradient-separator{margin:80px auto 100px;height:5px;max-width:1000px}.gradient-separator:before{width:70%}.gradient-separator:after{width:50%}.downloads-section{padding:50px 20px}.features h2{font-size:2.2em}.features:before{font-size:2.2em}.feature-row{gap:25px}.feature-row h2{width:300px;height:200px;font-size:2em}.feature-image,.video-container{width:300px;height:200px}.feature-item{padding:25px}.button-row{flex-direction:row;flex-wrap:wrap;gap:10px}a.button{padding:12px 20px;font-size:.95em}.social-proof-content h2{font-size:2em}.testimonials{grid-template-columns:1fr;gap:20px}.stats{gap:30px}.stat-number{font-size:2.5em}}@media(min-width:900px)and (max-width:1199px){.container{padding:35px;margin:35px 30px 0}.hero h1{font-size:2.5em}.intro{font-size:1.15em;max-width:90%}.features h2{font-size:2.3em}.features:before{font-size:2.3em}.feature-row{gap:30px}.feature-row h2{width:350px;height:250px;font-size:2.1em}.feature-image,.video-container{width:350px;height:250px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#1a1a1a;padding:30px;border-radius:10px;border:1px solid #444;max-width:400px;width:90%;box-shadow:0 0 20px #00000080}.popup-content h2{margin-bottom:20px;color:#3b82f6;text-align:center}.popup-form{display:flex;flex-direction:column;gap:15px}.popup-form label{display:flex;flex-direction:column;color:#fff;font-weight:600}.popup-form select{padding:10px;border:1px solid #444;border-radius:5px;background:#2a2a2a;color:#fff;font-size:1em}.popup-buttons{display:flex;justify-content:space-between;margin-top:20px}.popup-buttons .button{flex:1;margin:0 5px}.popup-buttons .cancel{background-color:#666}.popup-buttons .cancel:hover{background-color:#555}#video-background{position:fixed;top:0%;left:0%;width:100vw;height:100vh;overflow:hidden;z-index:-1}#video-background iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}