:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--metal-light:#c9c9c9;--metal-medium:#8b8b8b;--metal-dark:#4a4a4a;--accent-primary:#ff6b35;--accent-secondary:#f7c548;--accent-hover:#ff8c5a;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--text-muted:#6b6b6b;--border-light:#c9c9c933;--border-medium:#c9c9c966;--border-accent:#ff6b3599;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--gradient-metal:linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 100%);--gradient-accent:linear-gradient(135deg, #ff6b35 0%, #f7c548 100%);--font-sans:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Fira Code", "Consolas", "Monaco", monospace;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--border-light)}::-webkit-scrollbar-thumb{background:var(--metal-medium);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--metal-light)}.container{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-xl) 0}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-accent{color:var(--accent-primary)}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-light) 1px, transparent 1px), linear-gradient(90deg, var(--border-light) 1px, transparent 1px);opacity:.1;background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--border-medium);height:70px;padding:0 var(--spacing-lg);z-index:1000;box-shadow:var(--shadow-md);background:#1a1a2ef2;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand span{color:var(--accent-primary)}.navbar-link{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary);background:#ff6b351a}.navbar-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-link:hover:after,.navbar-link.active:after{width:80%}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--accent-primary);border:2px solid var(--accent-primary);background:0 0}.btn-secondary:hover{background:#ff6b351a}.btn-icon{border-radius:var(--radius-sm);width:40px;height:40px;padding:0}.card{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-accent);height:3px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent);transform:translateY(-5px)}.card:hover:before{transform:scaleX(1)}.card-title{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.5rem;font-weight:700}.card-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem}.card-body{color:var(--text-secondary);line-height:1.8}.skill-tag{border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--accent-primary);transition:all var(--transition-fast);background:#ff6b351a;margin:4px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-block}.skill-tag:hover{background:#ff6b3533;transform:scale(1.05)}.progress-bar{background:var(--bg-tertiary);width:100%;height:8px;margin-top:var(--spacing-xs);border-radius:4px;overflow:hidden}.progress-fill{background:var(--gradient-accent);height:100%;transition:width var(--transition-slow);border-radius:4px}@keyframes float{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-slide-in{animation:.6s forwards slideIn}@media (width<=768px){.navbar{padding:0 var(--spacing-md)}.navbar-nav{gap:var(--spacing-xs)}.navbar-link{padding:var(--spacing-xs);font-size:.9rem}.section{padding:var(--spacing-lg) 0}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);z-index:1000;height:70px;transition:all var(--transition-normal);background:#1a1a2ecc;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background:#1a1a2ef2}.navbar-container{max-width:1400px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);transition:transform var(--transition-fast);font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo:hover{transform:scale(1.05)}.navbar-nav{gap:var(--spacing-sm);list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ff6b351a}.nav-link:hover:after,.nav-link.active:after{width:70%}.navbar-social{align-items:center;gap:var(--spacing-xs);display:flex}.social-icon{width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-icon:hover{color:var(--accent-primary);background:#ff6b351a;transform:translateY(-2px)}.mobile-toggle{color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;display:none}.mobile-menu{border-bottom:1px solid var(--border-light);padding:var(--spacing-md);gap:var(--spacing-xs);background:#1a1a2efa;flex-direction:column;animation:.3s slideDown;display:flex;position:absolute;top:70px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{color:var(--text-secondary);padding:var(--spacing-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;font-size:1rem;font-weight:500}.mobile-nav-link:hover{color:var(--text-primary);background:#ff6b351a}@media (width<=1024px){.navbar-nav,.navbar-social{display:none}.mobile-toggle{display:block}}@media (width<=768px){.navbar-container{padding:0 var(--spacing-md)}.logo-text{font-size:1.1rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.footer-brand{text-align:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.footer-logo{justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700;display:flex}.logo-icon{font-size:2rem}.logo-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-slogan{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:1.1rem}.footer-desc{color:var(--text-muted);font-size:.95rem}.footer-links{text-align:center}.footer-links h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem}.footer-links ul{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:all var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.footer-bottom p{color:var(--text-muted);margin-bottom:var(--spacing-xs);font-size:.9rem}.made-with{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.heart-icon{color:var(--accent-primary);animation:1.5s ease-in-out infinite pulse}@media (width<=768px){.footer-links ul{gap:var(--spacing-sm);flex-direction:column}}.hero-section{min-height:100vh;padding:100px var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-badge{align-items:center;gap:var(--spacing-xs);border:1px solid var(--accent-primary);color:var(--accent-primary);margin-bottom:var(--spacing-lg);background:#ff6b351a;border-radius:50px;padding:8px 16px;font-size:.9rem;display:inline-flex}.badge-icon{font-size:1.2rem}.hero-title{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.title-line{font-size:3.5rem;font-weight:800;line-height:1.2}.subtitle{color:var(--text-secondary);font-weight:600;font-size:2rem!important}.hero-description{color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-xl);font-size:1.2rem;line-height:1.8}.hero-description .text-accent{font-weight:600}.hero-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);justify-content:center;display:flex}.hero-stats{justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;display:flex}.stat-item{text-align:center}.stat-number{background:var(--gradient-accent);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.hero-decoration{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.gear{border:2px solid var(--border-light);opacity:.1;border-radius:50%;position:absolute}.gear-1{border-style:dashed;width:300px;height:300px;animation:20s linear infinite rotate;top:10%;right:10%}.gear-2{border-style:dotted;width:200px;height:200px;animation:15s linear infinite reverse rotate;bottom:20%;left:5%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.line{background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.2;position:absolute}.line-1{width:200px;height:2px;top:30%;left:-100px}.line-2{width:150px;height:2px;bottom:30%;right:-75px}@media (width<=768px){.title-line{font-size:2.5rem}.subtitle{font-size:1.5rem!important}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-stats{gap:var(--spacing-lg);flex-wrap:wrap}.stat-number{font-size:2rem}.gear-1{width:150px;height:150px}.gear-2{width:100px;height:100px}}@media (width<=480px){.title-line{font-size:2rem}.subtitle{font-size:1.2rem!important}}.about-section{padding:var(--spacing-xl) 0;background:var(--bg-secondary);position:relative}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:2.5rem;font-weight:700;display:flex}.section-subtitle{color:var(--text-secondary);font-size:1.1rem}.about-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.info-card{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.info-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.main-card{min-height:250px}.info-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.5rem}.info-text{color:var(--text-secondary);white-space:pre-line;line-height:1.8}.info-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.small-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);display:flex}.info-icon{border-radius:var(--radius-md);width:50px;height:50px;color:var(--accent-primary);background:#ff6b351a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-content{flex:1}.info-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.info-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.about-timeline{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.timeline-title{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.5rem}.timeline{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative}.timeline:before{content:"";background:var(--border-light);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{left:calc(-1 * var(--spacing-lg) - 5px);background:var(--accent-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 10px #ff6b3580}.timeline-content{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);background:#ffffff05}.timeline-year{color:var(--accent-primary);margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:600}.timeline-school{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem}.timeline-degree{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.9rem}.timeline-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}.certificates{margin-top:var(--spacing-xl)}.certificate-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.certificate-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff05;display:flex}.certificate-item:hover{border-color:var(--border-accent);background:#ff6b350d}.cert-icon{font-size:1.2rem}@media (width<=1024px){.about-content{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.section-title{font-size:2rem}.info-grid{grid-template-columns:1fr}.small-card{text-align:center;flex-direction:column}.timeline,.timeline-item{padding-left:var(--spacing-md)}.timeline-dot{left:calc(-1 * var(--spacing-md) - 5px)}}.react-section{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.projects-showcase{margin-bottom:var(--spacing-xl)}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.project-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-preview{border-bottom:1px solid var(--border-light);background:#0000004d;justify-content:center;align-items:center;height:200px;display:flex}.preview-placeholder{border-radius:var(--radius-lg);width:100px;height:100px;color:var(--accent-primary);border:2px solid var(--border-accent);background:#ff6b351a;justify-content:center;align-items:center;display:flex}.project-info{padding:var(--spacing-lg)}.project-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.3rem}.project-desc{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.6}.project-tech{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tech-mini{color:var(--accent-primary);background:#ff6b351a;border:1px solid #ff6b354d;border-radius:50px;padding:4px 10px;font-size:.8rem}.hall-entrance-wrapper{margin-top:var(--spacing-xl);perspective:1000px}.hall-entrance{border:2px solid var(--border-accent);border-radius:var(--radius-lg);cursor:pointer;width:100%;min-height:500px;transition:all var(--transition-slow);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 50%,#1a1a2e 100%);position:relative;overflow:hidden}.hall-entrance:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b351a 0%,#0000 70%);position:absolute;inset:0}.hall-entrance:hover{border-color:var(--accent-primary);transform:translateY(-5px)scale(1.02);box-shadow:0 30px 60px #ff6b354d}.entrance-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-shapes{width:100%;height:100%;position:relative}.floating-icon{color:#ff6b351a;animation:6s ease-in-out infinite float;position:absolute;top:20%}.entrance-content{z-index:1;min-height:500px;padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.entrance-badge{align-items:center;gap:var(--spacing-xs);border:1px solid var(--accent-primary);color:var(--accent-primary);margin-bottom:var(--spacing-lg);background:#ff6b3526;border-radius:50px;padding:8px 20px;font-size:.9rem;font-weight:600;animation:2s ease-in-out infinite pulse;display:inline-flex}.entrance-title{color:var(--text-primary);margin-bottom:var(--spacing-md);background:var(--gradient-accent);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.entrance-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:500px;font-size:1.1rem}.entrance-features{justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.feature-pill{align-items:center;gap:var(--spacing-xs);border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;border-radius:50px;padding:10px 20px;font-size:.9rem;display:flex}.feature-pill:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b351a;transform:translateY(-2px)}.enter-hall-btn{align-items:center;gap:var(--spacing-sm);background:var(--gradient-accent);color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50px;padding:18px 48px;font-size:1.2rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #ff6b3566}.enter-hall-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.enter-hall-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 40px #ff6b3599}.enter-hall-btn:hover:before{left:100%}.enter-hall-btn .btn-arrow{transition:transform var(--transition-fast)}.enter-hall-btn:hover .btn-arrow{transform:translate(5px)}.glow-overlay{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);background:radial-gradient(circle at 50% 0,#ff6b3526 0%,#0000 50%);position:absolute;top:0;left:0}.hall-entrance:hover .glow-overlay{opacity:1}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.entrance-title{font-size:2rem}.entrance-description{font-size:1rem}.entrance-features{flex-direction:column;align-items:center}.enter-hall-btn{padding:14px 32px;font-size:1rem}.hall-entrance{min-height:400px}}.mechanical-section{padding:var(--spacing-xl) 0;background:var(--bg-primary)}.category-filter{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.filter-btn{align-items:center;gap:var(--spacing-xs);background:var(--gradient-metal);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50px;padding:10px 20px;font-size:.95rem;font-weight:500;display:flex}.filter-btn:hover{border-color:var(--border-accent);color:var(--text-primary);background:#ff6b351a}.filter-btn.active{background:var(--gradient-accent);border-color:var(--accent-primary);color:var(--bg-primary)}.filter-icon{font-size:1.2rem}.designs-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.design-card{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.design-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.design-preview{background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.preview-icon{opacity:.8;font-size:5rem}.preview-overlay{justify-content:center;align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;flex-direction:column;display:flex;position:absolute;inset:0}.overlay-btn{align-items:center;gap:var(--spacing-xs);border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:#ff6b3533;padding:10px 20px;font-size:.9rem;font-weight:500;display:flex}.overlay-btn:hover{background:#ff6b354d;transform:scale(1.05)}.design-info{padding:var(--spacing-lg)}.design-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.3rem}.design-desc{color:var(--text-secondary);margin-bottom:var(--spacing-md);min-height:45px;font-size:.9rem;line-height:1.6}.design-software{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);color:var(--text-muted);background:#0003;font-size:.85rem;display:flex}.design-stats{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.stat-tag{border:1px solid var(--border-light);color:var(--text-secondary);background:#ffffff0d;border-radius:50px;padding:4px 10px;font-size:.8rem}.software-showcase{margin-top:var(--spacing-xl)}.software-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.software-card{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.software-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.software-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.software-icon{font-size:2.5rem}.software-info{flex:1}.software-name{color:var(--text-primary);margin-bottom:4px;font-size:1.2rem}.software-level{font-size:.85rem;font-weight:600}.feature-list{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.feature-item-small{color:var(--text-secondary);padding-left:var(--spacing-sm);font-size:.85rem;position:relative}.feature-item-small:before{content:"";background:var(--accent-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=768px){.designs-grid,.software-grid{grid-template-columns:1fr}.category-filter{flex-wrap:wrap}.filter-btn{padding:8px 16px;font-size:.85rem}}.skills-section{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.skills-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.skills-category{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.category-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-size:1.3rem;display:flex}.category-icon{font-size:1.5rem}.skills-list{gap:var(--spacing-md);flex-direction:column;display:flex}.skill-item{margin-bottom:var(--spacing-sm)}.skill-header{margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.skill-name{color:var(--text-secondary);font-size:.95rem;font-weight:500}.skill-percent{color:var(--accent-primary);font-size:.9rem;font-weight:600}.radar-chart-placeholder{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.chart-info h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.5rem}.chart-info p{color:var(--text-secondary);font-size:.95rem}.chart-visual{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.radar-bg{border:2px solid var(--border-light);background:repeating-radial-gradient(circle,#0000,#0000 20px,#ff6b351a 20px 21px);border-radius:50%;width:100%;height:100%;position:absolute}.radar-shape{border:2px solid var(--accent-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#ff6b3533;width:180px;height:180px;animation:3s ease-in-out infinite pulse;position:absolute}.contact-section{padding:var(--spacing-xl) 0;background:var(--bg-primary)}.contact-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.contact-info{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.5rem}.info-desc{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.contact-list{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff05;text-decoration:none;display:flex}.contact-item:hover{border-color:var(--border-accent);background:#ff6b350d;transform:translate(5px)}.contact-icon{border-radius:var(--radius-md);width:50px;height:50px;color:var(--accent-primary);background:#ff6b351a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-details{flex:1}.contact-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.contact-value{color:var(--text-primary);font-size:1rem;font-weight:500}.social-links{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.social-title{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem}.social-icons{gap:var(--spacing-sm);display:flex}.social-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);width:45px;height:45px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b351a;transform:translateY(-3px)}.contact-form-wrapper{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.5rem}.contact-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-input,.form-textarea{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);transition:all var(--transition-fast);background:#0000004d;padding:12px}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 10px #ff6b3533}.form-textarea{resize:vertical;min-height:120px}.btn-submit{justify-content:center;align-items:center;gap:var(--spacing-xs);background:var(--gradient-accent);border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:14px 24px;font-size:1rem;font-weight:600;display:flex}.btn-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=1024px){.contact-content{grid-template-columns:1fr}}@media (width<=768px){.skills-content{grid-template-columns:1fr}.radar-chart-placeholder{text-align:center;flex-direction:column}.chart-visual{width:200px;height:200px}.radar-shape{width:140px;height:140px}}.threejs-hall{min-height:100vh;padding:80px var(--spacing-md) var(--spacing-xl);background:var(--bg-primary);position:relative;overflow:hidden}.back-btn{align-items:center;gap:var(--spacing-xs);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;padding:12px 20px;font-size:.95rem;display:flex;position:fixed;top:30px;left:30px}.back-btn:hover{border-color:var(--accent-primary);background:#ff6b3533;transform:translate(-5px)}.hall-header{text-align:center;margin-bottom:var(--spacing-xl);animation:.8s slideIn}.hall-title{margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:3rem;font-weight:800;display:flex}.title-icon{font-size:2.5rem}.hall-subtitle{color:var(--text-secondary);font-size:1.2rem}.scenes-grid{gap:var(--spacing-lg);max-width:1400px;padding:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;display:grid}.scene-card{background:var(--gradient-metal);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.scene-card:before{content:"";background:var(--accent-color);height:4px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.scene-card:hover{border-color:var(--accent-color);transform:translateY(-10px);box-shadow:0 20px 40px #0006}.scene-card:hover:before{transform:scaleX(1)}.card-top{text-align:center;margin-bottom:var(--spacing-lg)}.icon-wrapper{border-radius:var(--radius-lg);width:100px;height:100px;transition:all var(--transition-normal);background:#ffffff0d;border:2px solid #ffffff1a;justify-content:center;align-items:center;margin:0 auto;display:flex}.scene-card:hover .icon-wrapper{border-color:var(--accent-color);background:#ffffff1a;transform:scale(1.1)rotate(5deg)}.card-content{z-index:1;position:relative}.card-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center;font-size:1.5rem}.card-desc{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-lg);min-height:60px;font-size:.95rem;line-height:1.6}.feature-tags{justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.feature-tag{border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;border-radius:50px;padding:6px 12px;font-size:.85rem}.scene-card:hover .feature-tag{border-color:var(--accent-color);color:var(--accent-color)}.enter-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);width:100%;color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:14px 24px;font-size:1rem;font-weight:600;display:flex}.enter-btn:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.enter-btn svg{transition:transform var(--transition-fast)}.enter-btn:hover svg{transform:translate(5px)}.glow-effect{background:radial-gradient(circle, var(--accent-color) 0%, transparent 70%);opacity:0;width:0;height:0;transition:all var(--transition-slow);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-card:hover .glow-effect{opacity:.1;width:400px;height:400px}.particles{pointer-events:none;background-image:radial-gradient(circle, var(--accent-primary) 1px, transparent 1px);opacity:.05;background-size:100px 100px;width:100%;height:100%;animation:20s linear infinite float;position:fixed;top:0;left:0}@media (width<=768px){.hall-title{font-size:2rem}.scenes-grid{grid-template-columns:1fr}.back-btn{top:20px;left:20px}}.mechanical-part-scene{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.mechanical-part-scene canvas{width:100%!important;height:100%!important}.scene-back-btn{align-items:center;gap:var(--spacing-xs);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;padding:12px 20px;font-size:.95rem;display:flex;position:fixed;top:30px;left:30px}.scene-back-btn:hover{border-color:var(--accent-primary);background:#ff6b3533;transform:translate(-5px)}.scene-title-overlay{text-align:center;z-index:100;pointer-events:none;position:fixed;top:30px;left:50%;transform:translate(-50%)}.scene-title-overlay h1{color:var(--text-primary);text-shadow:0 2px 10px #00000080;margin-bottom:4px;font-size:2rem;font-weight:800}.scene-title-overlay p{color:var(--text-secondary);font-size:.9rem}.scene-controls{gap:var(--spacing-sm);z-index:100;display:flex;position:fixed;top:30px;right:30px}.control-btn{border:1px solid var(--border-medium);border-radius:var(--radius-md);width:45px;height:45px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;justify-content:center;align-items:center;display:flex}.control-btn:hover{border-color:var(--accent-primary);background:#ff6b3533;transform:scale(1.1)}.info-panel{border:1px solid var(--border-accent);border-radius:var(--radius-lg);width:280px;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:var(--shadow-lg);background:#1a1a2ef2;position:fixed;top:100px;right:30px}.info-panel h3{color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);font-size:1.2rem}.info-panel ul{margin-bottom:var(--spacing-md);list-style:none}.info-panel li{color:var(--text-secondary);padding:var(--spacing-xs) 0;justify-content:space-between;font-size:.9rem;display:flex}.info-panel strong{color:var(--accent-primary)}.info-panel button{background:var(--gradient-accent);border-radius:var(--radius-sm);width:100%;color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px;font-weight:600}.info-panel button:hover{filter:brightness(1.2)}.interaction-hint{gap:var(--spacing-lg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1a1a2ecc;border-radius:50px;padding:12px 24px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.interaction-hint span{color:var(--text-secondary);font-size:.85rem}@media (width<=768px){.scene-back-btn{padding:10px 16px;font-size:.85rem;top:20px;left:20px}.scene-title-overlay h1{font-size:1.5rem}.scene-controls{top:20px;right:20px}.control-btn{width:40px;height:40px}.info-panel{width:auto;top:80px;left:20px;right:20px}.interaction-hint{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:10px 16px;bottom:20px;left:50%;transform:translate(-50%)}}.production-line-scene{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.production-line-scene canvas{width:100%!important;height:100%!important}.playing-indicator{align-items:center;gap:var(--spacing-sm);color:#4ecdc4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#4ecdc433;border:1px solid #4ecdc4;border-radius:50px;padding:8px 16px;font-size:.85rem;animation:2s ease-in-out infinite pulse;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@media (width<=768px){.production-line-scene .scene-back-btn{top:20px;left:20px}.production-line-scene .scene-title-overlay h1{font-size:1.5rem}.production-line-scene .scene-controls{top:20px;right:20px}.production-line-scene .interaction-hint{padding:10px 16px;bottom:20px}}.iiot-scene{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.iiot-scene canvas{width:100%!important;height:100%!important}.stats-panel{gap:var(--spacing-md);z-index:100;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.stat-card{align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);background:#1a1a2ee6;padding:12px 20px;display:flex}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);font-size:.75rem}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}@media (width<=768px){.iiot-scene .scene-back-btn{top:20px;left:20px}.iiot-scene .scene-title-overlay h1{font-size:1.5rem}.stats-panel{padding:0 var(--spacing-md);justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap;bottom:80px}.stat-card{padding:10px 16px}.iiot-scene .interaction-hint{padding:10px 16px;bottom:20px}}.configurable-scene{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.configurable-scene canvas{width:100%!important;height:100%!important}.config-panel{border:1px solid var(--border-accent);border-radius:var(--radius-lg);width:300px;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:var(--shadow-lg);background:#1a1a2ef2;position:fixed;top:100px;right:30px}.panel-header{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-weight:600;display:flex}.config-section{margin-bottom:var(--spacing-lg)}.config-label{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem;display:flex}.explode-btn{background:var(--gradient-accent);border-radius:var(--radius-md);width:100%;color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px;font-weight:600}.explode-btn.active{border:2px solid var(--accent-primary);background:#ff6b354d}.explode-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.color-options{gap:var(--spacing-sm);display:flex}.color-btn{cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:50%}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#fff;box-shadow:0 0 15px}.size-controls{align-items:center;gap:var(--spacing-sm);display:flex}.size-controls button{border:1px solid var(--accent-primary);border-radius:var(--radius-sm);width:35px;height:35px;color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:#ff6b3533;justify-content:center;align-items:center;display:flex}.size-controls button:hover{background:#ff6b354d}.size-bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.size-fill{background:var(--gradient-accent);height:100%;transition:width var(--transition-normal);border-radius:4px}.config-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;width:100%;height:6px}.config-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ff6b3580}.config-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@media (width<=768px){.configurable-scene .scene-back-btn{top:20px;left:20px}.configurable-scene .scene-title-overlay h1{font-size:1.5rem}.configurable-scene .scene-controls{top:20px;right:20px}.config-panel{width:auto;max-height:300px;inset:auto 20px 100px;overflow-y:auto}.configurable-scene .interaction-hint{padding:10px 16px;font-size:.8rem;bottom:20px}}