:root{--pri: #3B2F7E;--pri-light: #EEEDFE;--teal: #0F6E56;--txt: #1C1C1E;--txt-m: #6B6B6B;--bg: #FAFAF8;--card: #fff;--border: #E8E6E1}*{margin:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}header{max-width:900px;margin:0 auto;padding:24px 20px;display:flex;justify-content:space-between;align-items:center}header .logo{font-size:20px;font-weight:700;color:var(--pri)}header nav{display:flex;gap:24px;font-size:14px}header nav a{color:var(--txt-m);font-weight:500}header nav a:hover{color:var(--pri);text-decoration:none}main{max-width:900px;margin:0 auto;padding:0 20px 60px}footer{max-width:900px;margin:0 auto;padding:40px 20px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--txt-m);line-height:1.8}.theme-circles{margin-top:20px;display:flex;justify-content:center;gap:8px}.theme-circle{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.theme-circle:hover{transform:scale(1.1)}.theme-circle.active{transform:scale(1.25);border-color:var(--txt-m)}