@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");:root{--navbar-gradient:linear-gradient(90deg,#3b82f6,#8b5cf6);--text-gradient:linear-gradient(90deg,#ffffff,#ffffff);--hover-color:#4ade80}.dark{--navbar-gradient:linear-gradient(90deg,#18181b,#27272a);--text-gradient:linear-gradient(90deg,#ffffff,#ffffff);--hover-color:#ff9d00}.navbar{justify-content:space-between;padding:12px 32px;width:100%;position:fixed;top:0;left:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.08);background:var(--navbar-gradient);background-size:200% 100%;transition:background .3s}.left,.navbar{display:flex;align-items:center}.left{gap:12px}.logoText{font-size:1.3rem;font-weight:700;letter-spacing:1px;background:var(--text-gradient);background-clip:text;-webkit-text-fill-color:transparent;transition:background .3s}.right{display:flex;align-items:center;gap:24px}.link{font-size:1rem;text-decoration:none;background:var(--text-gradient);background-clip:text;-webkit-text-fill-color:transparent;transition:color .2s,background .3s}.link:hover{color:var(--hover-color);-webkit-text-fill-color:var(--hover-color)}.toggle{background:rgba(39,39,42,.8);border:none;border-radius:50%;width:36px;height:36px;color:white;font-size:1.2rem;cursor:pointer;transition:background .3s,color .3s}.toggle:hover{background:var(--hover-color);color:var(--navbar-gradient)}.link,.logoText,.navbar,.toggle{font-family:Lilita One,cursive}