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