*{margin:0;padding:0;box-sizing:border-box;}body{background-image:linear-gradient(180deg,#fffaf1 0%,#f6eddd 52%,#fffdf8 100%),repeating-linear-gradient(0deg,rgba(132,104,68,0.035) 0,rgba(132,104,68,0.035) 1px,transparent 1px,transparent 26px),repeating-linear-gradient(90deg,rgba(132,104,68,0.030) 0,rgba(132,104,68,0.030) 1px,transparent 1px,transparent 26px);background-size:auto,26px 26px,26px 26px;background-position:center center;background-attachment:fixed;font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 1rem;color:#2f2a24;position:relative;overflow-x:hidden;}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(201,130,82,0.12),transparent 23%),radial-gradient(circle at 86% 16%,rgba(168,116,64,0.10),transparent 22%),linear-gradient(180deg,rgba(255,253,248,0.72),rgba(250,244,234,0.60));}body>*{position:relative;z-index:1;}.course-wrapper{max-width:1300px;width:100%;background:rgba(255,252,245,0.90);backdrop-filter:blur(12px);border-radius:34px;padding:2rem 2rem 1.5rem;box-shadow:0 22px 70px rgba(99,71,42,0.13),inset 0 1px 0 rgba(255,255,255,0.86);border:1px solid rgba(171,125,77,0.22);position:relative;overflow:hidden;}.course-wrapper::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.50),transparent 34%),radial-gradient(circle at 18% 0%,rgba(214,160,94,0.10),transparent 26%),radial-gradient(circle at 92% 12%,rgba(164,95,58,0.08),transparent 28%);}.course-wrapper>*{position:relative;z-index:1;}.header-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:2rem;border-bottom:2px dashed rgba(188,139,82,0.32);padding-bottom:0.75rem;}.header-title h1{font-size:2.6rem;font-weight:800;color:#a45f3a;text-shadow:none;display:inline-flex;align-items:center;gap:12px;letter-spacing:0;}.header-title h1::before{content:"";width:18px;height:34px;background:linear-gradient(180deg,#d7a05f,#a45f3a);border-radius:4px;box-shadow:0 9px 20px rgba(164,95,58,0.20);}.header-title .subhead{font-size:1.1rem;background:#f2e6d4;padding:0.42rem 1.2rem;border-radius:40px;color:#7a4d2d;font-weight:700;border:1px solid rgba(188,139,82,0.25);}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;margin:1.8rem 0 1.2rem;}.chapter-card{background:rgba(255,254,250,0.92);backdrop-filter:blur(8px);border-radius:18px;padding:1.2rem;transition:all 0.2s ease;border:1px solid rgba(196,155,106,0.28);box-shadow:0 14px 30px rgba(90,70,45,0.10),0 4px 0 rgba(215,185,144,0.20);cursor:pointer;position:relative;}.chapter-card:hover{transform:translateY(-4px);border-color:rgba(176,119,67,0.42);background:#ffffff;box-shadow:0 18px 36px rgba(90,70,45,0.14),0 5px 0 rgba(196,146,86,0.22);}.chapter-badge{display:inline-block;background:linear-gradient(135deg,#d7a05f,#a45f3a);color:#ffffff;font-weight:700;font-size:0.9rem;padding:0.2rem 0.85rem;border-radius:40px;margin-bottom:0.5rem;box-shadow:0 8px 16px rgba(164,95,58,0.20);}.chapter-link{text-decoration:none;color:inherit;display:block;}.chapter-title{font-size:1.2rem;font-weight:800;color:#302a24;margin:0.2rem 0 0.4rem;line-height:1.3;}.chapter-desc{font-size:0.85rem;color:#61574d;line-height:1.4;margin:0.2rem 0;padding-left:10px;border-left:4px solid #bf7b4a;}.card-tags{margin-top:0.6rem;display:flex;flex-wrap:wrap;gap:0.4rem;}.tag{background:#f1e5d2;color:#744a2f;font-size:0.7rem;padding:0.2rem 0.8rem;border-radius:30px;font-weight:600;border:1px solid rgba(188,139,82,0.22);}.chapter-card a.chapter-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;z-index:1;}.chapter-card>*:not(a.chapter-link){position:relative;z-index:2;pointer-events:none;}.title-cta-wrap{margin:-0.8rem 0 1.8rem;text-align:center;}.title-cta{display:inline-block;background:linear-gradient(135deg,#c98252 0%,#a45f3a 52%,#7d4d2f 100%);padding:1rem 2.9rem;border-radius:60px;font-weight:900;font-size:1.08rem;line-height:1.45;color:#ffffff;text-decoration:none;border:2px solid rgba(255,248,235,0.96);transition:all 0.2s ease;box-shadow:0 16px 36px rgba(164,95,58,0.23),0 4px 12px rgba(215,160,95,0.18);}.title-cta:hover{background:linear-gradient(135deg,#b56f43 0%,#934f30 52%,#6c3f28 100%);border-color:rgba(255,255,255,0.95);box-shadow:0 18px 42px rgba(164,95,58,0.30),0 7px 16px rgba(215,160,95,0.22);transform:translateY(-2px) scale(1.02);color:#ffffff;}.footer-note{margin-top:2.5rem;text-align:center;font-size:0.95rem;color:#6f6258;border-top:1px dashed rgba(188,139,82,0.30);padding-top:1.2rem;font-weight:500;}.footer-note a{color:#9b5936;font-weight:800;text-decoration:none;}.footer-note a:hover{text-decoration:underline;}@media (max-width:680px){.course-wrapper{padding:1.2rem;}.header-title h1{font-size:2rem;}.catalog-grid{grid-template-columns:1fr;}.title-cta{width:100%;font-size:0.96rem;padding:0.85rem 1.1rem;}}