:root{--primary:#00a2ff;--secondary:#7d26cd;--accent:#00f2ff;--bg-dark:#020205;--text-light:#e0e6ed;--glass:#020205b3;--glass-border:#00a2ff4d;--font-main:"Poppins", sans-serif;--font-header:"Orbitron", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-light);font-family:var(--font-main);background-color:#0000;overflow-x:hidden}canvas{z-index:-1;background-color:var(--bg-dark);position:fixed;top:0;left:0}.hidden{display:none!important}#scanner-hud{pointer-events:none;z-index:50;border:1px solid #00f2ff1a;width:100%;height:100%;position:fixed;top:0;left:0;box-shadow:inset 0 0 100px #00f2ff0d}.scanner-line{background:linear-gradient(to right, transparent, var(--primary), transparent);width:100%;height:2px;box-shadow:0 0 15px var(--primary);opacity:.3;animation:4s linear infinite scan;position:absolute;top:0}@keyframes scan{0%{top:0}to{top:100%}}.scanner-data{font-family:var(--font-header);letter-spacing:1px;padding:20px;font-size:.7rem;position:absolute;bottom:40px}.scanner-data.left{border-left:2px solid var(--primary);left:40px}.scanner-data.right{text-align:right;border-right:2px solid var(--primary);right:40px}.data-item{margin-bottom:5px}.data-item .label{opacity:.5;margin-right:10px}.data-item .value{color:var(--primary);text-shadow:0 0 5px var(--primary)}nav{z-index:100;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;width:100%;padding:30px 10%;display:flex;position:fixed;top:0}.logo{font-family:var(--font-header);letter-spacing:2px;font-size:1.5rem;font-weight:700}.logo span{color:var(--primary)}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary)}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 10%;display:flex}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:40px;padding:40px;box-shadow:0 8px 32px #0000005e}h2{font-family:var(--font-header);text-transform:uppercase;letter-spacing:3px;margin-bottom:30px;font-size:2.5rem}.about-grid{grid-template-columns:1fr 2fr;align-items:center;gap:40px;display:grid}.profile-container{justify-content:center;align-items:center;display:flex}.profile-img{border:2px solid var(--glass-border);border-radius:20px;width:100%;max-width:250px;transition:transform .3s,box-shadow .3s;box-shadow:0 0 20px #00a2ff33}.profile-img:hover{box-shadow:0 0 30px var(--primary);transform:scale(1.05)}@media (width<=992px){.about-grid{text-align:center;grid-template-columns:1fr}.profile-img{max-width:200px;margin-bottom:20px}}.hero-text h2{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:4rem}.hero-text h3{font-family:var(--font-header);color:var(--primary);margin-bottom:20px;font-size:1.5rem}.hero-text p{opacity:.8;max-width:600px;margin-bottom:40px;font-size:1.1rem;line-height:1.6}.btn{font-family:var(--font-header);text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-right:20px;padding:12px 30px;font-size:.8rem;text-decoration:none;transition:all .3s;display:inline-block}.btn.primary{background:linear-gradient(45deg, var(--secondary), var(--primary));color:#fff}.btn.secondary{border:1px solid var(--primary);color:var(--primary)}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.skill-item{text-align:center}.skill-icon{margin-bottom:15px;font-size:3rem}.services-bento{grid-template-rows:auto;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;display:grid}.service-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:15px;flex-direction:column;justify-content:center;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:var(--primary);background:#ffffff12;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 30px #00a2ff33}.service-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.service-card:hover:before{left:100%}.service-card .service-icon{opacity:.8;margin-bottom:20px;font-size:2.5rem}.service-card h3{font-family:var(--font-header);color:var(--primary);margin-bottom:10px;font-size:1.2rem}.service-card p{opacity:.7;font-size:.9rem;line-height:1.5}.service-card.large{grid-area:span 2/span 2;min-height:400px}.service-card.large .service-icon{font-size:4rem}.service-card.medium{grid-area:span 1/span 2}.service-card.small{flex-direction:row;grid-area:span 1/span 4;align-items:center;gap:30px}.service-card.small .service-icon{margin-bottom:0}@media (width<=992px){.services-bento{grid-template-columns:repeat(2,1fr)}.service-card.large,.service-card.medium,.service-card.small{grid-column:span 2;min-height:auto}.service-card.small{text-align:center;flex-direction:column}}@media (width<=600px){.services-bento{grid-template-columns:1fr}.service-card.large,.service-card.medium,.service-card.small{grid-column:span 1}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.project-card{transition:transform .3s;overflow:hidden}.project-card:hover{transform:translateY(-10px)}.project-img{object-fit:cover;border:1px solid var(--glass-border);background:linear-gradient(45deg,#111,#222);border-radius:10px;width:100%;height:200px;margin-bottom:20px;transition:transform .3s}.project-card:hover .project-img{border-color:var(--primary);transform:scale(1.05)}.tags span{background:#ffffff1a;border-radius:20px;margin-right:10px;padding:4px 10px;font-size:.7rem}#contact-form{flex-direction:column;gap:20px;max-width:600px;margin-bottom:30px;display:flex}input,textarea{border:1px solid var(--glass-border);color:#fff;font-family:var(--font-main);background:#ffffff0d;border-radius:10px;width:100%;padding:15px}.social-links{gap:20px;display:flex}.social-links a{color:var(--primary);font-family:var(--font-header);text-decoration:none}footer{text-align:center;opacity:.5;padding:50px;font-size:.8rem}@media (width<=768px){.hero-text h2{font-size:2.5rem}.nav-links{display:none}}