*{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}:root{--bg-color:#e0e7ff;--card-bg:rgba(255,255,255,.7);--shadow-dark:rgba(199,210,254,.5);--shadow-light:rgba(255,255,255,.8);--accent:#eab308;--text:#1e293b;--card-border:1px solid rgba(255,255,255,.5)}body{margin:0;font-size:15px;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--bg-color);min-height:100vh;padding:20px 10px}#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:var(--card-bg);backdrop-filter:blur(10px);border:var(--card-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:10px 10px 20px var(--shadow-dark);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 a.logo{font-size:30px;font-weight:800;color:var(--text);text-transform:uppercase;text-decoration:none;letter-spacing:-1px}#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:var(--text);background:rgba(255,255,255,.3);border:var(--card-border);border-radius:30px;padding:8px 18px;transition:all .2s ease}#header #nav li a:hover{color:var(--accent);background:rgba(255,255,255,.6)}#content{background:var(--card-bg);backdrop-filter:blur(10px);border:var(--card-border);border-radius:20px;padding:30px;box-shadow:10px 10px 20px var(--shadow-dark)}#content h1{font-size:32px;color:var(--accent);margin-bottom:20px}#content h2{font-size:24px;color:var(--text);margin:20px 0 10px}.page-text{line-height:1.65;font-size:16px}.page-meta{margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);font-size:12px;color:#64748b}.page-meta span{color:var(--accent);font-weight:600}#sidebar{display:flex;flex-direction:column;gap:24px}#sidebar .section{background:var(--card-bg);backdrop-filter:blur(10px);border:var(--card-border);border-radius:20px;padding:24px;box-shadow:10px 10px 20px var(--shadow-dark)}#sidebar h2{font-size:18px;color:var(--accent);margin-bottom:16px}#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,.3);border-radius:12px;color:var(--text);font-weight:500;text-decoration:none;transition:all .2s}#sidebar ul li a:hover{background:rgba(255,255,255,.6);color:var(--accent);transform:translateX(4px)}.credits{font-size:12px;color:#64748b;margin-top:10px}