:root{--bg-body: #1a0b2e;--bg-gradient: radial-gradient(circle at 10% 20%, #2d1b69 0%, #1a0b2e 90%);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .08);--bg-glass-panel: rgba(255, 255, 255, .05);--text-main: #ffffff;--text-muted: #ffffff;--text-light: #f0f0f0;--primary-color: #7000ff;--primary-gradient: linear-gradient(135deg, #7000ff 0%, #ff00de 100%);--accent-color: #00f0ff;--glow-color: rgba(112, 0, 255, .5);--border-subtle: rgba(255, 255, 255, .08);--glass-border: 1px solid rgba(255, 255, 255, .15);--font-main: "Outfit", "Inter", system-ui, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-base: 1.125rem;--text-lg: 1.5rem;--text-xl: 2.5rem;--text-2xl: 4rem;--spacing-sm: 16px;--spacing-md: 32px;--spacing-lg: 64px;--spacing-xl: 120px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--radius-full: 9999px;--shadow-card: 0 10px 40px -10px rgba(0, 0, 0, .5);--backdrop-blur: blur(20px);--neon-glow: 0 0 20px rgba(112, 0, 255, .4);--transition-smooth: all .4s cubic-bezier(.22, 1, .36, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:slideInLeft .8s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:slideInRight .8s ease-out forwards}@keyframes pulseGlow{0%{box-shadow:0 0 #7000ff66}70%{box-shadow:0 0 0 10px #7000ff00}to{box-shadow:0 0 #7000ff00}}.animate-pulse{animation:pulseGlow 2s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.glass-panel{background:var(--bg-glass-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);border-radius:var(--radius-lg)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-smooth)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff4d;transform:translateY(-5px)}.text-gradient-primary{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-silver{background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-main);background:url(/assets/bg-new-BvhkdpXw.png) no-repeat center center fixed;background-size:cover;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh;text-rendering:optimizeLegibility}::selection{background:var(--primary-color);color:#fff}.animated-background{display:none}.animated-background svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(112,0,255,.3))}.wave-path{fill:none;animation:waveFloat 10s ease-in-out infinite alternate;transform-origin:center}.wave-path.delay-1{animation-duration:15s}.wave-path.delay-2{animation-duration:12s;animation-delay:-5s}.wave-path.delay-3{animation-duration:18s;animation-delay:-2s}@keyframes waveFloat{0%{transform:scaleY(1) translateY(0)}to{transform:scaleY(1.1) translateY(-20px)}}body:before,body:after{display:none}body:before{background:var(--primary-color);top:-10%;left:-10%;animation:flow 20s infinite alternate}body:after{background:var(--accent-color);bottom:-10%;right:-10%;animation:flow 25s infinite alternate-reverse}@keyframes flow{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-main);line-height:1.2}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.5rem}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}ul{list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:var(--transition-smooth);font-size:1rem;letter-spacing:.05em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden;text-transform:uppercase}.btn:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 30px #fff6,0 0 10px var(--primary-color)}.app-container{position:fixed;top:5vh;left:50%;transform:translate(-50%);width:98%;max-width:1600px;height:90vh;margin:0;background:var(--bg-glass-panel);border:var(--glass-border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;overflow:hidden;z-index:10;box-shadow:0 40px 80px #0009}.main-layout{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.main-layout::-webkit-scrollbar{width:6px}.main-layout::-webkit-scrollbar-track{background:transparent}.main-layout::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.main-layout::-webkit-scrollbar-thumb:hover{background:#fff6}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:800;font-size:1.8rem;font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.03em}.nav-links{display:flex;gap:var(--spacing-md)}.nav-links li{cursor:pointer;color:var(--text-muted);font-weight:500;font-size:1rem;transition:var(--transition-smooth);position:relative}.nav-links li:hover,.nav-links li.active{color:var(--text-main);text-shadow:0 0 10px rgba(255,255,255,.5)}.nav-links li:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--primary-color);transition:var(--transition-smooth);box-shadow:0 0 8px var(--primary-color)}.nav-links li:hover:after{width:100%}section{padding:var(--spacing-xl) var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.hero{padding:140px var(--spacing-lg) 100px;min-height:90vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center;width:100%}@media(min-width:900px){.hero-content{grid-template-columns:1.2fr .8fr}}.hero-text{z-index:2}.hero-name{font-size:4rem;font-weight:800;margin-bottom:var(--spacing-sm);background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-title{font-size:1.5rem;color:#00f0ff;font-weight:600;margin-bottom:var(--spacing-sm);font-family:var(--font-mono);text-shadow:0 0 10px rgba(0,240,255,.4)}.hero-description{font-size:1.25rem;color:var(--text-muted);margin-bottom:var(--spacing-md);max-width:600px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:var(--spacing-md)}.btn-primary{background:#fff!important;color:#000!important;box-shadow:0 0 20px #ffffff80!important;border:none!important}.btn-primary:hover{transform:scale(1.05)!important;box-shadow:0 0 40px #fffc!important}.hero-buttons a .btn:hover{background:#00f2601a;box-shadow:0 0 20px #00f26033}.social-icons{display:flex;gap:16px}.social-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-icon-btn svg{width:20px;height:20px;stroke-width:2}.social-icon-btn:hover{color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 0 15px #7000ff80;background:#7000ff1a}.hero-image-container{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.hero-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);filter:blur(80px);opacity:.3;border-radius:50%;z-index:1;animation:glowPulse 4s infinite alternate}@keyframes glowPulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.5;transform:scale(1.05)}}.hero-image{width:340px;height:340px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.15);position:relative;z-index:2;box-shadow:0 0 0 2px #7000ff4d,0 0 30px #7000ff4d,0 20px 50px #00000080;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.hero-image:hover{transform:scale(1.03) rotate(-2deg);border-color:#fffc;box-shadow:0 0 0 4px var(--primary-color),0 0 60px var(--primary-color),0 30px 70px #000000b3}.about-content,.project-card,.skill-card,.contact-method,.contact-form,.experience-list{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg)}.about-content{max-width:800px;margin:0 auto;padding:var(--spacing-lg);font-size:1.4rem;color:var(--text-muted);line-height:1.8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.skill-card{padding:var(--spacing-lg);transition:var(--transition-smooth)}.skill-card:hover{background:var(--bg-card-hover);transform:translateY(-5px);border-color:var(--primary-color)}.skill-category{font-family:var(--font-mono);font-size:1.25rem;color:#00f0ff;margin-bottom:var(--spacing-md);display:block;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(0,240,255,.5)}.skill-list{display:flex;flex-wrap:wrap;gap:8px}.skill-item{background:#ffffff1a;padding:6px 12px;border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-main);transition:var(--transition-fast)}.skill-item:hover{background:var(--primary-color);color:#000}.skill-item:not(:last-child):after{content:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.project-card{display:flex;flex-direction:column;padding:var(--spacing-lg);transition:var(--transition-smooth);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-gradient);opacity:.5}.project-card:hover{transform:translateY(-5px);background:var(--bg-card-hover)}.project-title{font-size:1.75rem;margin-bottom:var(--spacing-md);color:var(--text-main)}.detail-block{padding-left:0;border-left:none;margin-bottom:var(--spacing-md)}.detail-block:before{content:none}.detail-block h4{font-size:.85rem;color:var(--accent-color);text-transform:uppercase;margin-bottom:4px;letter-spacing:.05em}.detail-block p{color:var(--text-muted);font-size:1rem}.project-actions{margin-top:auto;padding-top:var(--spacing-md);padding-left:0;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:16px}.btn-project{border:1px solid #00f0ff!important;color:#00f0ff!important;background:#00f0ff0d!important;box-shadow:0 0 10px #00f0ff33!important;padding:12px 24px!important;font-size:.9rem!important}.btn-project:hover{background:#00f0ff!important;color:#000!important;box-shadow:0 0 20px #00f0ff99!important}.btn-link:hover{border-color:var(--primary-color);text-shadow:0 0 8px rgba(0,242,96,.4)}.experience-list{padding:var(--spacing-xl);position:relative;border-left:none;overflow:hidden}.experience-list:before{content:"";position:absolute;left:40px;top:40px;bottom:40px;width:2px;background:#ffffff1a}.experience-item{padding-left:50px;padding-bottom:var(--spacing-lg);position:relative}.experience-item:before{left:-11px;top:6px;background:var(--bg-body);border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.experience-title{color:var(--text-main);font-size:1.7rem}.experience-org{color:#00f0ff;font-family:var(--font-mono);text-shadow:0 0 10px rgba(0,240,255,.5);font-weight:600;font-size:1.2rem}.contact-content{max-width:600px;margin:0 auto}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-width:800px;margin-left:auto;margin-right:auto}.contact-method:last-child{grid-column:1 / -1;width:60%;margin:0 auto;justify-content:center}@media(max-width:600px){.contact-methods{grid-template-columns:1fr}.contact-method:last-child{width:100%}}.contact-method{padding:16px 24px;border:var(--glass-border);background:#ffffff0d;color:var(--text-main);transition:var(--transition-fast);display:flex;align-items:center;gap:8px;white-space:nowrap}.contact-form{padding:var(--spacing-lg);background:#ffffff08;border-radius:var(--radius-lg)}.form-group{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group label{width:100px;font-weight:700;font-size:1.1rem;color:var(--text-main)}.form-group:has(textarea){align-items:flex-start}.form-group label[for=message]{margin-top:14px}.form-group input,.form-group textarea{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:18px;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:1rem;transition:var(--transition-smooth)}.form-group input:focus,.form-group textarea:focus{outline:none;background:#ffffff0d;border-color:var(--primary-color);box-shadow:0 0 20px #7000ff4d}.footer{text-align:center;padding:var(--spacing-lg);border-top:var(--glass-border);color:var(--text-light);font-size:.9rem;background:#0003}