:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #00f0ff;--primary-light: #7df9ff;--secondary: #ff2a6d;--accent: #d300c5;--dark: #0d0221;--light: #f8f9fa;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #12141d;--gray-900: #0a0b11;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-card: rgba(18, 20, 29, .8);--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-muted: var(--gray-500);--border: rgba(0, 240, 255, .2)}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-card: var(--gray-800);--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-muted: var(--gray-500);--border: var(--gray-700)}}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}body,#root{overflow-x:hidden;max-width:100vw;width:100%;margin:0;padding:0;background:transparent!important}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;background:transparent;position:relative;z-index:1}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}.main-content{width:100%;max-width:100%;padding:var(--space-2xl) var(--space-xl);box-sizing:border-box;position:relative;z-index:10;background-color:#0d0f1e40;backdrop-filter:blur(12px);box-shadow:0 0 30px #0003;border:0;-webkit-backdrop-filter:blur(12px)}.main-content>.section{padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-xl);border:0;border-radius:var(--radius-md);background:#0d0f1e26;box-shadow:0 0 30px #0000001a}@media (min-width: 1400px){.main-content{max-width:1400px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.main-content>.section{padding:var(--space-xl) var(--space-lg)}}@media (max-width: 768px){.main-content{padding:var(--space-xl) var(--space-md)}.main-content>.section{padding:var(--space-lg) var(--space-md)}}@media (max-width: 480px){.main-content{padding:var(--space-lg) var(--space-sm)}.main-content>.section{padding:var(--space-md) var(--space-sm)}}@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){.main-content{background-color:#0d0f1ebf!important}}.header{background:linear-gradient(135deg,#00f0ff33,#d300c533);border-bottom:1px solid var(--border);color:#fff;padding:var(--space-3xl) var(--space-xl);position:relative;overflow:hidden;width:100%;box-sizing:border-box;z-index:10;background-color:#0d0f1e66;backdrop-filter:blur(15px);box-shadow:0 0 30px #0003;border:1px solid rgba(0,240,255,.15);-webkit-backdrop-filter:blur(15px)}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");z-index:-1;opacity:.2}.header-content{width:100%;max-width:100%;margin:0 auto;position:relative;z-index:1;padding:0 var(--space-md)}.header-main{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.profile-image-container{flex-shrink:0}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);box-shadow:0 0 15px #00f0ff66;transition:all var(--transition-normal)}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 20px #00f0ff99;border:2px solid var(--accent)}.header-text{display:flex;flex-direction:column}@media (min-width: 1400px){.header-content{max-width:1400px}}.header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-sm);line-height:1.1;letter-spacing:-.02em;animation:fadeInDown 1s ease-out;text-shadow:0 0 10px rgba(0,240,255,.3)}.header h2{white-space:nowrap;font-size:clamp(1rem,1.5vw,1.25rem);letter-spacing:-.02em;font-weight:400;margin-bottom:var(--space-xl);opacity:.9;max-width:600px;animation:fadeInUp 1s ease-out .3s both;text-shadow:0 0 10px rgba(0,240,255,.3)}.social-links{display:flex;gap:var(--space-md);flex-wrap:wrap;animation:fadeIn 1s ease-out .5s both}.social-links a{color:#fff;background:#0d0f1eb3;border:1px solid var(--border);box-shadow:0 0 5px #00f0ff33;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);font-weight:500}.social-links a:hover{background:#00f0ff33;box-shadow:0 0 10px #00f0ff66;transform:translateY(-2px)}.social-links .resume-download-btn{background:#d300c533;border:1px solid rgba(211,0,197,.3);box-shadow:0 0 8px #d300c54d}.social-links .resume-download-btn:hover{background:#d300c54d;box-shadow:0 0 12px #d300c580;transform:translateY(-2px)}.mini-header{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#0d0f1ed9,#171928d9);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 0 20px #0000004d;border-bottom:1px solid rgba(0,240,255,.3);z-index:100;display:flex;align-items:center;padding:0 var(--space-md);transform:translateY(-100%);transition:transform .3s ease}.mini-header.visible{transform:translateY(0)}.mini-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto}.mini-header-left{display:flex;align-items:center;gap:var(--space-md)}.mini-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--primary);box-shadow:0 0 8px #00f0ff4d}.mini-header-name{font-weight:700;font-size:1.3rem;color:var(--text-primary);text-shadow:0 0 10px rgba(0,240,255,.3)}.mini-header-links{display:flex;gap:var(--space-md)}.mini-header-links a{color:var(--primary);font-size:1.2rem;transition:all var(--transition-fast);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0d0f1e80;border:1px solid rgba(0,240,255,.2)}.mini-header-links .download-btn{background:#d300c533;border:1px solid rgba(211,0,197,.3)}.mini-header-links .download-btn:hover{color:var(--accent);background:#d300c54d;box-shadow:0 0 15px #d300c580}.mini-header-links a:hover{color:var(--accent);transform:translateY(-2px);box-shadow:0 0 12px #00f0ff66;border-color:#00f0ff80}.mini-header-right{display:flex;align-items:center;gap:var(--space-md)}.mini-header-contact-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;padding-right:var(--space-sm);position:relative;text-transform:uppercase;letter-spacing:1px}.mini-header-contact-label:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:2px;height:70%;background:var(--primary);opacity:.5}@media (max-width: 768px){.mini-header{height:50px}.mini-header-name{font-size:1rem}.mini-header-links a{width:32px;height:32px;font-size:1rem}.mini-header-links{gap:var(--space-sm)}.mini-header-contact-label{display:none}}@media (max-width: 480px){.mini-header-name{font-size:.9rem}.mini-header-links a{width:28px;height:28px}}.section{margin-bottom:var(--space-3xl);animation:fadeIn 1s ease-out}.section-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--space-xl);color:var(--primary);position:relative;padding-bottom:var(--space-sm);display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:60px;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 10px var(--accent)}.section-loading{height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:500;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.timeline{position:relative;padding-left:var(--space-3xl);width:100%;max-width:100%;box-sizing:border-box}.timeline:before{content:"";position:absolute;left:6px;top:8px;height:calc(100% - 16px);width:2px;background-color:var(--border)}.timeline-item{position:relative;margin-bottom:var(--space-2xl);transition:transform var(--transition-normal)}.timeline-item:hover{transform:translate(8px)}.timeline-item:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background-color:var(--primary);left:calc(-1 * var(--space-3xl) + 0px);top:8px;transition:all var(--transition-fast);box-shadow:0 0 10px var(--primary)}.timeline-item:hover:before{background-color:var(--accent);transform:scale(1.2);box-shadow:0 0 15px var(--primary),0 0 20px var(--primary)}.timeline-content{background:linear-gradient(135deg,#0d0f1ee6,#171928cc);backdrop-filter:blur(10px);box-shadow:0 0 15px #00f0ff1a;border:1px solid rgba(0,240,255,.2);padding:var(--space-lg);border-radius:var(--radius-md);transition:all .3s ease;-webkit-backdrop-filter:blur(15px)}.timeline-content:hover{box-shadow:0 0 20px #00f0ff33;border:1px solid rgba(0,240,255,.3)}.timeline-content h3{font-size:clamp(1.1rem,2vw,1.4rem);margin-bottom:var(--space-xs);color:var(--text-primary)}.timeline-header{display:flex;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-xs)}.company{font-weight:600;color:var(--primary);text-shadow:0 0 10px rgba(0,240,255,.3)}.duration{color:var(--text-muted);font-size:.9rem}.timeline-body{color:var(--text-secondary)}.timeline-body ul{padding-left:var(--space-lg);margin-top:var(--space-sm)}.timeline-body li,.timeline-body p{margin-bottom:var(--space-sm)}.experience-list{padding-left:var(--space-md);margin-top:var(--space-xs)}.experience-list li{margin-bottom:var(--space-sm)}.education-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);width:100%;max-width:100%;box-sizing:border-box}.education-item{background:linear-gradient(135deg,#0d0f1ee6,#171928cc);backdrop-filter:blur(10px);box-shadow:0 0 15px #00f0ff1a;border:1px solid rgba(0,240,255,.2);padding:var(--space-lg);border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);-webkit-backdrop-filter:blur(15px)}.education-item:hover{transform:translateY(-5px);box-shadow:0 0 20px #00f0ff33;border:1px solid rgba(0,240,255,.3)}.education-item h3{font-size:1.2rem;margin-bottom:var(--space-xs);color:var(--primary)}.education-info{display:flex;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-xs)}.university{font-weight:500}.year{color:var(--text-muted);font-size:.9rem}.summary{color:var(--text-secondary);font-size:.95rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);width:100%;max-width:100%;box-sizing:border-box}.project-card{background:linear-gradient(135deg,#0d0f1ee6,#171928cc);backdrop-filter:blur(10px);box-shadow:0 0 15px #00f0ff1a;border:1px solid rgba(0,240,255,.2);padding:var(--space-lg);border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(15px)}.project-card:hover{transform:translateY(-5px);box-shadow:0 0 20px #00f0ff33;border:1px solid rgba(0,240,255,.3)}.project-card h3{font-size:1.2rem;margin-bottom:var(--space-md);color:var(--primary)}.project-card p{color:var(--text-secondary);margin-bottom:var(--space-lg);flex:1}.project-links{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:auto}.project-links a{font-size:.9rem;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.project-links a:hover{background-color:var(--primary-light);color:var(--dark)}.skills-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl);width:100%;max-width:100%;box-sizing:border-box}.skill-category{background:linear-gradient(135deg,#0d0f1ee6,#171928cc);backdrop-filter:blur(10px);box-shadow:0 0 15px #00f0ff1a;border:1px solid rgba(0,240,255,.2);padding:var(--space-lg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(15px)}.skill-category:hover{box-shadow:0 0 20px #00f0ff33;border:1px solid rgba(0,240,255,.3)}.skill-category h3{font-size:1.1rem;margin-bottom:var(--space-md);color:var(--primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{background:#12141db3;border:1px solid var(--border);box-shadow:0 0 5px #00f0ff1a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;transition:all var(--transition-fast);cursor:default}.skill-tag:hover{background:linear-gradient(135deg,#00f0ff33,#d300c533);border:1px solid rgba(0,240,255,.4);box-shadow:0 0 10px #00f0ff4d;color:var(--light)}.interests-container{display:flex;flex-wrap:wrap;gap:var(--space-md)}.interest-item{background:#12141db3;border:1px solid var(--border);box-shadow:0 0 5px #00f0ff1a;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);transition:all var(--transition-fast)}.interest-item:hover{background:linear-gradient(135deg,#00f0ff33,#d300c533);border:1px solid rgba(0,240,255,.4);box-shadow:0 0 10px #00f0ff4d;color:var(--light);transform:translateY(-3px)}.publications-list{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.publication-item{background:linear-gradient(135deg,#0d0f1ee6,#171928cc);backdrop-filter:blur(10px);box-shadow:0 0 15px #00f0ff1a;border:1px solid rgba(0,240,255,.2);padding:var(--space-lg);border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);-webkit-backdrop-filter:blur(15px)}.publication-item:hover{transform:translateY(-5px);box-shadow:0 0 20px #00f0ff33;border:1px solid rgba(0,240,255,.3)}.publication-item h3{font-size:1.2rem;margin-bottom:var(--space-sm);color:var(--primary)}.publication-type{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);background-color:var(--bg-highlight);font-size:.8rem;margin-right:var(--space-xs)}.publication-institution{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);margin-bottom:var(--space-sm);font-style:italic}.publication-publisher{color:var(--text-secondary);font-size:.9rem;margin-left:var(--space-xs)}.publication-pages{color:var(--text-muted);font-size:.9rem;margin-left:var(--space-xs)}.publication-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.publication-citations{display:flex;align-items:center;gap:5px;color:var(--primary-light);font-size:.9rem;background-color:var(--bg-secondary);padding:2px 10px;border-radius:var(--radius-full)}.publication-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-xs)}.publication-description{color:var(--text-secondary);margin-bottom:var(--space-md)}.publication-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.9rem}.publication-link:hover{background-color:var(--primary-light);color:var(--dark);transform:translateY(-2px)}@media (max-width: 768px){.publication-meta{flex-direction:column;gap:var(--space-xs)}}.footer{padding:var(--space-xl);text-align:center;margin-top:auto;width:100%;box-sizing:border-box;position:relative;z-index:10;background-color:#0d0f1e66;backdrop-filter:blur(15px);box-shadow:0 0 30px #0003;border-top:1px solid rgba(0,240,255,.15);-webkit-backdrop-filter:blur(15px)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");z-index:-1;opacity:.2}.footer-content{max-width:100%;margin:0 auto;position:relative;z-index:1}@media (min-width: 1400px){.footer-content{max-width:1400px}}.summary-section{background:linear-gradient(135deg,#00f0ff1a,#d300c51a);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#fff;padding:var(--space-2xl) var(--space-xl);position:relative;overflow:hidden;width:100%;box-sizing:border-box;z-index:10;background-color:#0d0f1e59;backdrop-filter:blur(15px);box-shadow:0 0 30px #0003;-webkit-backdrop-filter:blur(15px)}.summary-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");z-index:-1;opacity:.2}.summary-content{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:1;animation:fadeIn 1s ease-out}.summary-text{font-size:1.1rem;line-height:1.7;color:var(--text)}.summary-text strong{color:var(--primary);font-weight:600;text-shadow:0 0 8px rgba(0,240,255,.3)}.summary-highlights{display:flex;gap:var(--space-2xl);flex-wrap:wrap;margin-top:var(--space-lg)}.highlight-item{display:flex;flex-direction:column;align-items:center;background:#0d0f1eb3;border:1px solid var(--border);box-shadow:0 0 15px #00f0ff1a;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);min-width:120px;transition:all var(--transition-fast)}.highlight-item:hover{transform:translateY(-5px);background:linear-gradient(135deg,#00f0ff33,#d300c533);border:1px solid rgba(0,240,255,.4);box-shadow:0 0 20px #00f0ff4d}.highlight-number{font-size:2.5rem;font-weight:700;color:var(--primary);text-shadow:0 0 10px rgba(0,240,255,.5);margin-bottom:var(--space-xs)}.highlight-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.summary-section{padding:var(--space-xl) var(--space-md)}.summary-text{font-size:1rem}.summary-highlights{gap:var(--space-md);justify-content:space-around}.highlight-item{min-width:100px;padding:var(--space-sm) var(--space-md)}.highlight-number{font-size:2rem}}@media (max-width: 480px){.summary-section{padding:var(--space-lg) var(--space-sm)}.highlight-item{min-width:80px;padding:var(--space-xs) var(--space-sm)}.highlight-number{font-size:1.8rem}.highlight-label{font-size:.8rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-content{padding:var(--space-md)}.header{padding:var(--space-2xl) var(--space-md)}.header h2{white-space:normal;font-size:.9rem}.timeline{padding-left:var(--space-2xl)}.timeline-item:before{left:calc(-1 * var(--space-2xl) + 0px)}.timeline-content{padding:var(--space-md)}.timeline-header{flex-direction:column;gap:var(--space-xs)}.projects-grid,.education-list,.skills-container{grid-template-columns:1fr}.social-links{flex-direction:column;gap:var(--space-sm)}.header-main{flex-direction:column;gap:var(--space-md);text-align:center}.profile-image{width:100px;height:100px}.mini-profile-image{width:32px;height:32px}}@media (max-width: 480px){.main-content{padding:var(--space-sm)}.header h1{font-size:2rem}.header h2{font-size:1rem}.section-title{font-size:1.5rem}}.cyberpunk-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#0f0f20,#182848);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:-2px -2px,-2px -2px;transform-style:preserve-3d;animation:grid-move 60s linear infinite;opacity:.6}.glow-lines{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.glow-lines:before,.glow-lines:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(0,255,255,.7),transparent);width:200%;height:4px;left:-50%;animation:glow-line-move 10s linear infinite}.glow-lines:before{top:30%;animation-delay:0s;opacity:.5}.glow-lines:after{top:70%;animation-delay:5s;opacity:.3}.cyberpunk-particles{position:absolute;top:0;left:0;right:0;bottom:0}.cyberpunk-particles:before,.cyberpunk-particles:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(rgba(0,255,255,.5) 1px,transparent 1px),radial-gradient(rgba(255,0,128,.3) 1px,transparent 1px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.5;animation:particle-shift 30s linear infinite}.cyberpunk-particles:after{background-size:30px 30px;background-position:15px 15px,45px 45px;animation-duration:40s;animation-delay:-10s}@keyframes grid-move{0%{background-position:0px 0px,0px 0px;opacity:.3}50%{opacity:.5}to{background-position:0px 1000px,1000px 0px;opacity:.3}}@keyframes glow-line-move{0%{transform:translateY(0) translate(-30%) rotate(-5deg)}to{transform:translateY(-1000px) translate(100%) rotate(-5deg)}}@keyframes particle-shift{0%{transform:translateY(0) translate(0)}33%{transform:translateY(-50px) translate(30px)}66%{transform:translateY(30px) translate(-50px)}to{transform:translateY(0) translate(0)}}@supports not ((backdrop-filter: blur(15px)) or (-webkit-backdrop-filter: blur(15px))){.header,.main-content,.footer,.timeline-content,.education-item,.project-card,.skill-category{background-color:#0d0f1ed9!important}}