*{box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:#CBD5E1;background:#0B1321;line-height:1.75}
h1,h2,h3,h4{font-family:'Sora',sans-serif;color:#F1F5F9}
::selection{background:#E65100;color:white}
.gradient-text{background:linear-gradient(135deg,#FF6D1F 0%,#E65100 40%,#0D9488 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:2rem 2.5rem;margin-bottom:1.5rem;transition:border-color .3s}
.section-card:hover{border-color:rgba(230,81,0,0.2)}
.section-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#E65100,#0D9488);font-family:'Sora',sans-serif;font-weight:700;font-size:.75rem;color:white;flex-shrink:0;margin-right:.75rem}
.toc-link{color:#94A3B8;text-decoration:none;transition:color .2s;display:block;padding:.25rem 0;border-left:2px solid transparent;padding-left:.75rem;font-size:.85rem}
.toc-link:hover{color:#FF6D1F;border-left-color:#E65100}
.dot-pattern{background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);background-size:24px 24px}
a{color:#FF8A50;text-decoration:none}
a:hover{color:#FF6D1F;text-decoration:underline}
.badge{display:inline-block;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.caps-warning{background:rgba(230,81,0,0.08);border:1px solid rgba(230,81,0,0.2);border-radius:10px;padding:1rem 1.25rem;font-size:.85rem;color:#FED7AA;line-height:1.6;font-weight:500}