nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1;align-items:center;width:100vw;height:5rem;padding:.5rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}nav>ul{flex-direction:row;gap:1rem;display:flex}nav a{color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}nav a:after{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));width:0;height:2px;transition:all .5s;position:absolute;bottom:-5px;left:0}nav a:hover{color:var(--accent-primary)}nav a:hover:after{width:100%}
h3{color:var(--accent-secondary);font-size:1rem;font-weight:700}h1{color:var(--accent-primary);background:-webkit-linear-gradient(45deg,var(--accent-primary),var(--accent-tertiary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.skills{justify-content:row;flex-wrap:wrap;gap:2rem;display:flex}.skill-card{border:1px solid var(--accent-primary);color:var(--accent-primary);background:#a78bfa26;border-radius:20px;padding:.5rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .3s;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.skill-card:hover{background:#a78bfa40;box-shadow:0 0 20px #a78bfa66}section#hero{box-sizing:border-box;flex-direction:column;justify-content:center;gap:2rem;min-height:100%;padding-top:100px;display:flex}.hero-button{flex-wrap:wrap;gap:2rem;padding-top:2rem;display:flex}button{cursor:pointer;border-radius:10px;padding:1rem 2rem}button:hover{transform:translateY(-3px)}.hero-button button:first-child{background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary));color:var(--background);font-weight:700}.hero-button button:last-child{border:2px solid var(--accent-primary);color:var(--accent-primary);background-color:#0000;font-weight:700}.hero-button button:first-child:hover{box-shadow:0 0 30px #a78bfa99}.hero-button button:last-child:hover{background:#a78bfa26}
.skills-grid{flex-flow:wrap;gap:20px;width:100%;display:flex}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;flex-grow:1;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.skill-category:before{content:"";background:linear-gradient(180deg,var(--accent-primary),var(--accent-tertiary));transform-origin:top;width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.skill-category:hover:before{transform:scaleY(1)}.skill-category:hover{border-color:var(--accent-primary);background:#a78bfa14;transform:translateY(-3px)}.skill-category h3{color:var(--accent-primary);z-index:1;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;position:relative}.skill-list{flex-direction:column;gap:.25rem;display:flex}.skill-item{color:var(--text-secondary);gap:.75rem;font-size:1rem;display:flex}.skill-item:before{content:"◆";color:var(--accent-secondary);font-size:.8rem}