.pratikis-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:40px 0}.pratikis-nav .tab{padding:12px 26px;border-radius:30px;border:2px solid #eee;cursor:pointer;background:#fff;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.pratikis-nav .tab.active,.pratikis-nav .tab:hover{background:#008060;color:#fff;border-color:#008060}.pratikis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.pratikis-card{background:#fff;border-radius:14px;border:1px solid #e9e5ef;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .08);position:relative}.pratikis-card .img img{width:100%;height:240px;object-fit:cover;object-position:top;transition:object-position 4s ease;display:block}.pratikis-card:hover .img img{object-position:bottom}.preview-wrapper{background:#0b0f19;display:flex;align-items:center;justify-content:center;height:240px;overflow:hidden}.preview-frame{width:100%;height:140px;border:none;pointer-events:none}.pratikis-inline-preview{width:100%;height:240px;overflow:hidden;position:relative;background-color:#f8f9fb;background-image:radial-gradient(#d0d5de 1px,transparent 0);background-size:20px 20px;display:flex;align-items:center;justify-content:center}.pratikis-code-frame{width:100%;height:100%;border:none;pointer-events:none;background:#fff0;display:block}.pratikis-card .top-left{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge-left{background:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;color:#111;line-height:1}.badge-top-right{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:0;z-index:2;border-radius:20px;overflow:hidden}.badge-custom{background:#fff;color:#111;padding:6px 12px;font-size:12px;font-weight:700;line-height:1}.badge-status{padding:6px 14px;font-size:12px;font-weight:700;line-height:1}.badge-free--glow{background:#008060;color:#fff;box-shadow:0 0 6px 2px rgb(0 128 96 / .55),0 0 14px 4px rgb(0 128 96 / .35),0 0 28px 8px rgb(0 128 96 / .18);animation:pratikis-glow-pulse 2.4s ease-in-out infinite}@keyframes pratikis-glow-pulse{0%,100%{box-shadow:0 0 6px 2px rgb(0 128 96 / .55),0 0 14px 4px rgb(0 128 96 / .35),0 0 28px 8px rgb(0 128 96 / .18)}50%{box-shadow:0 0 10px 4px rgb(0 128 96 / .80),0 0 22px 7px rgb(0 128 96 / .50),0 0 40px 12px rgb(0 128 96 / .28)}}.badge-pro{background:#111;color:#F8D053}.badge-soon{background:#F5E6C8;color:#8A6D3B}.badge-top-right .badge-status:first-child{border-radius:20px}.pratikis-card .content{padding:20px}.pratikis-card .content h3{margin:0 0 8px;font-size:16px;font-weight:700;color:#111}.pratikis-card .content p{margin:0 0 4px;font-size:14px;color:#555;line-height:1.5}.pratikis-card .actions{display:flex;gap:12px;margin-top:18px}.btn{flex:1;text-align:center;padding:14px 12px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .25s ease}.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgb(255 255 255 / .35),transparent);transition:.6s}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-outline{border:2px solid #00a67a;background:#f6fffb;color:#008060;box-shadow:0 2px 8px rgb(0 128 96 / .08)}.btn-outline:hover{background:linear-gradient(135deg,#008060,#00c896);color:#fff;box-shadow:0 6px 18px rgb(0 128 96 / .25);transform:translateY(-2px)}.btn-green{background:linear-gradient(135deg,#00c896,#008060);color:#fff;border:none;box-shadow:0 8px 22px rgb(0 128 96 / .35)}.btn-green:hover{background:linear-gradient(135deg,#00e0aa,#009e74);box-shadow:0 12px 28px rgb(0 128 96 / .45);transform:translateY(-2px) scale(1.04)}.btn-black{background:linear-gradient(135deg,#111,#2a2a2a);color:#fff;border:none;box-shadow:0 8px 22px rgb(0 0 0 / .35)}.btn-black:hover{background:linear-gradient(135deg,#1c1c1c,#3a3a3a);box-shadow:0 12px 28px rgb(0 0 0 / .45);transform:translateY(-2px) scale(1.04)}.btn-disabled{background:#eee;color:#999;width:100%;cursor:not-allowed;border:none;text-align:center;padding:14px 12px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.3px}.pratikis-loading{text-align:center;padding:40px 0;color:#888;font-size:15px}