body{background:var(--bg-primary);color:var(--text-primary)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;border:none}:root{--bg-primary: #0B1121;--bg-secondary: #111827;--bg-tertiary: #1F2937;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--border: rgba(255, 255, 255, .1);--card-bg: rgba(30, 41, 59, .5);--card-hover: rgba(51, 65, 85, .8);--accent-primary: #3B82F6;--accent-hover: #60A5FA;--accent-light: rgba(59, 130, 246, .1);--white: #ffffff;--black: #000000;--gray-100: #F3F4F6;--gray-500: #6B7280;--gray-900: #111827;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--space-2xl: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;font-family:Poppins,sans-serif}img,picture,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background-color:#0b1121d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--border);transition:var(--transition-normal)}nav h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}nav ul{display:flex;list-style:none;gap:2rem}nav ul li a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:var(--transition-normal);position:relative;padding-bottom:4px}nav ul li a:hover,nav ul li a:focus,nav ul li a.active{color:var(--accent-primary)}nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-primary);transition:width .3s ease;border-radius:var(--radius-full)}nav ul li a:hover:after,nav ul li a.active:after{width:100%}@media(max-width:768px){nav{padding:1rem}nav ul{display:none}}.section-mesh-grid{position:absolute;inset:0;pointer-events:none;z-index:1;background-size:50px 50px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.section-mesh-glow{position:absolute;inset:0;pointer-events:none;z-index:2;background-size:50px 50px;background-image:linear-gradient(to right,var(--accent-primary) 1px,transparent 1px),linear-gradient(to bottom,var(--accent-primary) 1px,transparent 1px);opacity:.4}.section-ambient-glow{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-container{position:relative;width:100%;min-height:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xl);z-index:1}.hero-background-elements{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.floating-icon{position:absolute}.icon-1{top:20%;left:10%}.icon-2{top:60%;right:15%}.icon-3{top:30%;right:25%}.icon-4{bottom:20%;left:20%}.icon-5{top:10%;right:5%}.hero-content{flex:1.2;max-width:60%;display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:2}.hero-greeting{color:var(--accent-primary);font-size:1.1rem;font-weight:500;letter-spacing:1px}.hero-name{color:var(--text-primary);font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;margin:0}.hero-role{color:var(--text-secondary);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin:0}.hero-description{color:var(--text-muted);font-size:1.125rem;max-width:650px;margin-top:var(--space-md);line-height:1.6}.hero-cta-group{margin-top:var(--space-lg)}.hero-btn-primary{display:inline-block;padding:var(--space-md) var(--space-xl);background-color:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:var(--transition-normal);cursor:pointer;box-shadow:none}.hero-btn-primary:hover{background-color:transparent;color:var(--white);transform:translateY(-2px);animation:neon-box-shadow-hero 4s linear infinite}@keyframes neon-box-shadow-hero{0%{box-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff,inset 0 0 10px #00f0ff;border-color:#00f0ff;text-shadow:0 0 5px #00f0ff}33%{box-shadow:0 0 10px #7000ff,0 0 20px #7000ff,inset 0 0 10px #7000ff;border-color:#7000ff;text-shadow:0 0 5px #7000ff}66%{box-shadow:0 0 10px #ff00c8,0 0 20px #ff00c8,inset 0 0 10px #ff00c8;border-color:#ff00c8;text-shadow:0 0 5px #ff00c8}to{box-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff,inset 0 0 10px #00f0ff;border-color:#00f0ff;text-shadow:0 0 5px #00f0ff}}.hero-3d-wrapper{position:relative;flex:.8;max-width:40%;height:600px;z-index:1;pointer-events:none}@media(max-width:900px){.hero-container{flex-direction:column;justify-content:center}.hero-content{max-width:100%;text-align:center;align-items:center}.hero-3d-wrapper{position:absolute;width:100%;max-width:100%;height:100%;right:0;opacity:.2;z-index:0}}.section-heading-container{display:flex;flex-direction:column;margin-bottom:var(--space-xl)}.section-subtitle{color:var(--accent-primary);font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-sm)}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;display:inline-flex;align-items:center}.title-dot{color:var(--accent-primary)}.section-line{height:4px;width:60px;background-color:var(--accent-primary);border-radius:var(--radius-full);margin-top:var(--space-md)}@media(min-width:768px){.section-title{font-size:3.5rem}}.about-container{width:100%}.about-content{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center}@media(min-width:900px){.about-content{grid-template-columns:3fr 2fr}}.about-text{display:flex;flex-direction:column;gap:var(--space-md)}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.about-image-wrapper{position:relative;max-width:400px;margin:0 auto;width:100%}.about-image-frame{position:relative;border-radius:var(--radius-md);z-index:1}.about-image-placeholder{aspect-ratio:1;background-color:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem;position:relative;z-index:2;transition:var(--transition-normal)}.about-image-backdrop{content:"";display:block;position:absolute;width:100%;height:100%;border:2px solid var(--accent-primary);border-radius:var(--radius-md);top:20px;left:20px;z-index:1;transition:var(--transition-normal)}.about-image-wrapper:hover .about-image-placeholder{transform:translate(-5px,-5px)}.about-image-wrapper:hover .about-image-backdrop{transform:translate(5px,5px)}.skills-container{width:100%}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-top:var(--space-lg)}@media(min-width:600px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:var(--transition-normal)}.skill-card:hover{transform:translateY(-5px);background-color:var(--card-hover);animation:neon-card-shadow 4s linear infinite}@keyframes neon-card-shadow{0%{box-shadow:0 0 15px #00f0ff,0 0 30px #00f0ff33;border-color:#00f0ff}33%{box-shadow:0 0 15px #7000ff,0 0 30px #7000ff33;border-color:#7000ff}66%{box-shadow:0 0 15px #ff00c8,0 0 30px #ff00c833;border-color:#ff00c8}to{box-shadow:0 0 15px #00f0ff,0 0 30px #00f0ff33;border-color:#00f0ff}}.skill-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.skill-card-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.skill-list{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:1rem}.skill-bullet{color:var(--accent-primary);font-size:1.2rem;line-height:1}.projects-container{width:100%}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-lg)}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition-normal);height:100%}.project-card:hover{transform:translateY(-7px);box-shadow:0 10px 30px -15px #020c1bb3;border-color:var(--accent-light)}.project-card-inner{padding:var(--space-lg);display:flex;flex-direction:column;height:100%}.project-card:hover .project-title{color:var(--accent-primary)}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.project-links{display:flex;gap:var(--space-sm)}.project-link-icon{color:var(--text-muted);transition:var(--transition-fast)}.project-link-icon:hover{color:var(--accent-primary)}.project-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);transition:var(--transition-fast)}.project-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg);flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.project-tags li{font-size:.85rem;font-family:monospace;color:var(--text-muted)}.experience-container{width:100%}.timeline{position:relative;max-width:800px;margin:var(--space-xl) auto 0;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;top:0;left:20px;height:100%;width:2px;background-color:var(--border)}.timeline-item{position:relative;margin-bottom:var(--space-xl)}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:calc(var(--space-xl) * -1);width:42px;height:42px;border-radius:50%;background-color:var(--bg-secondary);border:2px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);z-index:1;transform:translate(1px)}.timeline-content{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:0 4px 6px -1px #0000001a;transition:var(--transition-normal)}.timeline-content:hover{border-color:var(--accent-light);transform:translateY(-3px);box-shadow:0 10px 15px -3px #0003}.timeline-date{display:inline-block;color:var(--accent-primary);font-size:.9rem;font-family:monospace;font-weight:600;margin-bottom:var(--space-sm)}.timeline-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:4px}.timeline-company{color:var(--text-muted);font-size:1rem;font-weight:500;margin-bottom:var(--space-md)}.timeline-description{color:var(--text-secondary);line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);margin-top:var(--space-xl)}@media(min-width:900px){.contact-content{grid-template-columns:1fr 1fr}}.contact-info{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.contact-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:8px;padding:var(--space-md) var(--space-lg);background-color:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);font-weight:600;transition:var(--transition-normal);text-decoration:none}.contact-btn:hover{background-color:var(--accent-primary);color:var(--white);transform:translateY(-2px)}.contact-btn.outline{background-color:transparent;border:1px solid var(--border);color:var(--text-primary)}.contact-btn.outline:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.social-links{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.social-icon{color:var(--text-muted);transition:var(--transition-fast)}.social-icon:hover{color:var(--accent-primary);transform:translateY(-3px)}.contact-form-wrapper{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-family:inherit;transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.submit-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background-color:var(--accent-primary);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:background-color .3s ease,transform .2s ease,width .3s ease;cursor:pointer;margin-top:var(--space-sm);overflow:hidden;min-height:52px}.submit-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.9}.submit-btn .btn-text{transition:opacity .2s ease}.submit-btn .send-icon{transition:opacity .3s ease}.submit-btn.sending{background-color:var(--accent-primary);pointer-events:none}.submit-btn.sending .btn-text{opacity:0}.submit-btn.sending .send-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:fly-plane 1.2s ease-in-out forwards}@keyframes fly-plane{0%{transform:translate(-50%,-50%) scale(1);opacity:1}30%{transform:translate(-60%,10%) scale(1.1) rotate(-10deg);opacity:1}to{transform:translate(150px,-150px) scale(0) rotate(45deg);opacity:0}}.submit-btn.sent{background-color:#10b981;color:#fff;pointer-events:none}.section{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:var(--space-2xl) var(--space-md)}.hero{background-color:var(--bg-primary)}.about{background-color:var(--bg-secondary)}.skills{background-color:var(--bg-primary)}.projects{background-color:var(--bg-secondary)}.experience{background-color:var(--bg-primary)}.contact{background-color:var(--bg-secondary)}