:root{--navbar-height: 80px;--primary: #3b82f6;--primary-dark: #2563eb;--text-main: #0f172a;--dark: var(--text-main);--text-muted: #64748b;--bg-body: #ffffff;--bg: var(--bg-body);--bg-surface: #ffffff;--bg-soft: #f8fafc;--border: #e2e8f0;--navbar-bg: rgba(255, 255, 255, .95);--dot-color: #cbd5e1}[data-theme=dark]{--text-main: #f8fafc;--dark: var(--text-main);--text-muted: #94a3b8;--bg-body: #0f172a;--bg: var(--bg-body);--bg-surface: #1e293b;--bg-soft: #020617;--border: #334155;--navbar-bg: rgba(15, 23, 42, .95);--dot-color: #334155}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--text-muted);background:var(--bg-body);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.text-dark{color:var(--text-main)!important}.text-primary{color:var(--primary)!important}.text-warning{color:#f59e0b!important}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-info{color:#0ea5e9!important}.text-indigo{color:#6366f1!important}.text-pink{color:#ec4899!important}.text-purple{color:#8b5cf6!important}.text-secondary{color:#64748b!important}.bg-surface{background-color:var(--bg-surface)!important}.bg-soft{background-color:var(--bg-soft)!important}.border-theme{border-color:var(--border)!important}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}a{text-decoration:none;color:inherit;transition:.3s}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.gap-4{gap:1rem!important}.gap-8{gap:2rem!important}.text-center{text-align:center!important}.text-white{color:#fff!important}.mb-4{margin-bottom:1rem!important}.mb-8{margin-bottom:2rem!important}.mb-12{margin-bottom:3rem!important}.mt-4{margin-top:1rem!important}.mt-8{margin-top:2rem!important}.mt-12{margin-top:3rem!important}.mt-20{margin-top:5rem!important}.py-12{padding-top:3rem;padding-bottom:3rem}.justify-center{justify-content:center!important}.items-center{align-items:center!important}[data-theme=dark] .star-rating,.topbar-icon{color:#fff!important}.py-24{padding-top:6rem;padding-bottom:6rem}.mb-12{margin-bottom:3rem}section[id]{scroll-margin-top:var(--navbar-height)}@media(max-width:768px){.py-24{padding-top:48px;padding-bottom:48px}.mb-12{margin-bottom:48px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-weight:700;border-radius:50px;transition:all .3s ease;gap:10px;font-size:15px;cursor:pointer;border:none;letter-spacing:.5px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-outline-codeberg{background:transparent;border:2px solid var(--border);color:var(--text);box-shadow:none}.btn-outline-codeberg:hover{background:var(--bg-soft);transform:translateY(-2px)}.topbar{background:#000;color:#fff;font-size:13px;font-weight:500;text-align:center;padding:12px 0;position:relative;z-index:50}body.menu-open .topbar{display:none!important}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--navbar-height);position:sticky;top:0;z-index:40;transition:box-shadow .3s ease}.navbar.scrolled{box-shadow:0 4px 20px #0000000d}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%}.brand{font-family:Montserrat,sans-serif;font-size:24px;font-weight:800;color:var(--dark);display:flex;align-items:center;gap:10px;flex-shrink:0}.brand i{color:var(--primary)}.desktop-nav{display:flex;gap:32px;position:absolute;left:50%;transform:translate(-50%)}.desktop-nav a{font-weight:600;font-size:14px;color:var(--text-muted)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.desktop-actions{display:flex;align-items:center;gap:16px}.desktop-actions a.nav-link{font-weight:600;font-size:14px;color:var(--text-muted)}.desktop-actions a.nav-link:hover{color:var(--primary)}.mobile-menu-toggle{display:none}.burger-btn{background:none;border:none;font-size:24px;color:var(--text-main);cursor:pointer;padding:4px}.mobile-menu-overlay{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:var(--navbar-height);left:0;bottom:0;width:100%;background-color:var(--bg-body);background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:32px 32px;z-index:999;transform:translate(-100%);transition:transform .3s ease;border-top:1px solid var(--border);display:flex;flex-direction:column}.mobile-menu-drawer.open{transform:translate(0)}.mobile-nav-link:active{background:var(--bg-soft);color:var(--primary)}.mobile-nav-content{flex:1;overflow-y:auto;padding:24px 24px 0}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);font-weight:600;font-size:16px;color:var(--text-main);text-decoration:none;transition:padding-left .2s}.mobile-nav-link:hover{color:var(--primary);padding-left:8px}.mobile-menu-footer{padding:24px;background:var(--bg-soft);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.mobile-menu-footer .btn{width:100%;border-radius:12px;padding:14px}@media(max-width:992px){.desktop-nav,.desktop-actions{display:none!important}.mobile-menu-toggle{display:flex!important}:root{--navbar-height: 70px}.navbar-container{position:relative}}.row{display:flex;flex-wrap:wrap;margin:0 -16px}.col-6{flex:0 0 50%;padding:0 16px}.col-4{flex:0 0 33.333333%;padding:0 16px;margin-bottom:32px}.col-3{flex:0 0 25%;padding:0 16px;margin-bottom:32px}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;padding:40px;height:100%;transition:transform .3s ease}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rotation-container{display:inline-flex;flex-direction:column;height:1.25em;overflow:hidden;vertical-align:bottom;position:relative}.rotation-wrapper{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.76,0,.24,1)}.rotation-item{height:1.25em;line-height:1.25em;white-space:nowrap}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.hero-section{padding:100px 0;background-color:var(--bg-soft);position:relative;overflow:hidden}.hero-title{font-family:Montserrat,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.05;color:var(--dark);margin-bottom:20px}.hero-bg-gradient{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-body));pointer-events:none}.star-rating{color:#fbbf24;display:flex;gap:4px;font-size:18px}.hero-subtitle{font-size:14px;font-weight:700;color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px}.hero-description{font-size:18px;color:var(--text-muted);margin-bottom:24px;max-width:560px;line-height:1.6}.tech-badges-wrapper{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.tech-badge i.fa-laravel{color:#ff2d20}.tech-badge i.fa-bolt{color:#646cff}.tech-badge i.fa-css3-alt{color:#1572b6}.hero-actions{display:flex;gap:16px}.hero-btn-icon{font-size:15px}.hero-stats-container{display:flex;gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.stat-value{font-size:32px;font-weight:900;color:var(--dark);line-height:1}.stat-label{font-size:13px;color:var(--text-muted);font-weight:600;margin-top:4px}.hero-image-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.hero-image-container{position:relative;width:100%}.hero-preview-image{width:110%;border-radius:12px;border:8px solid var(--bg-surface);transition:all .6s cubic-bezier(.4,0,.2,1)}.hero-img-light{box-shadow:0 40px 80px #0003;transform:perspective(1500px) rotateY(-8deg) rotateX(4deg)}.hero-img-dark{box-shadow:0 40px 80px #0006;transform:perspective(1500px) rotateY(-8deg) rotateX(4deg)}[data-theme=dark] .hero-img-light{display:none!important}[data-theme=dark] .hero-img-dark{display:block!important}html:not([data-theme=dark]) .hero-img-dark{display:none!important}html:not([data-theme=dark]) .hero-img-light{display:block!important}.hero-floating-badge{position:absolute;bottom:-20px;left:-30px;background:var(--bg-surface);padding:20px;border-radius:12px;box-shadow:0 20px 40px #00000026;border:1px solid var(--border);z-index:10}.badge-content{display:flex;align-items:center;gap:12px}.badge-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px}.badge-title{font-weight:800;font-size:14px;color:var(--text-main)}.badge-subtitle{font-size:12px;color:var(--text-muted)}.section-body{background:var(--bg-body)}.section-pill{display:inline-block;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.pill-primary{background:#eff6ff;color:var(--primary)}.pill-warning{background:#fef3c7;color:#f59e0b}.pill-indigo{background:#e0e7ff;color:#6366f1}.pill-glass{background:#ffffff1a;color:#fff}.section-heading{font-family:Montserrat,sans-serif;font-size:48px;font-weight:900;color:var(--dark);margin-bottom:16px}.section-subtext{font-size:18px;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.7}.icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.icon-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.icon-blue i{font-size:28px;color:var(--primary)}.icon-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.icon-green i{font-size:28px;color:#10b981}.icon-yellow{background:linear-gradient(135deg,#fef3c7,#fde68a)}.icon-yellow i{font-size:28px;color:#f59e0b}.icon-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.icon-pink i{font-size:28px;color:#ec4899}.icon-indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.icon-indigo i{font-size:28px;color:#6366f1}.icon-red{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.icon-red i{font-size:28px;color:#ef4444}.card-title{font-size:20px;font-weight:800;margin-bottom:12px;color:var(--dark)}.card-text{color:var(--text-muted);line-height:1.7;font-size:15px}.tech-grid-container{max-width:900px;margin:0 auto}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);border-radius:16px;overflow:hidden;border:1px solid var(--border)}.tech-card-item{background:var(--bg-surface);padding:32px}.tech-label{font-weight:700;color:var(--text-muted);font-size:13px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.tech-value{font-weight:800;font-size:18px;color:var(--dark)}.section-performance{padding:100px 0;background:#0f172a;color:#fff;position:relative;overflow:hidden}.perf-glow{position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}.perf-content{position:relative;z-index:1}.perf-heading{font-family:Montserrat,sans-serif;font-size:56px;font-weight:900;margin-bottom:60px;line-height:1.2;color:#fff}.perf-stat-val{font-size:72px;font-weight:900;margin-bottom:16px;line-height:1}.perf-stat-label{color:#fff9;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:2px}.cta-btn-lg{padding:20px 60px;font-size:16px;box-shadow:0 20px 40px #3b82f666}.license-text{margin-top:20px;color:#ffffff80;font-size:14px}.license-link{color:#ffffffb3;text-decoration:underline}.comp-card{padding:32px;border-radius:20px}.comp-card-icon{width:50px;height:50px;background:var(--bg-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:20px}.comp-card-icon i{font-size:20px}.comp-title{font-weight:800;font-size:18px;margin:0 0 8px;color:var(--dark)}.comp-desc{color:var(--text-muted);font-size:14px;margin:0;line-height:1.6}.cta-section{padding:100px 0;background-color:var(--bg-surface);color:var(--text-main);text-align:center;border-top:1px solid var(--border)}.cta-btn-primary{padding:18px 48px;font-size:16px;font-weight:800;box-shadow:0 10px 25px #3b82f64d}.cta-btn-outline{background:var(--bg-surface);color:var(--text-main);border:2px solid var(--border);padding:18px 48px;font-size:16px;font-weight:800;transition:all .3s ease}.cta-btn-outline:hover{background:var(--border)}@media(max-width:768px){.hero-title{text-align:center;font-size:32px!important}.hero-description{text-align:center;margin-left:auto;margin-right:auto}.hero-stats-container{justify-content:center}.hero-preview-image{width:100%!important;transform:none!important;margin-top:40px;box-shadow:0 10px 30px #0000001a!important;transition:none!important}.hero-preview-image:hover{transform:none!important;box-shadow:0 10px 30px #0000001a!important}.hero-floating-badge{position:static!important;margin-top:20px;display:inline-flex;left:auto!important;bottom:auto!important}}.nav-chevron-secondary{font-size:12px;opacity:.5}.mobile-nav-item{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.row{margin:0 -8px}.col-6,.col-4,.col-3{flex:0 0 100%!important;max-width:100%!important;padding:0 8px!important;margin-bottom:24px}.container{padding:0 16px}.feature-card{padding:24px!important;text-align:left!important;display:flex;flex-direction:column;align-items:flex-start}.icon-wrapper{width:54px!important;height:54px!important;margin:0 0 20px!important}.icon-wrapper i{font-size:20px!important}.card-title{font-size:18px!important;margin-bottom:8px!important}.card-text{font-size:14px}.comp-card{flex-direction:row!important;align-items:center!important;gap:20px!important;padding:20px!important}.comp-card-icon{margin-bottom:0!important}.comp-desc{text-align:left;margin-top:4px}.tech-grid{grid-template-columns:1fr!important}.perf-stat-val{font-size:48px!important}.perf-heading{font-size:32px!important;line-height:1.3!important}.section-heading{font-size:28px!important}}@media(min-width:769px){.hero-preview-image:hover{transform:perspective(1500px) rotateY(0) rotateX(0) scale(1.25)!important;box-shadow:0 50px 120px #00000059!important}}.footer{background:#000;color:#fff;padding:100px 0 60px;border-top:1px solid rgba(255,255,255,.05)}.footer h4{font-size:18px;font-weight:700;margin-bottom:24px;color:#fff;text-transform:uppercase;letter-spacing:1px}.footer p{color:#ffffffb3;line-height:1.8;font-size:16px}.footer a{color:#fff9;text-decoration:none;transition:all .3s ease;font-size:16px;display:inline-block}.footer a:hover{color:var(--primary);transform:translate(4px)}.footer-legal{border-top:1px solid rgba(255,255,255,.08);margin-top:80px;padding-top:40px;text-align:center;font-size:15px;color:#ffffff80;line-height:1.8}.footer-legal a{color:var(--primary);opacity:.9;font-weight:500;font-size:15px}.footer-legal a:hover{opacity:1;text-decoration:underline;transform:none}.footer-links-stack{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.footer .row{flex-direction:column}.footer .col-6{margin-bottom:40px}}.theme-toggle-desktop{padding:8px;border-radius:50%;width:40px;height:40px;background:transparent;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-controls-gap{gap:12px;align-items:center}.theme-toggle-mobile{padding:0;border-radius:50%;width:40px;height:40px;background:transparent;border:1px solid var(--border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer}.burger-btn-style{border:none;background:transparent;color:var(--text-main);font-size:24px}.nav-chevron{font-size:12px;opacity:.5}.mobile-btn-center{justify-content:center}.mobile-login-btn{border:1px solid var(--border);background:transparent;color:var(--text-main);justify-content:center}.footer-brand-white{color:#fff;margin-bottom:24px}.footer-version{font-size:14px;opacity:.6;margin-left:8px}.footer-columns-wrapper{display:flex;gap:80px}.footer-links-list{display:flex;flex-direction:column;gap:12px}.topbar-msg{margin-right:8px}.topbar-link{margin-left:12px;display:inline-flex;align-items:center;padding:4px 14px;background:#60a5fa26;border:1px solid rgba(96,165,250,.3);border-radius:20px;font-size:11px;color:#93c5fd;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:all .2s}.topbar-link:hover{background:#60a5fa40;color:#fff}.tech-badge{background:var(--bg-surface);border:1px solid var(--border);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-main);display:inline-flex;align-items:center;gap:10px;box-shadow:0 1px 2px #0000000d;transition:all .2s;text-decoration:none}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d;border-color:var(--primary)}.tech-badge i{font-size:16px}.dot-pattern{background-image:radial-gradient(var(--dot-color) .8px,transparent 1px);background-size:16px 16px}.support-hero{padding:160px 0 100px;background-color:var(--bg-soft);background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:40px 40px;position:relative;overflow:hidden;text-align:center}.support-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-body))}.support-container{max-width:900px;margin:-60px auto 120px;position:relative;z-index:10;padding:0 20px}.support-card-simple{background:var(--bg-surface);border:1px solid var(--border);border-radius:32px;padding:60px;box-shadow:0 40px 80px #0000000d;display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:768px){.support-card-simple{grid-template-columns:1fr;padding:40px 30px}}.support-option{text-align:center;padding:30px;border-radius:20px;transition:all .3s ease;text-decoration:none;display:block}.support-option:hover{background:var(--bg-soft);transform:translateY(-5px)}.support-icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;transition:all .3s ease}.support-option.github .support-icon-circle{background:#f3f4f6;color:#1f2937}.support-option.email .support-icon-circle{background:#3b82f61a;color:var(--primary)}.support-title{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:12px}.support-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.btn-pill-simple{display:inline-block;margin-top:20px;padding:12px 24px;border-radius:50px;font-weight:700;font-size:14px;transition:all .3s ease}.github .btn-pill-simple{background:#1f2937;color:#fff}.email .btn-pill-simple{background:var(--primary);color:#fff}.hero-title-mb{margin-bottom:20px}.support-hero-text{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.codeberg-hero-section{padding:96px 0;background-color:var(--bg-soft);background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:40px 40px;min-height:100vh;position:relative;overflow:hidden}.codeberg-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-body));pointer-events:none}.codeberg-badge{display:inline-block;background:#e0e7ff;color:#6366f1;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.codeberg-title-mb{margin-bottom:24px}.codeberg-text{color:#2185d0}[data-theme=dark] .codeberg-text{color:#fff}.codeberg-description{font-size:18px;color:var(--text-muted);margin-bottom:32px;line-height:1.8}.codeberg-logo-img{width:300px}.mobile-hero-logo{display:none}.mobile-hero-logo img{width:180px}[data-theme=dark] .logo-light{display:none!important}[data-theme=dark] .logo-dark{display:block!important}html:not([data-theme=dark]) .logo-dark{display:none!important}html:not([data-theme=dark]) .logo-light{display:block!important}.codeberg-card-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.codeberg-card-icon.blue{background:#dbeafe}.codeberg-card-icon.blue i{color:#2563eb;font-size:24px}.codeberg-card-icon.green{background:#dcfce7}.codeberg-card-icon.green i{color:#16a34a;font-size:24px}.codeberg-card-icon.yellow{background:#fef3c7}.codeberg-card-icon.yellow i{color:#d97706;font-size:24px}.codeberg-card-icon.pink{background:#fce7f3}.codeberg-card-icon.pink i{color:#db2777;font-size:24px}.codeberg-card-title{font-size:20px;font-weight:800;margin-bottom:12px;color:var(--dark)}.codeberg-card-desc{color:var(--text-muted);line-height:1.6}.codeberg-mt-20{margin-top:5rem}.hero-icon-col{display:flex;justify-content:center}@media(max-width:768px){.hero-icon-col{display:none!important}.mobile-hero-logo{display:flex!important;justify-content:center;margin-bottom:32px;width:100%}.hero-actions{flex-direction:column;width:100%;align-items:center;gap:16px!important}.hero-actions .btn{width:auto!important;padding-left:40px;padding-right:40px}.row.codeberg-mt-20{margin-top:40px!important}.row-gap-fix{margin-bottom:0!important}}@media(min-width:769px){.row-gap-fix{margin-bottom:24px}}.download-hero{padding:160px 0 100px;background-color:var(--bg-soft);background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:40px 40px;position:relative;overflow:hidden;text-align:center}.download-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-body))}.download-badge{display:inline-block;background:#eff6ff;color:var(--primary);padding:8px 24px;border-radius:50px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.download-hero-title-mb{margin-bottom:24px}.download-hero-desc{font-size:18px;color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.6}.download-container{max-width:900px;margin:-60px auto 120px;position:relative;z-index:10;padding:0 20px}.download-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.download-option{background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;padding:40px;text-align:left;transition:all .3s ease;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;height:100%}.download-icon-box{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px}.download-icon-box.codeberg-box{position:relative;background:#3b82f61a;color:var(--primary)}.github-box{background:#f3f4f6;color:#1f2937}.zip-box{background:#3b82f61a;color:var(--primary)}.download-option-title{font-size:20px;font-weight:800;color:var(--dark);margin-bottom:12px}.download-option-desc{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:30px;flex-grow:1}.codeberg-icon-light,.codeberg-icon-dark{position:absolute;height:32px;width:auto}.codeberg-icon-light{display:block}.codeberg-icon-dark{display:none}.btn-outline-codeberg:hover{background:var(--bg-soft)!important;transform:translateY(-2px)}.btn-justify-center{justify-content:center}.download-footer-container{text-align:center;margin-top:20px;margin-bottom:40px}.download-footer-text{color:var(--text-muted);font-size:15px;margin-bottom:16px}.btn-docs-outline{border:1px solid var(--border);padding:12px 32px;font-weight:700;font-size:14px}html[data-theme=dark] .codeberg-icon-light,body[data-theme=dark] .codeberg-icon-light{display:none!important}html[data-theme=dark] .codeberg-icon-dark,body[data-theme=dark] .codeberg-icon-dark{display:block!important}html[data-theme=dark] .download-icon-box.codeberg-box,body[data-theme=dark] .download-icon-box.codeberg-box{background:#3b82f626}html[data-theme=dark] .zip-box,body[data-theme=dark] .zip-box{background:#3b82f626;color:#f8fafc}@media(max-width:768px){.download-card-grid{grid-template-columns:1fr}}.demo-hero{padding:160px 0 100px;background-color:var(--bg-soft);background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:40px 40px;position:relative;overflow:hidden;text-align:center}.demo-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-body))}.demo-container{max-width:900px;margin:-60px auto 120px;position:relative;z-index:10;padding:0 20px}.demo-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}@media(max-width:768px){.demo-card-grid{grid-template-columns:1fr}}.demo-option{background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;padding:40px;text-align:left;transition:all .3s ease;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;height:100%}.demo-icon-box{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px}.register-box{background:#3b82f61a;color:var(--primary)}.login-box{background:#10b9811a;color:#10b981}.demo-option-title{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:12px}.demo-option-desc{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:30px;flex-grow:1}.demo-badge{display:inline-block;background:#eff6ff;color:var(--primary);padding:8px 24px;border-radius:50px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.demo-hero-title-mb{margin-bottom:24px}.demo-hero-desc{font-size:18px;color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.6}.demo-btn-center{justify-content:center}.demo-footer-container{text-align:center;margin-top:20px;margin-bottom:40px}.demo-footer-text{color:var(--text-muted);font-size:15px;margin-bottom:16px}.demo-btn-large{padding:12px 32px;font-weight:700;font-size:14px}