@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--brand-50:#F0F9FF;--brand-100:#E0F2FE;--brand-200:#BAE6FD;--brand-300:#7DD3FC;--brand-400:#38BDF8;--brand-500:#0EA5E9;--brand-600:#0284C7;--brand-700:#0369A1;--brand-800:#075985;--brand-900:#0C4A6E;--surface-0:#FFFFFF;--surface-1:#F8FBFF;--surface-2:#F0F6FC;--surface-3:#E8F1F8;--text-primary:#0C1B2E;--text-secondary:#4A6785;--text-muted:#8BA5BE;--border-light:#DCE9F4;--border-default:#B8D0E5;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-sm:0 1px 3px rgba(12,27,46,.08);--shadow-md:0 4px 12px rgba(12,27,46,.1);--shadow-lg:0 12px 32px rgba(12,27,46,.14);--shadow-glow:0 0 24px rgba(14,165,233,.28);--nav-h:64px;--pad:16px;--sec-pad:52px;--font-d:"Sora",sans-serif;--font-b:"Inter",sans-serif;--trans:.2s cubic-bezier(.4,0,.2,1);--trans-f:.12s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){:root{--pad:24px;--sec-pad:64px;--nav-h:68px}}@media (min-width:1024px){:root{--pad:32px;--sec-pad:80px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-b);background:var(--surface-1);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-d);font-weight:700;line-height:1.2}a{color:var(--brand-600);text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.con{max-width:1200px;margin:0 auto;padding:0 var(--pad);width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.anim-fade{animation:fadeIn .35s ease forwards}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--brand-300);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-md);font-family:var(--font-d);font-weight:600;cursor:pointer;transition:all var(--trans);white-space:nowrap;text-decoration:none;border:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-600);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--surface-0);color:var(--brand-600);border:1.5px solid var(--brand-300)}.btn-secondary:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand-400)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;color:var(--brand-600);border:1.5px solid var(--brand-400)}.btn-outline:hover:not(:disabled){background:var(--brand-50)}.btn-sm{padding:7px 14px;font-size:13px;min-height:36px}.btn-md{padding:10px 20px;font-size:14px;min-height:42px}.btn-lg{padding:13px 26px;font-size:15px;min-height:48px}.btn-full{width:100%}@media (max-width:767px){.btn-sm{min-height:40px}.btn-md{min-height:44px}.btn-lg{min-height:50px}}.badge{display:inline-flex;align-items:center;gap:4px;font-weight:600;border-radius:var(--r-full)}.badge-sm{padding:2px 9px;font-size:11px}.badge-md{padding:4px 13px;font-size:12px}.badge-default{background:var(--surface-2);color:var(--text-secondary)}.badge-brand{background:var(--brand-100);color:var(--brand-700)}.badge-free{background:#dcfce7;color:#15803d}.badge-paid{background:var(--brand-100);color:var(--brand-700)}.badge-ebook{background:#eff6ff;color:#1d4ed8}.badge-audio{background:#f0fdf4;color:#16a34a}.badge-video{background:#fff7ed;color:#c2410c}.badge-featured{background:#fffbeb;color:#b45309}.card{background:var(--surface-0);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.card-hover{transition:transform var(--trans),box-shadow var(--trans)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (hover:none){.card-hover:active{transform:scale(.98);box-shadow:var(--shadow-md)}}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:11px;font-weight:700;color:var(--text-secondary);font-family:var(--font-d);text-transform:uppercase;letter-spacing:.05em}.input{padding:11px 14px;border-radius:var(--r-md);font-size:16px;border:1.5px solid var(--border-default);background:var(--surface-0);color:var(--text-primary);outline:none;width:100%;transition:border-color var(--trans-f);-webkit-appearance:none}.input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #0ea5e91f}.input-error{border-color:var(--error)}.field-err{font-size:12px;color:var(--error);font-weight:500}.alert{padding:11px 14px;border-radius:var(--r-md);font-size:14px;font-weight:500;line-height:1.5}.alert-info{background:#eff6ff;border:1px solid #BFDBFE;color:#1d4ed8}.alert-success{background:#f0fdf4;border:1px solid #BBF7D0;color:#15803d}.alert-error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.alert-warning{background:#fffbeb;border:1px solid #FDE68A;color:#b45309}.grid-products{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.grid-2,.grid-3{display:grid;gap:20px;grid-template-columns:1fr}.grid-4{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.product-detail-grid{display:grid;gap:24px;grid-template-columns:1fr}.product-detail-sidebar{width:100%;max-width:260px;margin-inline:auto}@media (min-width:860px){.product-detail-grid{grid-template-columns:280px 1fr;gap:clamp(24px,4vw,52px)}.product-detail-sidebar{max-width:none;margin-inline:0}}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.tbl{width:100%;border-collapse:collapse;background:var(--surface-0)}.tbl th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-d);background:var(--surface-1);border-bottom:1px solid var(--border-light);white-space:nowrap}.tbl td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--surface-1)}