*{margin:0;padding:0;box-sizing:border-box;}body{background:#f9f4e8;font-family:'Segoe UI','Roboto',system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;}.card-outer{max-width:1200px;width:100%;background:#ffffffdd;backdrop-filter:blur(2px);border:4px solid #f7c948;border-radius:48px 48px 32px 32px;box-shadow:0 20px 40px rgba(247,201,72,0.25),0 8px 16px rgba(0,0,0,0.05);padding:16px;transition:all 0.1s ease;}.card-inner{background:#ffffff;border:3px solid #6cc4a1;border-radius:36px 36px 24px 24px;padding:2.5rem 2.2rem;box-shadow:inset 0 0 0 2px #fef7e6;}.header{margin-bottom:2.5rem;border-bottom:4px dashed #f7c948;padding-bottom:1.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;}.header h1{font-size:2.6rem;font-weight:700;color:#2d5f7e;letter-spacing:-0.02em;background:linear-gradient(145deg,#2d5f7e 0%,#3f8db3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;}.header .badge{background:#f7c948;padding:0.4rem 1.2rem;border-radius:60px;color:#2d3e4f;font-weight:600;font-size:1rem;border:2px solid #e5b43b;box-shadow:0 2px 0 #dba12e;}.section-title{font-size:1.8rem;font-weight:600;color:#1f4a5c;margin:2rem 0 1.2rem 0;padding-left:0.75rem;border-left:12px solid #f7c948;background:linear-gradient(to right,#fef5e0,transparent);}.section-sub{font-size:1.3rem;font-weight:500;color:#3b7a6b;margin:1.8rem 0 0.8rem 0;display:flex;align-items:center;gap:8px;}.section-sub svg{width:28px;height:28px;fill:#6cc4a1;}p{font-size:1.05rem;line-height:1.6;color:#2c3e4e;margin-bottom:1rem;}.table-wrap{overflow-x:auto;margin:1.5rem 0 2rem 0;border-radius:28px;background:#fcf9f2;border:2px solid #f0dbb0;}table{width:100%;border-collapse:collapse;font-size:1rem;background:#fefcf7;}th{background:#6cc4a1;color:#1f3f3a;font-weight:600;padding:14px 12px;text-align:left;border-bottom:3px solid #4f9e82;}td{padding:14px 12px;border-bottom:1px solid #e6dcc8;vertical-align:top;}tr:last-child td{border-bottom:none;}.highlight{background:#fef3d9;}ul,ol{padding-left:1.8rem;margin:1rem 0 1.5rem 0;}li{margin-bottom:0.5rem;font-size:1.05rem;color:#1f3f4a;}li strong{color:#2d6b5e;}pre{background:#1e2a36;color:#e7f0e9;padding:1.5rem 1.8rem;border-radius:28px;font-size:0.95rem;font-family:'JetBrains Mono','Fira Code',monospace;overflow-x:auto;border:2px solid #6cc4a1;box-shadow:inset 0 0 0 2px #2f4a4a;margin:1.2rem 0 2rem 0;white-space:pre-wrap;word-break:break-word;}pre .comment{color:#8ba7b3;}.svg-container{background:#fcf7ef;border-radius:40px;padding:1.8rem 1rem;margin:2rem 0;border:2px solid #f7c948;display:flex;justify-content:center;}svg text{font-family:'Segoe UI',system-ui,sans-serif;}.footer{margin-top:3rem;padding-top:1.5rem;border-top:4px solid #f7c948;text-align:center;font-size:1.2rem;font-weight:500;color:#2d5f7e;letter-spacing:2px;background:#fef9ed;border-radius:60px;padding:0.8rem 1.5rem;display:inline-block;width:auto;margin-left:auto;margin-right:auto;}.footer span{background:#f7c948;padding:0.2rem 1.8rem;border-radius:40px;color:#1f3f3a;}@media (max-width:700px){.card-inner{padding:1.5rem 1rem;}.header h1{font-size:2rem;}.section-title{font-size:1.5rem;}}.dot-list{list-style-type:'✨ ';}.check-list{list-style-type:'✅ ';}