*{box-sizing:border-box}:link,:visited{text-decoration:none}h1,h2,h3,h4,h5,h6,pre,code{font-weight:600}ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}a img,:link img,:visited img{border:none}body{margin:0;font-size:15px;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:radial-gradient(circle at 10% 20%,#0c4a6e 0%,#0f172a 100%) no-repeat center center fixed;background-size:cover;min-height:100vh;padding:20px 10px}a{color:#38bdf8;text-decoration:none;transition:color .2s ease}a:hover,a:focus{color:#7dd3fc;text-decoration:underline}.clear{display:none}#wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){#wrapper{grid-template-columns:2fr 1fr;grid-template-areas:"header header" "content sidebar"}#header{grid-area:header}#content{grid-area:content}#sidebar{grid-area:sidebar}}#header{background:rgba(15,23,42,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);align-items:center;text-align:center}@media (min-width:768px){#header{flex-direction:row-reverse;justify-content:space-between;text-align:left;align-items:center}}#header span.logo2{display:none}#header a.logo{font-size:30px;font-weight:800;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(56,189,248,.2);letter-spacing:-1px;text-transform:uppercase;text-decoration:none}#header #nav{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#header #nav li a{display:block;font-size:14px;font-weight:600;text-transform:uppercase;color:#e2e8f0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:8px 18px;transition:all .2s ease}#header #nav li a:hover,#header #nav li a:focus{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.4);color:#38bdf8;text-decoration:none}#header #nav li.current a,#header #nav li.active a{background:rgba(56,189,248,.25);border-color:#38bdf8;color:#fff;text-decoration:none;box-shadow:0 0 10px rgba(56,189,248,.3)}#content{background:rgba(15,23,42,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}#content h1{font-size:32px;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}#content h2{font-size:24px;margin:28px 0 14px;color:#38bdf8}#content h3{font-size:20px;margin:24px 0 12px;color:#7dd3fc}#content h4{font-size:18px;margin:20px 0 10px;color:#93c5fd}#content h5{font-size:16px;margin:18px 0 8px;color:#cbd5e1}#content h6{font-size:14px;margin:16px 0 6px;color:#94a3b8}#content .page-text{line-height:1.65;font-size:16px;color:#cbd5e1}#content .page-text p,#content .page-text ul,#content .page-text ol{margin-bottom:18px}#content .page-text ul,#content .page-text ol{padding-left:24px}#content .page-text blockquote{margin:24px 0;padding:16px 20px;background:rgba(255,255,255,.03);border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;font-style:italic;color:#94a3b8}#content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;background:rgba(0,0,0,.3);padding:3px 6px;border-radius:6px;color:#f43f5e}#content pre code{display:block;padding:20px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);overflow-x:auto;margin-bottom:24px;color:#38bdf8}#content .page-text img{max-width:100%;height:auto;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.page-meta{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.page-meta span{color:#38bdf8;font-weight:600}#sidebar{display:flex;flex-direction:column;gap:24px}#sidebar .section{background:rgba(15,23,42,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}#sidebar h2{font-size:18px;font-weight:700;color:#38bdf8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(56,189,248,.2);padding-bottom:8px}#sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}#sidebar ul li a{display:block;padding:12px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e2e8f0;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}#sidebar ul li a:hover{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.4);color:#38bdf8;transform:translateX(4px);box-shadow:0 4px 12px rgba(56,189,248,.15)}#sidebar .credits{font-size:12px;color:#94a3b8;line-height:1.6}#sidebar .credits p{margin-bottom:8px}#sidebar .credits a{color:#38bdf8;font-weight:600}#sidebar .credits a:hover{color:#7dd3fc;text-decoration:underline}