html{scroll-behavior:smooth}body{margin:0;padding:0}strong{color:#0ff;padding:2px 4px;border-radius:4px;text-shadow:0 0 8px #00ffff}canvas{position:fixed;top:0;left:0}canvas#bg{position:fixed;top:0;left:0;z-index:-1}:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 350px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}body{margin:0;padding:0;font-family:"Press Start 2P",monospace}header p{font-size:25px}.menu-toggle{position:fixed;top:20px;left:25px;font-size:2rem;color:#0ff;z-index:2000;cursor:pointer;background:#0009;padding:10px 20px;border-radius:8px;transition:background .3s}.menu-toggle:hover{background:#0ff3}.menu-panel{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:row;z-index:1500;background:#0a0a0a59;transform:translateY(-100%);transition:transform .5s ease}.menu-panel.active{transform:translateY(0)}.menu-item{position:relative;flex:1;height:100%;clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);background:radial-gradient(circle at 30% 30%,rgba(255,0,150,.5) 0%,transparent 60%),radial-gradient(circle at 70% 40%,rgba(0,200,255,.5) 0%,transparent 60%),radial-gradient(circle at 60% 80%,rgba(255,255,0,.4) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(0,255,150,.4) 0%,transparent 60%),#111;background-blend-mode:screen;transition:transform .3s ease;color:#fff;font-size:2rem;display:flex;justify-content:center;align-items:center;text-shadow:1px 1px 4px rgba(0,0,0,.5);cursor:pointer}.menu-item:nth-child(1){background:radial-gradient(circle at 30% 30%,#ff4e50,#f9d423,#ff6a00);clip-path:polygon(0 0,100% 0,90% 100%,0% 100%)}.menu-item:nth-child(2){background:radial-gradient(circle at 70% 40%,#00c3ff,#3a7bd5,#2b5876);clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}.menu-item:nth-child(3){background:radial-gradient(circle at 70% 60%,#7f00ff,#e100ff,#3f2b96);clip-path:polygon(10% 0,100% 0,100% 100%,0% 100%)}.menu-item:hover{background:#00ffff4d;transform:scale(1.05)}header{background:linear-gradient(135deg,#14141ef2,#0000008c);grid-column:2 / span 5;font-size:1.7rem;padding:2rem;margin-bottom:var(--spacing);border-radius:10px;border:1px solid rgba(0,255,255,.2);box-shadow:0 0 12px #00ffff14,0 0 24px #00ffff08;color:#eee;position:relative}.typewriter{overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:.05em;border-right:.15em solid #0ff;animation:typing 3s steps(30,end) forwards,blink-caret .75s step-end 3s 4,cursor-hide 0s linear 6s forwards}header h1{white-space:normal;width:100%;max-width:100%;overflow:visible;margin-bottom:1.5rem}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#0ff}}@keyframes cursor-hide{to{border-right:none}}section{grid-column:2 / 8;padding:1rem;background:linear-gradient(145deg,#1e1e28f2,#0000008c);border:1px solid rgba(0,255,255,.2);box-shadow:0 0 8px #00ffff26,0 0 30px #00ffff0d inset;font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing);border-radius:10px;color:#eee}#works{grid-column:2 / 12;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing);border-radius:10px;display:flex;flex-direction:column;align-items:center}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing);position:relative}blockquote p{display:inline-block;padding:1rem 2rem;font-size:2rem;color:#0ff;background:#0a0a14cc;border:1px solid rgba(0,255,255,.2);border-radius:12px;box-shadow:0 0 12px #00ffff26,0 0 30px #00ffff0d inset;font-weight:700;line-height:1.2;text-shadow:0 0 6px rgba(0,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.neon-name{color:#0ff;font-weight:700;text-shadow:0 0 20px #0ff;padding-bottom:4px;display:inline-block;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.profile-section{padding:80px 20px;text-align:center}.profile-section h2{font-size:3rem}.title-section{font-size:2.5rem;margin-bottom:40px;color:#0ff;text-align:center}.languages-section h3{font-size:2rem;margin-top:40px}.language-cards{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.icon-card{background-color:#222;padding:20px;border-radius:12px;text-align:center;width:150px;transition:transform .3s,box-shadow .3s,background-color .3s;box-shadow:0 4px 20px #0006}.icon-card i{font-size:3rem;color:#27c742;margin-bottom:10px;transition:transform .3s}.icon-card p{font-size:1rem;color:#aaa;margin-top:10px}.icon-card:hover{transform:translateY(-10px);background-color:#0ff;box-shadow:0 6px 25px #0ff9}.icon-card:hover i{transform:rotate(360deg)}.icon-card:hover p{color:#111}.profile-card h3{font-size:2rem;margin-bottom:10px}.profile-card p{font-size:1.1rem;color:#aaa;line-height:1.6}.left{grid-column:6 / 12}.contact-card{display:flex;justify-content:center;gap:40px;margin-top:40px}.carousel{position:relative;width:100%;max-width:1200px;height:600px;margin:0 auto 80px;overflow:hidden;border-radius:20px;box-shadow:0 12px 30px #0ff3}.carousel-track{display:flex;height:100%;transition:transform .5s ease}.carousel-slide{min-width:100%;position:relative;cursor:pointer;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:20px}.slide-title{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;font-size:2rem;padding:1.2rem;text-align:center;border-radius:0 0 20px 20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;font-size:2rem;border:none;cursor:pointer;padding:.5rem 1rem;z-index:100;transition:background .3s}.carousel-btn:hover{background:#0ff9}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.project-card{background-color:#141414f2;border-radius:16px;box-shadow:0 4px 20px #0ff3;margin:40px auto;max-width:800px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;transform-origin:center center}.project-card:hover{transform:scale(1.05);box-shadow:0 16px 50px #00ffff80;z-index:10}.project-media{overflow:hidden;border-radius:16px}.project-media video{width:100%;height:auto;aspect-ratio:16 / 9;display:block}.project-info{padding:1.2rem 1.5rem;color:#eee;transition:transform .4s ease,color .3s ease}.project-card:hover .project-info{transform:translateY(5px);color:#fff}.project-card{position:relative;overflow:visible}.floating-details{position:absolute;top:50%;transform:translateY(-50%);max-width:600px;min-width:300px;width:100%;background:#0a0a0af2;border:1px solid #0ff;border-radius:12px;padding:1rem;color:#ccc;font-size:.95rem;box-shadow:0 0 20px #0ff3;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:50;white-space:normal;line-height:1.6;overflow-wrap:break-word}.project-card.show-right .floating-details{left:calc(100% + 20px)}.project-card.show-left .floating-details{right:calc(100% + 20px)}.project-card:hover .floating-details{opacity:1;pointer-events:auto}.floating-details img{width:100%;max-height:200px;object-fit:contain;border-radius:8px;margin-top:1rem}.project-video{width:100%;max-width:800px;margin-top:1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d}.project-info h3{font-size:1.8rem;margin-bottom:.5rem;color:#0ff}.project-info p{font-size:1rem;line-height:1.6;color:#ccc}.project-media video{width:100%;height:auto;aspect-ratio:16 / 9;display:block;transition:transform .4s ease}.project-card:hover .project-media video{transform:scale(1.02)}.card{background-color:#222;padding:30px;border-radius:12px;text-align:center;width:150px;transition:transform .3s,box-shadow .3s,background-color .3s;box-shadow:0 4px 20px #0006}.card a{color:#fff;text-decoration:none;font-size:1.5rem;display:block;margin-bottom:10px}.card span{display:block;margin-top:10px;font-size:1.1rem;color:#aaa}.card:hover{transform:translateY(-10px);background-color:#0ff;box-shadow:0 6px 25px #0ff9}.card:hover a{color:#111}.card i{font-size:2rem;transition:transform .3s}.card:hover i{transform:rotate(360deg)}.field{display:flex;gap:10px;justify-content:space-around}.image-box img{width:200px;height:auto;border-radius:8px}.image-box video{width:200px;height:auto;border-radius:8px;object-fit:cover}.text-box{flex:1;font-size:1.1rem;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px 0}.gallery img,.gallery video{width:100%;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.gallery img:hover,.gallery video:hover{transform:scale(1.08);box-shadow:0 12px 30px #00ffff80;transition:transform .4s ease,box-shadow .4s ease}.nav{position:fixed;top:0;right:0;width:auto;background-color:#0f0f0f99;z-index:1000;padding:1rem;text-align:left}.nav ul{list-style:none;margin:0;padding:0}.nav li{display:inline;margin:0 15px}.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:1.2rem}.nav a:hover{color:tomato}.nav-bar{position:fixed;top:0;width:100%;box-sizing:border-box;background:#000000b3;padding:10px 20px;display:flex;justify-content:center;gap:20px;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-btn{background:#222;color:#fff;padding:10px 20px;text-decoration:none;font-weight:700;border-radius:8px;transition:background .3s,transform .2s}.nav-btn:hover{background:tomato;transform:translateY(-2px)}