:root{--color-primary:#2b6cb0;--color-secondary:#63b3ed;--color-accent:#ebf8ff;--color-highlight:#1a365d;--color-neutral:#fff;--color-hover:#f3f3f3;--color-text-muted:#9e9e9e;--color-success:#4caf50;--color-error:#f44336}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{padding-right:0!important;overflow-y:auto!important}.page-background{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;width:80vw;background:linear-gradient(135deg,#f8fafc,#fff);position:relative}@media (max-width:768px){.page-background{width:100vw}}.full-page-background{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;width:100vw}.page-header-text{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-highlight)}.content-card{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(203,213,225,.3);box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(0,0,0,.05);border-radius:12px}.content-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.03),0 8px 24px rgba(0,0,0,.08);transition:box-shadow .2s ease-in-out}.content-section{background:rgba(248,250,252,.6);border:1px solid rgba(226,232,240,.8);border-radius:8px;padding:1rem}