:root,[data-theme=dark]{--color-bg-primary: #0d0d12;--color-bg-secondary: #16161d;--color-bg-tertiary: #1e1e28;--color-accent-primary: #00e5ff;--color-accent-secondary: #8b5cf6;--color-accent-gradient: linear-gradient(135deg, #00e5ff 0%, #8b5cf6 100%);--color-text-primary: #f5f5f7;--color-text-secondary: #c4c4d4;--color-text-muted: #7a7a8c;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 12px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-2xl: 3rem;--font-size-3xl: 4.5rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 24px rgba(0, 229, 255, .4)}[data-theme=light]{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e9ecef;--color-accent-primary: #0099cc;--color-accent-secondary: #7c3aed;--color-accent-gradient: linear-gradient(135deg, #0099cc 0%, #7c3aed 100%);--color-text-primary: #1a1a1f;--color-text-secondary: #4a4a5a;--color-text-muted: #6b6b7e;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1);--glass-blur: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glow: 0 0 24px rgba(0, 153, 204, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-padding-top:0}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,229,255,.25) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.25) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,0,110,.18) 0%,transparent 45%);z-index:-2;pointer-events:none;animation:gradientPulse 10s ease-in-out infinite}@keyframes gradientPulse{0%,to{opacity:1}50%{opacity:.8}}::-webkit-scrollbar{display:none;width:0;height:0}body,html{-ms-overflow-style:none;scrollbar-width:none}*{scrollbar-width:none;-ms-overflow-style:none}::selection{background:var(--color-accent-primary);color:var(--color-bg-primary)}::-moz-selection{background:var(--color-accent-primary);color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{font-size:var(--font-size-md);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-accent-secondary);text-shadow:var(--shadow-glow)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md)}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{min-height:100vh;padding:var(--spacing-xl) 0;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:-1;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #7c3aed80}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@media(max-width:768px){:root{--font-size-3xl: 2.5rem;--font-size-2xl: 2rem;--font-size-xl: 1.5rem}.section{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-sm)}}@media(max-width:480px){:root{--font-size-3xl: 2rem;--font-size-2xl: 1.5rem}}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;font-size:var(--font-size-sm);position:relative;overflow:hidden}.btn-primary{background:var(--color-accent-gradient);color:var(--color-text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;border:2px solid var(--color-accent-primary);color:var(--color-accent-primary)}.btn-ghost:hover{background:var(--color-accent-primary);color:var(--color-bg-primary);transform:translateY(-2px)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-normal)}.card:hover{transform:translateY(-5px);border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.navigation{position:fixed;left:var(--spacing-md);top:100px;bottom:100px;display:flex;align-items:center;z-index:1000;transition:all var(--transition-normal)}.nav-container{display:flex;flex-direction:column;gap:0}.nav-links{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none}.nav-links li{position:relative}.nav-links li a{color:var(--color-text-secondary);font-weight:600;font-size:.75rem;cursor:pointer;position:relative;padding:var(--spacing-xs) 0;transition:var(--transition-fast);display:block;text-transform:uppercase;letter-spacing:.1em;writing-mode:vertical-rl;text-orientation:mixed}.nav-links li a:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-accent-gradient);transition:height var(--transition-normal)}.nav-links li a.active:before,.nav-links li a:hover:before{height:100%}.nav-links li a.active{color:var(--color-accent-primary)}.nav-links li a:hover{color:var(--color-text-primary)}@media(max-width:968px){.navigation{left:var(--spacing-sm)}.nav-links{gap:var(--spacing-sm)}.nav-links li a{font-size:var(--font-size-xs)}}.hero{display:flex;align-items:center;justify-content:center;position:relative;min-height:100vh}.hero-background{position:absolute;inset:0;z-index:-1}.network-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.hero-content{text-align:center;z-index:1}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);font-weight:800;background:linear-gradient(135deg,#00e5ff,#8b5cf6,#ff006e,#8b5cf6,#00e5ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShiftText 8s ease-in-out infinite}@keyframes gradientShiftText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-title span{display:inline-block;transform-origin:bottom}.hero-title .space{width:.5em}.hero-subtitle{font-size:var(--font-size-xl);background:linear-gradient(90deg,#00e5ff,#c4c4d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);font-weight:600}.hero-subtitle span{display:inline-block}.hero-description{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}.hero-description span,.hero-subtitle span{display:inline-block}.hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.hero-social{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:50%;font-size:1.5rem;color:var(--color-text-primary);transition:all var(--transition-normal)}.social-link:hover{background:var(--color-accent-gradient);border-color:transparent;transform:translateY(-5px) scale(1.1);box-shadow:var(--shadow-glow)}.hero-scroll-indicator{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%)}.scroll-arrow{width:30px;height:50px;border:2px solid var(--color-accent-primary);border-radius:20px;position:relative}.scroll-arrow:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--color-accent-primary);border-radius:50%;animation:scrollDown 2s infinite}@keyframes scrollDown{0%{top:10px;opacity:1}to{top:30px;opacity:0}}@media(max-width:768px){.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:250px}.gradient-orb{filter:blur(60px)}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}.section-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 6s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--color-accent-primary);top:-250px;right:-250px;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--color-accent-secondary);bottom:-200px;left:-200px;animation-delay:2s}.orb-3{width:300px;height:300px;background:#ff006e;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.about-card{padding:var(--spacing-lg)}.about-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.about-card p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-text-secondary)}.about-card p:last-child{margin-bottom:0}.about-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-card{text-align:center;padding:var(--spacing-md);transition:all var(--transition-normal)}.stat-card:hover{transform:scale(1.05)}.stat-number{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:var(--spacing-md)}.about-stats{flex-direction:row}}@media(max-width:768px){.about-card{padding:var(--spacing-md)}.about-card h3{font-size:var(--font-size-lg)}.about-card p{font-size:var(--font-size-sm)}.about-stats{flex-direction:column}.stat-number{font-size:var(--font-size-xl)}}.skills{position:relative;overflow:hidden}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.futuristic-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:var(--font-size-2xl);font-weight:900;letter-spacing:.1em;margin-bottom:var(--spacing-md);text-transform:uppercase;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-line{width:100px;height:2px;background:var(--color-accent-gradient);position:relative}.title-line:after{content:"";position:absolute;width:10px;height:10px;background:var(--color-accent-primary);border-radius:50%;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 20px var(--color-accent-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.3)}}.section-subtitle{color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:400}.skills-grid-futuristic{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl);perspective:1000px}.skill-card-futuristic{position:relative;padding:var(--spacing-lg);background:linear-gradient(135deg,#1e1e28e6,#14141ecc);border-radius:var(--radius-lg);overflow:hidden;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,229,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.skill-card-futuristic:hover .card-glow{opacity:1;animation:rotateGlow 4s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-border{position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(45deg,var(--color-accent-primary),var(--color-accent-secondary),var(--color-accent-primary));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;animation:borderFlow 3s linear infinite}.skill-card-futuristic:hover .card-border{opacity:1}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skill-image-futuristic{width:200px;height:200px;margin:0 auto var(--spacing-md);position:relative;border-radius:var(--radius-lg);overflow:hidden}.skill-image-futuristic img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;transition:transform .4s ease}.skill-card-futuristic:hover .skill-image-futuristic img{transform:scale(1.1)}.image-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--color-accent-primary) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:1}.skill-card-futuristic:hover .image-glow{opacity:.4}.holographic-overlay{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,229,255,.1) 50%,transparent 70%);background-size:200% 200%;animation:holographic 3s linear infinite;z-index:3;pointer-events:none}@keyframes holographic{0%{background-position:0% 0%}to{background-position:200% 200%}}.skill-header-futuristic{text-align:center;margin-bottom:var(--spacing-md)}.skill-header-futuristic h3{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--spacing-xs);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.skill-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.15em}.skill-tags-futuristic{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.skill-tag-futuristic{padding:.6rem 1.2rem;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;transition:all .3s ease;cursor:default;position:relative;overflow:hidden}.skill-tag-futuristic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.3),transparent);transition:left .5s ease}.skill-tag-futuristic:hover:before{left:100%}.skill-tag-futuristic:hover{background:var(--color-accent-gradient);color:#fff;border-color:transparent;transform:translateY(-3px)}.card-corner{position:absolute;width:20px;height:20px;border:2px solid var(--color-accent-primary);opacity:.5;transition:all .3s ease}.corner-tl{top:10px;left:10px;border-right:none;border-bottom:none}.corner-tr{top:10px;right:10px;border-left:none;border-bottom:none}.corner-bl{bottom:10px;left:10px;border-right:none;border-top:none}.corner-br{bottom:10px;right:10px;border-left:none;border-top:none}.skill-card-futuristic:hover .card-corner{opacity:1;box-shadow:0 0 10px var(--color-accent-primary)}.skill-card-futuristic.cyan:hover{box-shadow:0 20px 60px #00e5ff4d}.skill-card-futuristic.purple:hover{box-shadow:0 20px 60px #8b5cf64d}@media(max-width:968px){.skills-grid-futuristic{grid-template-columns:1fr;gap:var(--spacing-md)}.futuristic-title{font-size:var(--font-size-xl);flex-direction:column;gap:var(--spacing-sm)}.title-line{width:60px}.skill-image-futuristic{width:160px;height:160px}.skill-header-futuristic h3{font-size:var(--font-size-lg)}.skill-tag-futuristic{font-size:var(--font-size-xs);padding:.5rem 1rem}}[data-theme=light] .skill-card-futuristic{background:linear-gradient(135deg,#fffffff2,#f5f5fae6);box-shadow:0 4px 20px #00000014}[data-theme=light] .skill-tag-futuristic{background:#0099cc1a;border:1px solid rgba(0,153,204,.3);color:var(--color-text-primary)}[data-theme=light] .skill-tag-futuristic:hover{background:var(--color-accent-gradient);color:#fff;border-color:transparent}[data-theme=light] .card-border{opacity:.5}[data-theme=light] .skill-card-futuristic:hover .card-border{opacity:.8}[data-theme=light] .card-corner{border-color:var(--color-accent-primary);opacity:.4}[data-theme=light] .skill-card-futuristic:hover .card-corner{opacity:.8}[data-theme=light] .skill-card-futuristic.cyan:hover{box-shadow:0 20px 60px #09c3}[data-theme=light] .skill-card-futuristic.purple:hover{box-shadow:0 20px 60px #7c3aed33}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project-card{display:flex;flex-direction:column;overflow:hidden;height:100%}.project-image-wrapper{width:100%;height:250px;position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--glass-border);margin-bottom:var(--spacing-md)}.project-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-img{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(13,13,18,.9) 100%);pointer-events:none}.project-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm);font-size:var(--font-size-md);font-weight:700;color:var(--color-text-primary);z-index:1}.project-content{flex:1;display:flex;flex-direction:column}.project-short-desc{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6;font-size:var(--font-size-sm)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tag{padding:.3rem .8rem;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.btn-details{width:100%;padding:var(--spacing-sm);background:var(--color-accent-gradient);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-top:auto}.btn-details:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md)}.modal-content{max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-lg);position:relative}.modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:50%;color:var(--color-text-primary);font-size:1.2rem;cursor:pointer;transition:all var(--transition-normal)}.modal-close:hover{background:var(--color-accent-gradient);border-color:transparent;transform:rotate(90deg)}.modal-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);padding-right:var(--spacing-lg)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section h3{font-size:var(--font-size-lg);color:var(--color-accent-primary);margin-bottom:var(--spacing-sm)}.modal-section p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-sm)}.modal-section ul{list-style:none;padding:0}.modal-section li{color:var(--color-text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.modal-section li:before{content:"▹";position:absolute;left:0;color:var(--color-accent-primary);font-size:1.2rem}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-image-wrapper{height:200px}.modal-content{padding:var(--spacing-md);max-height:95vh}.modal-title{font-size:var(--font-size-lg)}}.contact{padding-bottom:var(--spacing-md)}.contact-content-centered{display:flex;justify-content:center;margin-top:var(--spacing-lg);width:100%}.contact-info-centered{width:100%;max-width:600px}.info-card{padding:var(--spacing-lg);height:fit-content;text-align:center}.info-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.info-card p{margin-bottom:var(--spacing-lg);line-height:1.8;color:var(--color-text-secondary)}.contact-methods{margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.contact-method{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-normal);width:fit-content}.contact-method:hover{background:var(--color-accent-gradient);color:#fff;border-color:transparent;transform:translate(5px)}.contact-method svg{font-size:1.5rem}.footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border);text-align:center}.footer p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.info-card{padding:var(--spacing-md)}.info-card h3{font-size:var(--font-size-lg)}.contact-method{font-size:var(--font-size-sm)}}.theme-toggle{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);width:60px;height:60px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:2px solid var(--glass-border);color:var(--color-text-primary);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.theme-toggle:hover{background:var(--color-accent-gradient);border-color:transparent;box-shadow:var(--shadow-glow);color:#fff}@media(max-width:768px){.theme-toggle{width:50px;height:50px;font-size:1.2rem;bottom:var(--spacing-sm);right:var(--spacing-sm)}}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.3) 0%,rgba(138,43,226,.2) 50%,transparent 100%);animation:floatParticle linear infinite;box-shadow:0 0 20px #00ffff4d}.particle-1{width:8px;height:8px;left:5%;top:-10%;animation-duration:15s;animation-delay:0s}.particle-2{width:12px;height:12px;left:15%;top:-15%;animation-duration:18s;animation-delay:2s}.particle-3{width:6px;height:6px;left:25%;top:-5%;animation-duration:20s;animation-delay:4s}.particle-4{width:10px;height:10px;left:35%;top:-20%;animation-duration:16s;animation-delay:1s}.particle-5{width:14px;height:14px;left:45%;top:-12%;animation-duration:22s;animation-delay:3s}.particle-6{width:7px;height:7px;left:55%;top:-8%;animation-duration:19s;animation-delay:5s}.particle-7{width:11px;height:11px;left:65%;top:-18%;animation-duration:17s;animation-delay:2.5s}.particle-8{width:9px;height:9px;left:75%;top:-14%;animation-duration:21s;animation-delay:4.5s}.particle-9{width:13px;height:13px;left:85%;top:-10%;animation-duration:23s;animation-delay:1.5s}.particle-10{width:8px;height:8px;left:95%;top:-16%;animation-duration:18s;animation-delay:3.5s}.particle-11{width:10px;height:10px;left:10%;top:-25%;animation-duration:24s;animation-delay:6s}.particle-12{width:12px;height:12px;left:20%;top:-22%;animation-duration:19s;animation-delay:7s}.particle-13{width:7px;height:7px;left:30%;top:-18%;animation-duration:21s;animation-delay:8s}.particle-14{width:9px;height:9px;left:40%;top:-28%;animation-duration:17s;animation-delay:6.5s}.particle-15{width:11px;height:11px;left:50%;top:-20%;animation-duration:20s;animation-delay:7.5s}.particle-16{width:13px;height:13px;left:60%;top:-24%;animation-duration:22s;animation-delay:8.5s}.particle-17{width:8px;height:8px;left:70%;top:-26%;animation-duration:18s;animation-delay:9s}.particle-18{width:14px;height:14px;left:80%;top:-22%;animation-duration:23s;animation-delay:9.5s}.particle-19{width:6px;height:6px;left:90%;top:-19%;animation-duration:16s;animation-delay:10s}.particle-20{width:10px;height:10px;left:12%;top:-30%;animation-duration:25s;animation-delay:10.5s}.particle-21{width:9px;height:9px;left:22%;top:-12%;animation-duration:19s;animation-delay:11s}.particle-22{width:11px;height:11px;left:32%;top:-15%;animation-duration:21s;animation-delay:11.5s}.particle-23{width:7px;height:7px;left:42%;top:-10%;animation-duration:17s;animation-delay:12s}.particle-24{width:12px;height:12px;left:52%;top:-17%;animation-duration:20s;animation-delay:12.5s}.particle-25{width:8px;height:8px;left:62%;top:-13%;animation-duration:22s;animation-delay:13s}.particle-26{width:13px;height:13px;left:72%;top:-21%;animation-duration:18s;animation-delay:13.5s}.particle-27{width:10px;height:10px;left:82%;top:-11%;animation-duration:24s;animation-delay:14s}.particle-28{width:6px;height:6px;left:92%;top:-23%;animation-duration:16s;animation-delay:14.5s}.particle-29{width:14px;height:14px;left:17%;top:-27%;animation-duration:23s;animation-delay:15s}.particle-30{width:9px;height:9px;left:87%;top:-9%;animation-duration:19s;animation-delay:15.5s}@keyframes floatParticle{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(110vh) translate(calc(sin(1)*100px)) rotate(360deg);opacity:0}}.particle:nth-child(odd){animation-timing-function:ease-in-out}.particle:nth-child(2n){animation-timing-function:linear}.particle:nth-child(3n){background:radial-gradient(circle,rgba(255,0,255,.3) 0%,rgba(138,43,226,.2) 50%,transparent 100%);box-shadow:0 0 20px #ff00ff4d}.particle:nth-child(5n){background:radial-gradient(circle,rgba(0,200,255,.3) 0%,rgba(0,100,200,.2) 50%,transparent 100%);box-shadow:0 0 20px #00c8ff4d}@media(max-width:768px){.particle{opacity:.4}.particle:nth-child(n+16){display:none}}.App{width:100%;min-height:100vh;position:relative}section{position:relative;z-index:1}.App:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,217,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.03) 0%,transparent 50%);pointer-events:none;z-index:0}