*{margin:0;padding:0;box-sizing:border-box}body{font-family:Orbitron,sans-serif;line-height:1.6;color:#cdd6f4;background:#1e1e2e;min-height:100vh;display:flex;flex-direction:column}.container{width:90%;max-width:1000px;margin:2rem auto;padding:2rem;text-align:center;flex:1}.header{margin-bottom:2rem}h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.5rem;background:linear-gradient(90deg,#89b4fa,#a6e3a1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(137,180,250,.2),0 0 20px rgba(166,227,161,.2);animation:glow 2s infinite alternate}.subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:#cdd6f4cc;margin-bottom:2rem}section{margin-bottom:2rem;padding:1.5rem;background:rgba(30,30,46,.7);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(205,214,244,.1)}h2{color:#89b4fa;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.skill-category{background:rgba(49,50,68,.5);padding:1rem;border-radius:10px;border:1px solid rgba(205,214,244,.1)}.skill-category h3{color:#a6e3a1;margin-bottom:.75rem;font-size:1.25rem}.skill-category ul{list-style:none;padding:0}.skill-category li{color:#cdd6f4;margin-bottom:.5rem}.footer{margin-top:auto;padding:2rem 0}.links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.links a{text-decoration:none;color:#1e1e2e;background:linear-gradient(90deg,#89b4fa,#a6e3a1);padding:1rem 2rem;border-radius:30px;transition:all .3s ease;box-shadow:0 0 15px #89b4fa33;font-weight:700}.links a:hover{transform:translateY(-5px);box-shadow:0 0 25px #a6e3a14d}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes glow{0%{text-shadow:0 0 10px rgba(137,180,250,.2),0 0 20px rgba(166,227,161,.2)}to{text-shadow:0 0 20px rgba(137,180,250,.3),0 0 40px rgba(166,227,161,.3)}}@media (max-width: 768px){.container{padding:1rem;margin:1rem auto}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.links a{padding:.8rem 1.5rem;font-size:.9rem}}@media (min-width: 768px){::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:rgba(30,30,46,.8);border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#89b4fa,#a6e3a1);border-radius:8px;border:3px solid rgba(30,30,46,.8)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#a6e3a1,#89b4fa)}*{scrollbar-width:auto;scrollbar-color:#89b4fa rgba(30,30,46,.8)}}