:root{--accent:#8b5cf6}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#f9f9ff;border-bottom:1px solid #0000001a;width:100%;position:fixed;top:0;right:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:var(--accent);font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{gap:2rem;display:flex}.nav-item{color:#333;font-weight:500;text-decoration:none;transition:color .3s}.nav-item:hover{color:var(--accent)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none}.menu-toggle span{background:var(--accent);border-radius:2px;height:3px;transition:all .3s}.menu-toggle.open span:first-child{transform:translateY(7.5px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (max-width:768px){.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#fffffff2;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 0;transition:all .3s;position:absolute;top:64px;right:10px;transform:translateY(-100%)}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-toggle{display:flex}}
.footer{text-align:center;background-color:#fff;border-top:1px solid #0000001a;width:100%;padding:1rem 0}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-links{gap:.5rem;display:flex}.footer-links a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#6d28d9}
:root{--accent:#8c5add;--bg:linear-gradient(135deg,#f8f5ff 0%,#ece7ff 100%);--text:#222;--font:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);scroll-behavior:smooth}.page-content{background:var(--bg);flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);padding-top:80px;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.page-title{text-align:center;color:var(--accent);margin-bottom:2rem;font-size:2.5rem;font-weight:700}