:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7d;--accent-primary: #f97316;--accent-secondary: #ea580c;--accent-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: rgba(0, 0, 0, .3);--transition-speed: .3s;--border-radius: 16px;--spacing-unit: 8px}body.light-mode{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #0a0a0f;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--accent-primary: #ea580c;--accent-secondary: #c2410c;--accent-gradient: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .5s ease}.loader.fade-out{opacity:0;pointer-events:none}.loader-content{text-align:center}.loader-logo{font-size:4rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;animation:pulse 1.5s ease-in-out infinite}.loader-bar{width:200px;height:3px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;position:relative}.loader-bar:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:var(--accent-gradient);border-radius:10px;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%,to{transform:translate(-100%)}50%{transform:translate(300%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:calc(var(--spacing-unit) * 2) 0;transition:all var(--transition-speed) ease}.header.scrolled{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px var(--glass-shadow)}.header-container{max-width:1400px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 3);display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:transform var(--transition-speed) ease}.logo:hover{transform:scale(1.1)}.nav{display:flex;gap:calc(var(--spacing-unit) * 4)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;transition:color var(--transition-speed) ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition-speed) ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease;position:relative}.theme-toggle:hover{transform:scale(1.1);background:var(--bg-tertiary)}.sun-icon,.moon-icon{position:absolute;transition:all var(--transition-speed) ease}body.dark-mode .sun-icon{opacity:0;transform:rotate(180deg)}body.dark-mode .moon-icon,body.light-mode .sun-icon{opacity:1;transform:rotate(0)}body.light-mode .moon-icon{opacity:0;transform:rotate(-180deg)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:calc(var(--spacing-unit) * 15) calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 10)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.particle{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);opacity:.1;filter:blur(60px);animation:float var(--duration) infinite ease-in-out;animation-delay:var(--delay)}.particle:nth-child(1){top:10%;left:10%}.particle:nth-child(2){top:60%;right:10%}.particle:nth-child(3){bottom:20%;left:30%}.particle:nth-child(4){top:30%;right:30%}.particle:nth-child(5){bottom:40%;right:20%}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;opacity:0;animation:fadeInUp 1s ease forwards .5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(30px)}}.hero-badge{display:inline-block;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50px;font-size:.875rem;font-weight:500;color:var(--accent-primary);margin-bottom:calc(var(--spacing-unit) * 4);animation:fadeInUp 1s ease forwards .7s;opacity:0}.hero-title{margin-bottom:calc(var(--spacing-unit) * 2)}.hero-name{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1.2;animation:fadeInUp 1s ease forwards .9s;opacity:0}.hero-subtitle{font-size:clamp(1.5rem,3vw,2rem);color:var(--text-secondary);font-weight:300;margin-bottom:calc(var(--spacing-unit) * 4);animation:fadeInUp 1s ease forwards 1.1s;opacity:0}.hero-meta{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 4);flex-wrap:wrap;animation:fadeInUp 1s ease forwards 1.3s;opacity:0}.meta-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);color:var(--text-secondary);font-size:.95rem}.meta-item svg{opacity:.7}.hero-tjm{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 4);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--accent-primary);border-radius:16px;margin-bottom:calc(var(--spacing-unit) * 8);animation:fadeInUp 1s ease forwards 1.5s,glow 2s ease-in-out infinite;opacity:0;box-shadow:0 0 30px #3b82f64d}@keyframes glow{0%,to{box-shadow:0 0 30px #3b82f64d}50%{box-shadow:0 0 50px #3b82f680}}.tjm-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.tjm-value{font-size:1.75rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2);animation:fadeInUp 1s ease forwards 1.7s,bounce 2s ease-in-out infinite;opacity:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-mouse{width:30px;height:50px;border:2px solid var(--glass-border);border-radius:20px;position:relative}.scroll-wheel{width:4px;height:10px;background:var(--accent-primary);border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scroll 1.5s ease-in-out infinite}@keyframes scroll{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(15px);opacity:0}}.scroll-text{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.section{padding:calc(var(--spacing-unit) * 15) calc(var(--spacing-unit) * 3);position:relative}.container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 8)}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);opacity:0;transform:translateY(30px);transition:all .8s ease}.section-title.visible{opacity:1;transform:translateY(0)}.section-line{width:80px;height:4px;background:var(--accent-gradient);margin:0 auto;border-radius:2px;opacity:0;transform:scaleX(0);transition:all .8s ease .2s}.section-line.visible{opacity:1;transform:scaleX(1)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);box-shadow:0 8px 32px var(--glass-shadow);transition:all var(--transition-speed) ease;opacity:0;transform:translateY(30px)}.glass-card.visible{opacity:1;transform:translateY(0)}.glass-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px var(--glass-shadow);border-color:var(--accent-primary)}.profil-card{max-width:900px;margin:0 auto;text-align:center}.card-icon{width:64px;height:64px;margin:0 auto calc(var(--spacing-unit) * 3);display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:16px;color:#fff}.profil-text{font-size:1.125rem;line-height:1.8;color:var(--text-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3)}.skill-category{transition-delay:.1s}.skill-category:nth-child(2){transition-delay:.2s}.skill-category:nth-child(3){transition-delay:.3s}.skill-category:nth-child(4){transition-delay:.4s}.category-title{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);font-size:1.25rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--text-primary)}.category-title svg{color:var(--accent-primary)}.skills-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5)}.skill-badge{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-speed) ease;cursor:default}.skill-badge:hover{transform:scale(1.05);background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.skill-badge.featured{background:var(--accent-gradient);color:#fff;border-color:transparent}.skill-badge.featured:hover{transform:scale(1.1);box-shadow:0 4px 20px #3b82f666}.timeline{position:relative;max-width:1000px;margin:0 auto}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--glass-border)}.timeline-item{position:relative;margin-bottom:calc(var(--spacing-unit) * 6);padding-left:calc(var(--spacing-unit) * 10)}.timeline-item:nth-child(1){transition-delay:.1s}.timeline-item:nth-child(2){transition-delay:.2s}.timeline-item:nth-child(3){transition-delay:.3s}.timeline-marker{position:absolute;left:21px;top:35px;width:20px;height:20px;border-radius:50%;background:var(--accent-gradient);border:4px solid var(--bg-primary);box-shadow:0 0 0 4px var(--glass-border);z-index:1}.timeline-period{font-size:.875rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:calc(var(--spacing-unit) * 1.5)}.timeline-title{font-size:1.5rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-primary)}.timeline-evolution{font-size:.95rem;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 2);font-style:italic}.timeline-list{list-style:none;margin-bottom:calc(var(--spacing-unit) * 3)}.timeline-list li{position:relative;padding-left:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-secondary);line-height:1.7}.timeline-list li:before{content:"▸";position:absolute;left:0;color:var(--accent-primary)}.timeline-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5)}.tag{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--accent-primary)}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3);max-width:900px;margin:0 auto}.info-card{text-align:center}.info-card:nth-child(1){transition-delay:.1s}.info-card:nth-child(2){transition-delay:.2s}.info-icon{width:64px;height:64px;margin:0 auto calc(var(--spacing-unit) * 3);display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:16px;color:#fff}.info-title{font-size:1.25rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-primary)}.info-text{color:var(--text-secondary);line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 3);max-width:1000px;margin:0 auto}.contact-card{text-align:center}.contact-card:nth-child(1){transition-delay:.1s}.contact-card:nth-child(2){transition-delay:.2s}.contact-card:nth-child(3){transition-delay:.3s}.contact-card.highlighted{border:2px solid var(--accent-primary);background:var(--bg-secondary)}.contact-icon{width:64px;height:64px;margin:0 auto calc(var(--spacing-unit) * 3);display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:16px;color:#fff}.contact-title{font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.contact-link{color:var(--text-primary);text-decoration:none;font-size:1.125rem;font-weight:500;transition:color var(--transition-speed) ease}.contact-link:hover{color:var(--accent-primary)}.contact-text{color:var(--text-primary);font-size:1.125rem;font-weight:500}.contact-tjm{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer{padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 3);border-top:1px solid var(--glass-border);text-align:center}.footer-text{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.nav{display:none}.header-container{padding:0 calc(var(--spacing-unit) * 2)}.hero{padding:calc(var(--spacing-unit) * 12) calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 8)}.hero-meta{flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.section{padding:calc(var(--spacing-unit) * 10) calc(var(--spacing-unit) * 2)}.skills-grid,.section-grid,.contact-grid{grid-template-columns:1fr}.timeline:before{left:15px}.timeline-item{padding-left:calc(var(--spacing-unit) * 7)}.timeline-marker{left:6px}.glass-card{padding:calc(var(--spacing-unit) * 3)}}@media (max-width: 480px){.hero-name{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-tjm{flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.tjm-value{font-size:1.5rem}}