body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#121212;color:#fff;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}a{color:#bb86fc;text-decoration:none}a:hover{color:#03dac6}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;background-color:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;position:fixed;top:0;left:0;right:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700}.header nav a{color:#fff;text-decoration:none;margin-left:2rem;cursor:pointer;transition:color .3s}.header nav a:hover{color:#bb86fc}.hero{height:100vh;width:100%;position:relative;overflow:hidden}.hero canvas{position:absolute;inset:0;z-index:1}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;color:#fff}.hero-content h1{font-size:4rem;margin-bottom:1rem;background:-webkit-linear-gradient(45deg,#bb86fc,#03dac6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.25rem;color:#b0b0b0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.portfolio{padding:6rem 0;background-color:#121212}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio h2{text-align:center;font-size:3rem;margin-bottom:4rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.portfolio-item{background-color:#1e1e1e;border-radius:8px;border:1px solid #333;padding:2rem;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s;animation:float 6s ease-in-out infinite}.portfolio-item:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0003;animation-play-state:paused}.portfolio-item-img{width:100%;height:180px;object-fit:cover;border-radius:4px;margin-bottom:1.5rem;background-color:#333}.portfolio-item h3{font-size:1.5rem;margin-bottom:1rem;color:#bb86fc}.portfolio-item p{color:#b0b0b0;line-height:1.6}.footer{text-align:center;padding:4rem 0;background-color:#121212;border-top:1px solid #333}.footer p{color:#b0b0b0}main{padding-top:80px}