.dn-container{max-width:1024px;margin:0 auto;padding:2rem 1rem}.dn-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.dn-card__media img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.dn-card__body{padding:1.25rem}.dn-card__title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.dn-card__meta{margin-top:.5rem}.dn-card__excerpt{color:#4b5563;font-size:.95rem;line-height:1.6}.dn-card__footer{border-top:1px solid #f3f4f6;padding:1.25rem;text-align:center}.dn-btn{background-color:#f97316;color:#fff;font-weight:700;border:none;border-radius:10px;padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s ease}.dn-btn:hover{background-color:#ea580c}.dn-badge{display:inline-block;background:#f3f4f6;color:#374151;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:16px;max-width:560px;width:92%;border:1px solid #e5e7eb;box-shadow:0 10px 40px #0000002e;transform:translateY(8px);opacity:0;transition:.18s}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f1f5f9}.modal-body{padding:16px}.modal.show{transform:none;opacity:1}.modal-backdrop.show{display:flex}.xbtn{background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer}.form-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.form-row label{font-weight:600;color:#111827;font-size:.9rem}.form-row input{border:1px solid #e5e7eb;border-radius:10px;padding:.6rem .75rem;font-size:.95rem}.btn-cta{background:#f97316;color:#fff;border:none;border-radius:12px;padding:.7rem 1rem;font-weight:700;width:100%;cursor:pointer;transition:background .2s ease}.btn-cta:hover{background:#ea580c}.preset{border:1px solid #e5e7eb;border-radius:8px;padding:.25rem .6rem;font-size:.8rem;cursor:pointer;background:#fff}.preset:hover{background:#f3f4f6}@media (max-width: 768px){.dn-card__title{font-size:1.25rem}.dn-btn{font-size:.95rem;padding:.65rem 1rem}.modal{width:95%}}.payment-method-wrapper{margin-top:24px}.payment-method-title{font-weight:600;margin-bottom:8px;font-size:1rem}.payment-method-grid{display:grid;grid-template-columns:1fr;gap:12px}.payment-method-card{display:block;cursor:pointer;text-decoration:none}.payment-method-card input[type=radio]{display:none}.payment-method-content{display:flex;flex-direction:column;justify-content:space-between;gap:8px;border-radius:12px;border:1px solid #e5e7eb;padding:12px 14px;background:#fff;box-shadow:0 4px 10px #0f172a08;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .08s ease}.payment-method-card:hover .payment-method-content{border-color:#fed7aa;box-shadow:0 8px 20px #0f172a14;transform:translateY(-1px)}.payment-method-header{display:flex;align-items:center;gap:10px}.payment-method-check{width:18px;height:18px;border-radius:999px;border:2px solid #d4d4d8;display:inline-flex;align-items:center;justify-content:center;position:relative}.payment-method-check:after{content:"";width:10px;height:10px;border-radius:999px;background:transparent}.payment-method-name{font-size:.95rem;font-weight:600}.payment-method-sub{font-size:.8rem;color:#6b7280}.payment-method-badge{align-self:flex-start;font-size:.75rem;padding:4px 8px;border-radius:999px;background:#f3f4f6;color:#4b5563;font-weight:500}.payment-method-badge-primary{background:#ffedd5;color:#c05621}.payment-method-card input[type=radio]:checked+.payment-method-content{border-color:#fb923c;background:#fff7ed;box-shadow:0 10px 25px #fb923c2e}.payment-method-card input[type=radio]:checked+.payment-method-content .payment-method-check{border-color:#fb923c}.payment-method-card input[type=radio]:checked+.payment-method-content .payment-method-check:after{background:#fb923c}@media (max-width: 640px){.payment-method-content{padding:10px 12px}.payment-method-name{font-size:.9rem}.payment-method-sub{font-size:.78rem}}