body{background-color:#f8fafc;color:#0f172a;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:50px 50px;background-position:50%;font-family:Inter,sans-serif;line-height:1.5;max-width:56rem;margin-left:auto;margin-right:auto;padding:5rem 1rem 2rem}header{margin-bottom:2rem}h1,header{text-align:center}h1{color:#2c3e50;border-bottom:2px solid #d1d5db;padding-bottom:10px;font-size:2.25rem;line-height:2.5rem;font-weight:700;margin-bottom:1rem;background-image:linear-gradient(90deg,#0ea5e9,#06b6d4);color:transparent;-webkit-background-clip:text;background-clip:text}footer{text-align:center;margin-top:30px;padding-top:15px;font-size:.9em;border-top:1px solid;color:#6b7280}.content-container{width:100%;max-width:56rem;margin-left:auto;margin-right:auto;padding:2rem 1rem}body.dark-mode{background-color:#0f172a;color:#fff;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:50px 50px;background-position:50%}body.dark-mode h1{border-bottom-color:#5dade2;background-image:linear-gradient(90deg,#38bdf8,#67e8f9);color:transparent;-webkit-background-clip:text;background-clip:text}body.dark-mode footer{border-top-color:#4b5563;color:#9ca3af}