.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-sm);border:2px solid transparent;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition);cursor:pointer;white-space:nowrap;line-height:1.4;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);color:var(--white);border-color:var(--brand)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:var(--shadow-md)}.btn-outline{background:0 0;color:var(--brand);border-color:var(--brand)}.btn-outline:hover{background:var(--brand);color:var(--white)}.btn-white{background:var(--white);color:var(--brand);border-color:var(--white)}.btn-white:hover{background:var(--gray-100)}.btn-ghost-white{background:rgba(255,255,255,.12);color:var(--white);border-color:rgba(255,255,255,.4);backdrop-filter:blur(4px)}.btn-ghost-white:hover{background:rgba(255,255,255,.22)}.btn-danger{background:var(--error);color:var(--white);border-color:var(--error)}.btn-danger:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-base)}.btn-full{width:100%}.card{position:relative;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__img-wrap{display:block;overflow:hidden}.card__img{width:100%;height:15rem;object-fit:cover;transition:transform .5s ease}.card:hover .card__img{transform:scale(1.05)}.card__body{padding:var(--sp-5)}.card__title{font-size:var(--text-base);font-weight:700;margin:var(--sp-2) 0;line-height:1.4}.card__title a{color:var(--gray-900)}.card__title a:hover{color:var(--brand)}.card__desc{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--sp-3);line-height:1.5}.card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-100);padding-top:var(--sp-3);margin-top:var(--sp-3)}.card__price{font-size:1.3rem;font-weight:800;color:var(--brand)}.card__badge{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:1;background:var(--error);color:var(--white);font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.25rem .6rem;border-radius:var(--radius-full)}.card__badge--hot{background:var(--gold);color:var(--gray-900)}.card__badge--new{background:var(--success)}.rating{display:inline-flex;align-items:center;gap:var(--sp-1);background:#fefce8;padding:.2rem .5rem;border-radius:.5rem;font-size:var(--text-sm);font-weight:700;color:var(--gray-700);margin-bottom:var(--sp-2)}.rating__star{color:var(--warning)}.badge{display:inline-block;padding:.2rem .7rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-blue{background:var(--brand-light);color:var(--brand)}.badge-red{background:#fee2e2;color:#b91c1c}.badge-green{background:#d1fae5;color:#065f46}.badge-orange{background:#fff7ed;color:#c2410c}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.form-group{margin-bottom:var(--sp-5)}.form-row{display:grid;gap:var(--sp-4)}@media (min-width:640px){.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);margin-bottom:.375rem}.form-required{color:var(--error);margin-left:.2rem}.form-input,.form-textarea,.form-select{width:100%;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.95rem;color:var(--gray-900);background:var(--white);outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,64,135,.12)}.form-textarea{resize:vertical;min-height:8rem}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem}.form-hint{font-size:var(--text-xs);color:var(--gray-500);margin-top:.25rem}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:.25rem}.alert{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-sm);margin-bottom:var(--sp-6);font-size:var(--text-sm);border:1.5px solid transparent;display:flex;align-items:flex-start;gap:var(--sp-3)}.alert-success{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.alert-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.alert-info{background:var(--brand-light);border-color:#93c5fd;color:var(--brand)}.alert-warning{background:#fef9c3;border-color:#fde047;color:#92400e}.accordion__group{display:flex;flex-direction:column}.accordion__item{background:var(--white);border:1px solid var(--gray-200);overflow:hidden}.accordion__item:first-child{border-radius:var(--radius) var(--radius) 0 0}.accordion__item:last-child{border-radius:0 0 var(--radius) var(--radius)}.accordion__item+.accordion__item{border-top:none}.accordion__item:hover{border-color:#bfdbfe}.accordion__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--sp-5) var(--sp-6);font-weight:700;font-size:var(--text-base);color:var(--gray-800);background:0 0;border:none;text-align:left;cursor:pointer;gap:var(--sp-4);transition:background var(--transition),color var(--transition)}.accordion__btn:hover{background:var(--gray-50);color:var(--brand)}.accordion__btn.is-open{color:var(--brand);background:var(--brand-light)}.accordion__icon{font-size:1.1rem;color:var(--brand);flex-shrink:0;transition:transform .3s ease}.accordion__btn.is-open .accordion__icon{transform:rotate(180deg)}.accordion__body{display:none;padding:var(--sp-5) var(--sp-6) var(--sp-6);color:var(--gray-600);line-height:1.75;border-top:1px solid var(--gray-100);font-size:.95rem}.accordion__body.is-open{display:block}.blog-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-card__img{width:100%;height:13rem;object-fit:cover}.blog-card__body{padding:var(--sp-5);flex:1;display:flex;flex-direction:column}.blog-card__cat{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--brand);letter-spacing:.05em;margin-bottom:var(--sp-2)}.blog-card__title{font-size:var(--text-base);font-weight:700;line-height:1.4;color:var(--gray-900);margin-bottom:var(--sp-2)}.blog-card__title:hover{color:var(--brand)}.blog-card__excerpt{font-size:var(--text-sm);color:var(--gray-500);line-height:1.6;flex:1}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--gray-100)}.blog-card__read{font-size:var(--text-sm);font-weight:700;color:var(--brand)}.blog-card__date{font-size:var(--text-xs);color:var(--gray-400)}.table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;background:var(--white)}thead th{background:var(--brand);color:#fff;padding:var(--sp-3) var(--sp-4);text-align:left;font-weight:700;font-size:var(--text-sm);white-space:nowrap}tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--gray-100);font-size:var(--text-sm);color:var(--gray-700)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}.progress{background:var(--gray-200);border-radius:var(--radius-full);height:.5rem;overflow:hidden}.progress__bar{height:100%;background:var(--brand);border-radius:var(--radius-full);transition:width 1s ease}.progress__bar--accent{background:var(--accent)}.progress__bar--success{background:var(--success)}.countdown{display:flex;gap:var(--sp-3)}.countdown__unit{background:var(--gray-900);color:#fff;min-width:3.5rem;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);text-align:center;font-family:var(--font-mono)}.countdown__num{font-size:var(--text-2xl);font-weight:700;line-height:1;display:block}.countdown__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400)}.stat-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:var(--sp-6) var(--sp-8);text-align:center}.stat-card__num{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--white);line-height:1}.stat-card__label{font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-top:var(--sp-2)}.feature-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);border:1px solid var(--gray-100)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__icon{width:3.5rem;height:3.5rem;background:var(--brand-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-5);color:var(--brand);font-size:1.75rem}.feature-card__title{font-size:var(--text-xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--sp-3)}.feature-card__desc{color:var(--gray-500);line-height:1.7;font-size:.95rem}.feature-card__link{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);font-weight:700;color:var(--brand);font-size:var(--text-sm)}.feature-card__link:hover{text-decoration:underline}