*{margin:0;padding:0;box-sizing:border-box;}body{background:linear-gradient(145deg,#f9f1e0 0%,#fce9d8 100%);font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',system-ui,-apple-system,sans-serif;padding:2rem 1.5rem 3rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;}.course-wrapper{max-width:1300px;width:100%;background:rgba(255,250,240,0.7);backdrop-filter:blur(2px);border-radius:64px 64px 48px 48px;padding:2.2rem 2rem 2.8rem;box-shadow:0 20px 40px rgba(245,180,120,0.2),0 8px 16px rgba(0,0,0,0.03);border:1px solid #fff6e5;}.header-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:2.2rem;gap:0.8rem 1rem;}.header-title h1{font-size:2.8rem;font-weight:800;letter-spacing:-0.02em;background:linear-gradient(135deg,#f9a826,#f27121,#e64980);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 12px rgba(242,113,33,0.15);display:inline-block;line-height:1.2;}.header-title .sub{background:#ffe6c0;padding:0.5rem 1.6rem;border-radius:60px;font-weight:600;font-size:1.1rem;color:#a3511c;box-shadow:inset 0 -2px 0 #fbc28b;border:1px solid #ffdbb5;backdrop-filter:blur(2px);}.grid-desc{font-size:1rem;color:#7b5a3e;background:#f5e3d0;display:inline-block;padding:0.2rem 1.8rem;border-radius:40px;margin-bottom:1.8rem;font-weight:500;border:1px solid #edd7bf;}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;margin:0.5rem 0 1.2rem;}.card{background:white;border-radius:32px;padding:1.2rem 1.2rem 1.2rem 1.5rem;box-shadow:0 6px 14px rgba(200,140,80,0.08),0 2px 4px rgba(0,0,0,0.02);transition:all 0.2s ease;border:1px solid #f7ede1;display:flex;flex-direction:column;backdrop-filter:blur(4px);background:rgba(255,252,245,0.95);position:relative;}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px rgba(235,150,60,0.12),0 6px 12px rgba(0,0,0,0.03);border-color:#fbd5a8;background:#fffcf7;}.card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;}.card-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem;flex-wrap:wrap;}.chapter-number{display:inline-flex;align-items:center;justify-content:center;background:#fdd8b5;color:#7b3f1a;font-weight:700;font-size:0.9rem;width:2.2rem;height:2.2rem;border-radius:40% 60% 40% 60% / 50% 40% 60% 50%;box-shadow:0 2px 0 #eabb94;flex-shrink:0;}.card-title{font-weight:700;font-size:1.25rem;letter-spacing:-0.3px;color:#2f1d0e;line-height:1.3;}.card-title small{font-weight:400;font-size:0.9rem;color:#8f6e4f;margin-left:0.2rem;}.card-desc{font-size:0.9rem;color:#5f4632;line-height:1.5;margin-top:0.2rem;padding-left:0.1rem;border-left:3px solid #fbc9a0;padding-left:0.7rem;background:#fcf5ec;border-radius:0 12px 12px 0;padding:0.4rem 0.7rem 0.4rem 0.9rem;flex:1;display:flex;align-items:center;flex-wrap:wrap;}.card-desc span{background:#f1dccb;padding:0.1rem 0.5rem;border-radius:30px;margin:0.1rem 0.2rem;white-space:nowrap;font-size:0.75rem;color:#4d2f1a;}.card-footer-meta{margin-top:0.6rem;font-size:0.7rem;color:#b48b6b;display:flex;justify-content:flex-end;border-top:1px dashed #edd3bb;padding-top:0.4rem;}.card-footer-meta i{font-style:normal;background:#f2e0cf;padding:0 0.8rem;border-radius:30px;}.footer{margin-top:2.8rem;text-align:center;font-size:1.1rem;font-weight:500;color:#6d4f33;background:#f5e3d0;padding:0.9rem 2.2rem;border-radius:60px;display:inline-block;backdrop-filter:blur(2px);border:1px solid #edd0b2;box-shadow:0 4px 8px rgba(160,100,50,0.05);letter-spacing:0.5px;}.footer::before{content:"📘 ";}@media (max-width:640px){body{padding:1rem 0.8rem;}.course-wrapper{padding:1.5rem 1rem;border-radius:40px;}.header-title h1{font-size:2.2rem;}.card{padding:1rem;}.card-title{font-size:1.1rem;}}.color-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;}.card:nth-child(6n+1) .chapter-number{background:#fbbf7c;}.card:nth-child(6n+2) .chapter-number{background:#f9ab9e;}.card:nth-child(6n+3) .chapter-number{background:#b3d9b2;}.card:nth-child(6n+4) .chapter-number{background:#b2c9f0;}.card:nth-child(6n+5) .chapter-number{background:#e6b8d9;}.card:nth-child(6n+6) .chapter-number{background:#f5d78e;}.card:nth-child(5n+1) .card-desc{border-left-color:#f9a826;}.card:nth-child(5n+2) .card-desc{border-left-color:#e64980;}.card:nth-child(5n+3) .card-desc{border-left-color:#4c9f70;}.card:nth-child(5n+4) .card-desc{border-left-color:#5b8dd9;}.card:nth-child(5n+5) .card-desc{border-left-color:#d97aa6;}