.price-card{transform-style:preserve-3d;will-change:transform;transition:transform .25s ease,box-shadow .25s ease}.price-card:hover{box-shadow:0 26px 70px rgba(25,66,140,.18)}.plan-description{font-size:13px;color:var(--muted);background:var(--soft);padding:11px 12px;border-radius:10px;margin-top:12px;min-height:62px}.steps-grid>div{transition:.35s ease}.steps-grid>div.step-pulse{transform:translateY(-8px);background:rgba(56,145,255,.18);border-color:rgba(80,177,255,.65);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.article-cover{overflow:hidden;position:relative}.article-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.article-card:hover .article-cover img{transform:scale(1.06)}.article-cover:has(img)::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(4,17,41,.62))}.article-cover span{position:relative;z-index:2}.article-content figure{margin:32px 0}.article-content figure img,.article-hero-image{display:block;width:100%;max-height:680px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}.article-content figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:8px}.article-content p{margin:0 0 20px}.article-hero-image{margin:30px 0}.faq-list details[open] summary::after{content:'−'}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-input{padding:9px}.image-preview{display:flex;flex-wrap:wrap;gap:10px;min-height:4px}.image-preview img{width:88px;height:70px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.admin-thumb{width:58px;height:42px;object-fit:cover;border-radius:7px}
.btn{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.btn::after{content:'';position:absolute;left:var(--ripple-x,50%);top:var(--ripple-y,50%);width:0;height:0;border-radius:50%;background:rgba(255,255,255,.38);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.btn.ripple::after{width:280px;height:280px}.timeline>div{transition:background .35s ease,transform .35s ease,opacity .35s ease}.timeline>div.active{transform:translateX(7px);background:#eef5ff;border-radius:12px}.timeline>div.active i{animation:stepBeat 1s ease-in-out infinite}.stat-grid b{font-variant-numeric:tabular-nums}
.contact-float{position:fixed;right:24px;bottom:24px;z-index:80}.contact-button{width:58px;height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:22px;cursor:pointer;box-shadow:0 15px 35px rgba(37,99,235,.34);position:relative;animation:contactFloat 3s ease-in-out infinite}.contact-button i{position:absolute;right:5px;top:5px;width:10px;height:10px;background:#36d58a;border:2px solid #fff;border-radius:50%}.contact-card{position:absolute;right:0;bottom:72px;width:285px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 24px 65px rgba(13,35,75,.22);opacity:0;visibility:hidden;transform:translateY(12px) scale(.96);transition:.25s ease}.contact-float.open .contact-card{opacity:1;visibility:visible;transform:none}.contact-card strong{display:block;font-size:18px}.contact-card p{font-size:13px;color:var(--muted)}.contact-card>div:last-child{background:var(--soft);border-radius:10px;padding:10px;font-weight:700;color:var(--blue)}.contact-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer}.contact-icon{font-size:26px;margin-bottom:8px}
@keyframes stepBeat{50%{transform:scale(1.13);box-shadow:0 0 0 7px rgba(37,99,235,.13)}}@keyframes contactFloat{50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:560px){.contact-float{right:14px;bottom:14px}.contact-card{width:min(285px,calc(100vw - 28px))}.two-fields{grid-template-columns:1fr}}
.plan-option span em{font-style:normal;color:#7b879b;font-size:11px;margin-top:3px}.plan-option-price{display:flex;flex-direction:column;align-items:flex-end}.plan-option-price strong{color:var(--blue)}.plan-option-price del{color:#9aa4b5;font-size:11px}
.site-logo{height:38px;width:auto;max-width:150px;object-fit:contain;border-radius:8px}.contact-qr{display:block;width:180px;height:180px;object-fit:cover;margin:12px auto;border-radius:12px;border:1px solid var(--line)}.contact-link{display:block;text-align:center;background:var(--blue);color:#fff;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:700;margin-bottom:10px}.admin-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}.admin-filters{display:flex;gap:10px;flex-wrap:wrap}.admin-filters .input{width:auto;min-width:150px}.card-code-cell{display:flex;align-items:center;gap:8px;font-family:ui-monospace,monospace}.copy-mini{border:0;background:#0a0a0a;color:#fff;border-radius:6px;padding:4px 8px;cursor:pointer}.table-actions{display:flex;gap:7px}.btn-danger{color:#dc3f52;border:1px solid #f0c8ce;background:#fff}.status-available{color:#15875a;background:#dcf8eb}.status-used{color:#c23d4c;background:#ffe6e9}.status-disabled{color:#6f7785;background:#edf0f4}.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#f8fafc}.rich-toolbar button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px;cursor:pointer}.rich-editor{min-height:420px;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:20px;background:#fff;outline:none}.rich-editor img{max-width:100%;border-radius:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-preview{max-width:180px;max-height:180px;object-fit:contain;border:1px solid var(--line);border-radius:10px;padding:6px}.totp-secret{font-family:ui-monospace,monospace;letter-spacing:2px;background:#eef4ff;padding:12px;border-radius:8px;word-break:break-all}.page-actions{display:flex;gap:10px;align-items:center}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:18px}.pagination a{padding:6px 10px;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--blue);color:#fff}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.admin-filters .input{width:100%}}
.payment-inline{margin-top:25px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f6f9ff)}.payment-inline h2{margin-bottom:5px}.payment-inline>p{color:var(--muted);font-size:13px}.payment-inline #payment-qrcode{width:244px;min-height:244px;margin:22px auto;padding:12px;background:#fff;border-radius:16px;box-shadow:0 15px 40px rgba(18,46,98,.14)}.payment-inline #payment-qrcode img,.payment-inline #payment-qrcode canvas{display:block;margin:auto}.pay-waiting{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--blue);font-size:13px;margin:15px}.pay-waiting i{width:9px;height:9px;border-radius:50%;background:var(--blue);animation:payPulse 1.2s infinite}.order-result-list{display:grid;gap:10px;margin:24px 0}.order-result-list>a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;border:1px solid var(--line);border-radius:12px;padding:15px;text-align:left}.order-result-list small{display:block;color:var(--muted)}.order-result-list>a>b{color:var(--blue)}@keyframes payPulse{50%{opacity:.3;transform:scale(.7)}}@media(max-width:560px){.payment-inline{padding:18px}.payment-inline #payment-qrcode{width:224px;min-height:224px}.order-result-list>a{grid-template-columns:1fr auto}.order-result-list>a>b{display:none}}