.preload,.preload *,.preload *::before,.preload *::after{transition:none!important;animation:none!important}
        :root {
            --bg: #0a0a0a; --green: #00ff41; --gd: #008f11; --primary: #00ff41;
            --cyan: #00bfff; --border: #1e2124; --border2: #2a2d31;
            --text: #e0e0e0; --muted: #888;
            --red: #ff4444; --red-dim: #ff7777;
            --panel: #0f1012; --panel2: #0a0c0e; --panel-header: #111316;
            --dot-red: #ff5f57; --dot-yellow: #febc2e; --dot-green: #28c840;
            --primary-a04: rgba(0,255,65,0.04); --primary-a25: rgba(0,255,65,0.25);
            --primary-a30: rgba(0,255,65,0.3); --primary-a40: rgba(0,255,65,0.4);
            --primary-a50: rgba(0,255,65,0.5);
            --menu-border: #1c3a1c; --border-subtle: #1a1a1a;
            --green-hover: #00cc34;
            --ft: 'VT323', monospace; --fm: 'Roboto Mono', monospace;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            background: var(--bg); color: var(--text);
            font-family: var(--fm); min-height: 100vh;
            display: flex; flex-direction: column;
        }
        body::before {
            content: ''; position: fixed; inset: 0;
            background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.07) 2px, rgba(0,0,0,0.07) 4px);
            pointer-events: none; z-index: 9999;
        }

        /* ─── Navbar ─── */
        .navbar { background: var(--bg); border-bottom: 1px solid var(--border); padding: 14px 28px; display: flex; align-items: center; justify-content: space-between; }
        .nav-brand { font-family: var(--ft); font-size: 1.6rem; color: var(--green); text-decoration: none; letter-spacing: 3px; display: flex; align-items: center; gap: 10px; }
        .nav-brand::before { content: '▶'; color: var(--cyan); font-size: 0.9rem; }
        .nav-links { display: flex; gap: 20px; align-items: center; }
        .nav-links a { font-family: var(--ft); font-size: 1rem; color: var(--muted); text-decoration: none; letter-spacing: 1px; transition: color 0.2s; }
        .nav-links a:hover { color: var(--cyan); }
        [data-theme="light"] {
            --bg:#F4F4F5; --green:#006B2D; --gd:#004D1F; --primary:#006B2D;
            --cyan:#0369A1; --border:#C4C4C8; --border2:#8C8C90;
            --text:#18181B; --muted:#5A5A63;
            --panel:#EAEAEC; --panel2:#E4E4E6; --panel-header:#DDDDE0;
            --red:#cc0000; --red-dim:#b30000;
            --dot-red:#ff5f57; --dot-yellow:#e5a000; --dot-green:#1fa835;
            --primary-a04:rgba(0,107,45,0.06); --primary-a25:rgba(0,107,45,0.2);
            --primary-a30:rgba(0,107,45,0.25); --primary-a40:rgba(0,107,45,0.35);
            --primary-a50:rgba(0,107,45,0.45);
            --menu-border:#b0c8b0; --border-subtle:#d8d8da;
            --green-hover:#005523; --text-inverse:#fff;
        }
        [data-theme="light"] body::before { opacity: 0.3; }
        [data-theme="light"] .navbar { background:rgba(244,244,245,.97) !important; }
        [data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg)} [data-theme="light"] ::-webkit-scrollbar-thumb{background:var(--border)}
        .page-theme-toggle {
            min-width:36px; min-height:36px; display:inline-flex; align-items:center; justify-content:center;
            background:transparent; border:1px solid var(--border); color:var(--muted); border-radius:6px; cursor:pointer;
            font-size:1rem; padding:4px; transition:border-color .2s, color .2s;
        }
        .page-theme-toggle:hover { border-color:var(--cyan); color:var(--cyan); }
        .btn-nav { font-family: var(--ft); font-size: 1rem; background: transparent; border: 1px solid var(--green); color: var(--green); padding: 6px 16px; letter-spacing: 2px; text-decoration: none; transition: 0.2s; }
        .btn-nav:hover { background: var(--green); color: var(--text-inverse); }

        /* ─── Layout ─── */
        .main { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; max-width: 1100px; margin: 0 auto; padding: 60px 24px; width: 100%; }
        @media (max-width: 860px) { .main { grid-template-columns: 1fr; } }

        /* ─── Left: info ─── */
        .info-side { display: flex; flex-direction: column; gap: 24px; }
        .trial-badge {
            display: inline-flex; align-items: center; gap: 8px;
            font-family: var(--ft); font-size: 1.1rem; letter-spacing: 3px;
            color: var(--green); border: 1px solid var(--green);
            padding: 6px 14px; width: fit-content;
            text-shadow: 0 0 8px var(--primary-a40);
        }
        .tb-dot { width: 8px; height: 8px; background: var(--green); border-radius: 50%; animation: pulse 1.4s ease-in-out infinite; }
        @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
        .hero-title { font-family: var(--ft); font-size: clamp(1.8rem,6vw,3rem); line-height: 1.1; letter-spacing: 2px; }
        .hero-title span { color: var(--cyan); }
        .hero-sub { font-size: 0.85rem; color: var(--muted); line-height: 1.8; }

        .feature-list { display: flex; flex-direction: column; gap: 8px; }
        .feat { display: flex; align-items: flex-start; gap: 10px; font-size: .88rem; color: var(--muted); }
        .feat-icon { color: var(--green); font-size: 0.85rem; flex-shrink: 0; margin-top: 2px; }

        .price-preview {
            background: var(--panel); border: 1px solid var(--border2); padding: 18px 20px;
        }
        .price-preview .pp-label { font-family: var(--ft); font-size: 0.85rem; letter-spacing: 2px; color: var(--muted); margin-bottom: 6px; }
        .price-preview .pp-val { font-family: var(--ft); font-size: 2.2rem; color: var(--green); }
        .price-preview .pp-note { font-size: .80rem; color: var(--muted); margin-top: 4px; }

        /* ─── Form side ─── */
        .form-side {}
        .term-panel { background: var(--panel2); border: 1px solid var(--border2); }
        .term-header { background: var(--panel-header); border-bottom: 1px solid var(--border); padding: 10px 14px; display: flex; align-items: center; gap: 8px; }
        .th-dots { display: flex; gap: 6px; }
        .th-dot { width: 10px; height: 10px; border-radius: 50%; }
        .th-dot.r { background: var(--dot-red); }
        .th-dot.y { background: var(--dot-yellow); }
        .th-dot.g { background: var(--dot-green); }
        .th-title { font-family: var(--ft); font-size: 0.9rem; letter-spacing: 2px; color: var(--muted); margin-left: 8px; }
        .term-body { padding: 28px 24px; }

        .form-row { margin-bottom: 18px; }
        .form-label { font-family: var(--ft); font-size: 1rem; letter-spacing: 2px; color: var(--cyan); display: block; margin-bottom: 6px; }
        .form-control-cyber {
            width: 100%; background: var(--bg); border: 1px solid var(--border2);
            color: var(--text); font-family: var(--fm); font-size: .88rem;
            padding: 10px 14px; outline: none; transition: border-color 0.2s;
        }
        .form-control-cyber:focus { border-color: var(--cyan); }
        .form-control-cyber.error { border-color: var(--red); }
        .err-msg { font-size: .85rem; color: var(--red); margin-top: 4px; }

        /* Slider */
        .slider-wrap { margin-bottom: 18px; }
        .slider-val { font-family: var(--ft); font-size: 1.6rem; color: var(--green); margin-bottom: 8px; }
        input[type="range"].cyber-slider {
            -webkit-appearance: none; width: 100%; height: 4px;
            background: linear-gradient(to right, var(--green) 0%, var(--border2) 0%);
            outline: none; border: none; cursor: pointer;
        }
        input[type="range"].cyber-slider::-webkit-slider-thumb {
            -webkit-appearance: none; width: 16px; height: 16px;
            background: var(--green); border-radius: 50%;
            box-shadow: 0 0 8px var(--primary-a50);
        }
        .slider-labels { display: flex; justify-content: space-between; font-size: .76rem; color: var(--muted); margin-top: 4px; }

        .price-line { background: var(--bg); border: 1px solid var(--border); padding: 12px 16px; margin: 18px 0; display: flex; align-items: baseline; gap: 8px; }
        .price-amount { font-family: var(--ft); font-size: 2rem; color: var(--green); }
        .price-suffix { font-size: .85rem; color: var(--muted); }
        .price-note { font-size: .76rem; color: var(--muted); margin-top: 4px; }

        .trial-info {
            border: 1px solid var(--primary-a25); background: var(--primary-a04);
            padding: 12px 16px; margin-bottom: 18px; font-size: .85rem; color: var(--muted); line-height: 1.7;
        }
        .trial-info strong { color: var(--green); }

        .btn-trial-submit {
            font-family: var(--ft); font-size: 1.5rem; letter-spacing: 2px; font-weight: bold;
            background: var(--green); color: #0a0a0a; border: none; width: 100%;
            padding: 18px; cursor: pointer; text-transform: uppercase; transition: 0.2s;
            display: flex; align-items: center; justify-content: center; gap: 10px;
            text-shadow: 0 1px 0 rgba(255,255,255,0.2);
        }
        .btn-trial-submit:hover { background: var(--green-hover); color: #fff; box-shadow: 0 0 25px var(--primary-a30); }
        .btn-small-note { font-size: .76rem; color: var(--muted); text-align: center; margin-top: 10px; line-height: 1.6; }

        .stripe-error { border: 1px solid var(--red); padding: 12px 16px; font-size: .85rem; color: var(--red-dim); margin-bottom: 16px; }

        /* ─── Footer ─── */
        .site-footer { border-top: 1px solid var(--border); padding: 18px 28px; font-size: .76rem; color: var(--muted); }

        /* ─── Mobile ─── */
        .mob-nav-btn { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:6px; background:transparent; border:1px solid var(--menu-border); }
        .mob-nav-btn span { display:block; width:20px; height:2px; background:var(--green); transition:.25s; }
        .mob-nav-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
        .mob-nav-btn.open span:nth-child(2){opacity:0;}
        .mob-nav-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
        .mob-nav-drawer { display:none; flex-direction:column; background:var(--bg); border-top:1px solid var(--border); padding:10px 20px 14px; gap:4px; }
        .mob-nav-drawer a { font-family:var(--ft); font-size:1rem; color:var(--muted); text-decoration:none; padding:9px 0; border-bottom:1px solid var(--border-subtle); letter-spacing:1px; }
        .mob-nav-drawer a:last-child { border-bottom:none; }
        .mob-nav-drawer a:hover { color:var(--green); }
        @media(max-width:991px){
            .mob-nav-btn { display:flex; }
            .nav-links { display:none !important; }
            .mob-nav-drawer.open { display:flex; }
            .lang-switcher-wrap { display:none !important; }
        }
        @media(max-width:640px){
            .main { padding: 32px 16px; gap:32px; }
        }
        /* ── RTL (Arabic / Hebrew) overrides ── */
        [dir="rtl"] {
            direction: rtl;
            text-align: right;
        }
        [dir="rtl"] .navbar { flex-direction: row-reverse; }
        [dir="rtl"] .nav-brand { flex-direction: row-reverse; }
        [dir="rtl"] .nav-brand::before { content: '◀'; }
        [dir="rtl"] .feat { flex-direction: row-reverse; text-align: right; }
        [dir="rtl"] .term-header { direction: ltr; }
        [dir="rtl"] .lang-links { direction: ltr; }
        [dir="rtl"] pre, [dir="rtl"] code { direction: ltr; text-align: left; }
    

/* Strona posrednia aktywacji (link z maila) i stan „konto aktywne, brak ciasteczek" */
.tv-wrap { text-align: center; padding: 36px 16px 28px; }
.tv-spinner { width: 46px; height: 46px; margin: 0 auto 20px; border-radius: 50%;
              border: 3px solid var(--border); border-top-color: var(--primary);
              animation: tvspin .9s linear infinite; }
@keyframes tvspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .tv-spinner { animation-duration: 2.4s; } }
.tv-title { color: var(--primary); margin-bottom: 12px; letter-spacing: 2px; }
.tv-sub { color: var(--muted); font-size: .95rem; line-height: 1.7; margin-bottom: 8px; }
.tv-next { color: var(--muted); font-size: .88rem; line-height: 1.65; margin: 10px auto 0; max-width: 42ch; }
.tv-fallback { margin-top: 24px; }
.tv-link { word-break: break-all; font-family: var(--fm); font-size: .88rem; line-height: 1.6;
           margin: 14px 0 18px; padding: 12px 14px; border: 1px solid var(--border); background: var(--panel); }
.tv-link a { color: var(--primary); text-decoration: none; }
/* Stany po wyslaniu formularza / z linku z maila: jedna wysrodkowana karta, bez kolumny marketingowej
   (na telefonie hero spychalo panel aktywacji pod ekran). */
.main.tv-focus { grid-template-columns: 1fr; max-width: 620px; }
.main.tv-focus .info-side { display: none; }