@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap";: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;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{--blue: #00C9F6;--blue-hover: #33D4F8;--blue-active: #0097B8;--radius: 20px;--transition: all .15s cubic-bezier(.165, .84, .44, 1);--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--font-title: "Poppins", sans-serif;--font-body: "Raleway", sans-serif;--container-padding: 5%;--section-spacing: clamp(60px, 8vw, 100px);--card-spacing: clamp(15px, 3vw, 30px);--text-base: clamp(15px, 1vw, 17px);--heading-large: clamp(30px, 5vw, 48px);--heading-medium: clamp(24px, 3vw, 32px);--heading-small: clamp(18px, 2vw, 24px);--mobile: 480px;--tablet: 768px;--laptop: 1024px;--desktop: 1200px;--bg-main: #121212;--bg-surface: #201A2E;--bg-card: rgba(30, 30, 42, .8);--bg-section: rgba(27, 26, 31, .5);--bg-header: rgba(32, 26, 46, .95);--bg-profile: linear-gradient(135deg, rgba(32, 26, 46, .8) 0%, rgba(25, 20, 35, .9) 100%);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--border-light: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .2);--shadow-strong: rgba(0, 0, 0, .3);--icon-bg: rgba(0, 201, 246, .1);--icon-border: rgba(0, 201, 246, .2);--card-gradient: linear-gradient(0deg, rgba(25, 25, 35, .95), rgba(30, 30, 40, .9));--footer-bg: #201A2E}body.light-mode,[data-theme=light]{--bg-main: #f5f5f7;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-section: rgba(255, 255, 255, .7);--bg-header: rgba(255, 255, 255, .95);--bg-profile: linear-gradient(135deg, rgba(240, 240, 245, .9) 0%, rgba(230, 230, 240, .95) 100%);--text-primary: #333333;--text-secondary: rgba(51, 51, 51, .8);--border-light: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .08);--shadow-strong: rgba(0, 0, 0, .15);--icon-bg: rgba(0, 201, 246, .05);--icon-border: rgba(0, 201, 246, .15);--card-gradient: linear-gradient(0deg, rgba(245, 245, 250, .95), rgba(255, 255, 255, .9));--footer-bg: #ffffff;background:var(--bg-main) url(./assets/img/background4.png) center/cover no-repeat fixed}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%;-webkit-text-size-adjust:100%}body{font-size:var(--text-base);line-height:1.6;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-main) url(/assets/background-CrUrL_U6.png) center/cover no-repeat fixed;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}img{max-width:100%;height:auto;display:block}h2,h3{font-family:var(--font-title);font-weight:600;letter-spacing:-.01em}ul{list-style:none}p{margin-bottom:10px}.highlight{color:var(--blue)}.margin-top{margin-top:15px}a{text-decoration:none;color:var(--text-primary)}a:hover{color:var(--blue)}section{padding:var(--section-spacing) var(--container-padding);width:100%;max-width:100vw;box-sizing:border-box}.section-header{display:flex;justify-content:center;align-items:center;margin-bottom:60px;position:relative}.section-header:before{content:"";position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,201,246,.2),transparent);top:50%;left:0;z-index:0}.section-title{display:flex;align-items:center;justify-content:center;background-color:var(--bg-section);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:15px 40px;position:relative;z-index:1;box-shadow:0 10px 30px var(--shadow-color);border:1px solid var(--border-light);transform:translateY(20px);opacity:0;transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1)}.section-title.visible,.animate-section.visible .section-title{transform:translateY(0);opacity:1}.section-title h2{font-size:var(--heading-medium);font-family:var(--font-title);font-weight:600;margin:0 25px;position:relative}.section-title h2:after{content:"";position:absolute;width:100%;height:3px;background:var(--blue);bottom:-5px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .5s ease-out}.section-header:hover .section-title h2:after{transform:scaleX(1);transform-origin:left}.title-decoration{height:2px;width:30px;background:linear-gradient(90deg,transparent,var(--blue));margin:0 10px;border-radius:2px;opacity:.7}.title-decoration:last-child{background:linear-gradient(90deg,var(--blue),transparent)}@keyframes pulseWidth{0%{width:30px;opacity:.7}50%{width:40px;opacity:1}to{width:30px;opacity:.7}}.section-header:hover .title-decoration{animation:pulseWidth 1.5s ease-in-out infinite}.cta-buttons{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,15px);margin-top:clamp(20px,3vw,30px)}.btn-primary,.btn-secondary{padding:clamp(10px,1.5vw,14px) clamp(20px,2.5vw,28px);border-radius:30px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-title);font-size:clamp(16px,1.8vw,20px);position:relative;margin-right:clamp(10px,1.5vw,15px);z-index:1;transition:transform .3s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}.btn-primary{background-color:var(--blue);color:#fff;border:none;box-shadow:0 4px 12px #00c9f64d}.btn-secondary{background-color:transparent;color:var(--text-primary);border:2px solid var(--blue);box-shadow:0 2px 8px #0000001a}.btn-primary,.btn-primary:visited{color:#fff}.btn-secondary:hover{background-color:#00c9f61a;color:var(--blue)}.btn-primary:hover{background-color:var(--blue-hover);transform:translateY(-3px);box-shadow:0 8px 16px #00c9f666;color:#fff}.btn-primary:hover .btn-text,.btn-primary:hover i{color:#fff}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a}.btn-primary:active,.btn-secondary:active{transform:translateY(-1px)}.btn-primary:focus,.btn-secondary:focus{outline:none;box-shadow:0 0 0 3px #00c9f680}.btn-primary span,.btn-primary i,.btn-secondary span,.btn-secondary i{position:relative;z-index:2;color:inherit}.card-base{background-color:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);box-shadow:0 6px 20px var(--shadow-color);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.icon-base{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.header{position:fixed;width:100%;top:0;left:0;z-index:1000;transition:all .4s ease-in-out}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 var(--container-padding);height:clamp(60px,10vh,80px);background-color:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px var(--shadow-color);transition:all .3s ease}.logo{position:relative;z-index:2;display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:10px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.logo-link:hover{transform:scale(1.05)}.logo-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,201,246,.15),transparent 70%);opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.logo-link:hover:after{opacity:1;transform:scale(1.2)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-primary,.logo-secondary{font-family:var(--font-title);transition:all .3s}.logo-primary{color:var(--blue);font-size:clamp(16px,2.5vw,22px);font-weight:600}.logo-secondary{color:var(--text-primary);font-size:clamp(15px,2.3vw,20px);font-weight:500}.logo-link:hover .logo-primary{text-shadow:0 0 15px rgba(0,201,246,.7)}.nav-elements{display:flex;align-items:center;gap:30px;height:100%}.nav-links{display:flex;gap:clamp(15px,3vw,30px);align-items:center;height:100%}.nav-item{position:relative;color:var(--text-primary);font-family:var(--font-title);font-weight:500;font-size:clamp(15px,1.6vw,17px);padding:8px 0;transition:color .3s ease;display:inline-block}.nav-item.active{color:var(--blue);font-weight:500;transform:scale(1.05);text-shadow:0 0 8px rgba(0,201,246,.3)}.nav-item:after{content:"";position:absolute;width:0;height:3px;background:var(--blue);left:0;bottom:-3px;transition:width .4s cubic-bezier(.22,1,.36,1);border-radius:3px;opacity:0;box-shadow:0 0 6px #00c9f680}.nav-item.active:after{width:100%;opacity:1}.nav-item:hover:not(.active){color:var(--blue-hover)}.nav-item:hover:not(.active):after{width:70%;opacity:.7}.nav-item:active{transform:translateY(1px)}.theme-switch button{position:relative;width:40px;height:40px;background:var(--icon-bg);border:1px solid var(--icon-border);border-radius:50%;color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;margin-left:5px}.theme-switch button:hover{background:#00c9f633;transform:rotate(10deg);box-shadow:0 0 15px #00c9f666}.theme-switch button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.theme-switch button:hover:before{left:100%}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1000}.bar{width:100%;height:3px;background-color:var(--blue);border-radius:3px;transition:all .3s ease-in-out}#home{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:100px 20px 60px;position:relative}#home:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(circle at right,rgba(0,201,246,.1),transparent 70%);opacity:.6;z-index:-1}.home-container{width:100%;max-width:1300px;margin:0 auto}.presentation-card{display:flex;align-items:stretch;background-color:var(--bg-section);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:0 20px 50px var(--shadow-strong);border:1px solid var(--border-light);overflow:hidden;width:100%}.profile-column{flex:0 0 clamp(220px,30%,300px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-profile);padding:clamp(20px,4vw,40px) clamp(15px,2vw,20px);position:relative}.profile-frame{width:clamp(150px,25vw,220px);height:clamp(150px,25vw,220px);border-radius:50%;overflow:hidden;border:3px solid var(--blue);position:relative;margin-bottom:clamp(20px,3vw,30px);box-shadow:0 5px 15px #0000004d}.profile-img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:transform .5s ease}.profile-frame:hover .profile-img{transform:scaleX(-1) scale(1.05)}.profile-glow{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 25px #00c9f64d;opacity:0;transition:opacity .5s ease}.profile-frame:hover .profile-glow{opacity:1}.socials-strip{display:flex;justify-content:center;gap:20px;margin-top:10px}.socials-strip a{width:40px;height:40px;border-radius:50%;background:#00c9f61a;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(0,201,246,.2)}.socials-strip a:hover{background:#00c9f633;transform:translateY(-3px)}.socials-strip i{font-size:18px;color:var(--text-primary)}.content-column{flex:1;padding:clamp(30px,5vw,50px) clamp(20px,4vw,40px);display:flex;flex-direction:column;justify-content:center}.intro-header{margin-bottom:25px}.greeting{display:block;font-size:18px;font-weight:500;margin-bottom:10px;color:var(--text-secondary);letter-spacing:1px}.name-headline{font-size:var(--heading-large);line-height:1.1;margin-bottom:clamp(10px,1.5vw,15px);font-family:var(--font-title);font-weight:400;letter-spacing:2px}.role-container{position:relative;height:40px;margin-bottom:5px}.subtitle{font-size:clamp(18px,2.4vw,24px)}.description{margin-bottom:clamp(20px,3vw,30px);line-height:1.7;font-size:clamp(15px,1.7vw,17px);font-family:var(--font-body);font-weight:400;letter-spacing:.01em;color:var(--text-secondary);max-width:600px}.typewriter{white-space:nowrap;overflow:hidden;letter-spacing:.1em;animation:typing 3.5s steps(40,end) forwards;color:var(--blue);position:relative;max-width:100%}@keyframes typing{0%{width:0}to{width:100%}}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(15px,3vw,30px);width:100%}.skill-category{background-color:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius);padding:clamp(20px,3vw,30px);text-align:center;flex:1 1 clamp(250px,30%,400px);border:1px solid var(--border-light)}.category-title{font-size:clamp(22px,2.5vw,28px);color:var(--blue);margin-bottom:clamp(15px,2.5vw,25px)}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(15px,2.5vw,25px)}.skill-item{display:flex;flex-direction:column;align-items:center}.skill-item img{width:clamp(40px,5vw,50px);height:clamp(40px,5vw,50px);margin-bottom:10px}.tech-name{font-weight:500}body:not(.light-mode) .skill-item img[alt=Notion]{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50'%20height='50'%3e%3c!--%20Version%20pour%20fond%20clair%20(mode%20light)%20--%3e%3ccircle%20cx='25'%20cy='25'%20r='23'%20fill='%23000000'%20/%3e%3cg%20fill='%23ffffff'%3e%3cpath%20d='M15%2014c-1.1%200-2%20.9-2%202v18c0%201.1.9%202%202%202h20c1.1%200%202-.9%202-2V16c0-1.1-.9-2-2-2H15zm0%202h20v18H15V16z'/%3e%3cpath%20d='M18%2019c0-.55.45-1%201-1h12c.55%200%201%20.45%201%201v12c0%20.55-.45%201-1%201H19c-.55%200-1-.45-1-1V19zm2%201v10h10V20H20z'/%3e%3cpath%20d='M25%2022l-4%204-1-1v5h10v-8h-5zm3%207h-6v-1l1-1%202%202%203-3v3z'/%3e%3ccircle%20cx='28'%20cy='22'%20r='1'%20/%3e%3c/g%3e%3c/svg%3e")}body.light-mode .skill-item img[alt=Notion]{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%20width='50'%20height='50'%3e%3c!--%20Version%20pour%20fond%20sombre%20(mode%20dark)%20--%3e%3ccircle%20cx='25'%20cy='25'%20r='23'%20fill='%23ffffff'%20/%3e%3cg%20fill='%23000000'%3e%3cpath%20d='M15%2014c-1.1%200-2%20.9-2%202v18c0%201.1.9%202%202%202h20c1.1%200%202-.9%202-2V16c0-1.1-.9-2-2-2H15zm0%202h20v18H15V16z'/%3e%3cpath%20d='M18%2019c0-.55.45-1%201-1h12c.55%200%201%20.45%201%201v12c0%20.55-.45%201-1%201H19c-.55%200-1-.45-1-1V19zm2%201v10h10V20H20z'/%3e%3cpath%20d='M25%2022l-4%204-1-1v5h10v-8h-5zm3%207h-6v-1l1-1%202%202%203-3v3z'/%3e%3ccircle%20cx='28'%20cy='22'%20r='1'%20/%3e%3c/g%3e%3c/svg%3e")}body:not(.light-mode) .game-link img[alt=Roblox]{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20width='24'%20height='24'%3e%3crect%20fill='%23FFFFFF'%20x='5'%20y='5'%20width='14'%20height='14'%20rx='2'/%3e%3crect%20fill='%23000000'%20x='8'%20y='8'%20width='8'%20height='8'%20rx='1'/%3e%3c/svg%3e")}body.light-mode .game-link img[alt=Roblox]{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20width='24'%20height='24'%3e%3crect%20fill='%23000000'%20x='5'%20y='5'%20width='14'%20height='14'%20rx='2'/%3e%3crect%20fill='%23FFFFFF'%20x='8'%20y='8'%20width='8'%20height='8'%20rx='1'/%3e%3c/svg%3e")}.projects-grids-wrapper{display:block;width:100%}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));gap:clamp(20px,3vw,30px);width:100%;max-width:1400px;margin:0 auto;padding:clamp(10px,2vw,20px);contain:layout style;animation:fadeIn .4s ease-out forwards}.projects-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:40px;position:relative;z-index:2}.project-tab{padding:10px 20px;border-radius:25px;font-family:var(--font-title);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);background-color:var(--bg-section);border:1px solid var(--border-light);color:var(--text-primary);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px var(--shadow-color)}.project-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,201,246,.1),transparent);opacity:0;transition:opacity .3s ease}.project-tab:hover:before,.project-tab.active:before{opacity:1}.project-tab.active{background-color:#00c9f61a;border-color:var(--blue);color:var(--blue);transform:translateY(-3px);box-shadow:0 8px 20px #00c9f626}.project-tab:hover:not(.active){transform:translateY(-2px);box-shadow:0 6px 15px #00c9f61a}.project-card{background-color:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid rgba(0,201,246,.25);box-shadow:0 6px 20px var(--shadow-color);display:flex;flex-direction:column;opacity:0;transform:translateY(30px);transition:transform .2s ease,box-shadow .2s ease,border-color 0s linear!important;cursor:pointer;will-change:transform,box-shadow;transform:translateY(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;contain:content;transform-style:preserve-3d}.project-card.show{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00c9f633;border-color:#00c9f680!important}.card-image{position:relative;overflow:hidden;height:clamp(200px,30vw,300px);background-color:#0a0a10;border-bottom:1px solid rgba(0,201,246,.15);transform:translateZ(0);contain:strict;will-change:transform}.card-image .hover-video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;transition:opacity .2s ease!important}.static-image,.hover-video{width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .2s ease!important;transform:translateZ(0)}.static-image{position:relative;z-index:1}.hover-video{position:absolute;top:0;left:0;opacity:0;z-index:2}.project-card:hover .static-image{opacity:0!important}.project-card:hover .hover-video{opacity:1!important}.video-ready .hover-video{opacity:.01}.card-content{padding:clamp(15px,2.5vw,25px);background:var(--card-gradient);flex:1}.card-content h3{margin-bottom:clamp(10px,1.5vw,15px);font-size:clamp(18px,2.2vw,22px)}.card-content p{color:var(--text-secondary);margin-bottom:clamp(12px,1.8vw,18px)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tags span{background-color:#00c9f626;color:var(--blue);padding:5px 12px;border-radius:30px;font-size:12px;font-weight:500;border:1px solid rgba(0,201,246,.2);transition:transform .1s ease,background-color .1s ease}.tags span:hover{background-color:#00c9f640;transform:translateY(-2px)}.card-links{display:flex;margin-top:15px}.github-link{display:flex;align-items:center;background-color:#00c9f61a;border-radius:30px;padding:8px 18px;border:1px solid rgba(0,201,246,.2);transition:var(--transition)}.github-link:after{content:"View Code";color:var(--blue);font-size:14px;font-weight:500;white-space:nowrap}.game-link:after{content:"View Game"}.github-link img{width:22px;height:22px;margin-right:10px;transition:transform .3s ease}.github-link:hover img{transform:scale(1.15)}.game-link:hover img{transform:scale(1.15) rotate(10deg)}.github-link:hover{animation:githubPulse 1.5s infinite}@keyframes githubPulse{0%{box-shadow:0 0 #00c9f666}70%{box-shadow:0 0 0 10px #00c9f600}to{box-shadow:0 0 #00c9f600}}.roblox-logo,.notion-logo{fill:#fff}html.light-mode .roblox-logo,html.light-mode .notion-logo,[data-theme=light] .roblox-logo,[data-theme=light] .notion-logo{fill:#000}.contact-container{max-width:900px;width:100%;margin:0 auto;background-color:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius);padding:clamp(25px,4vw,40px);border:1px solid var(--border-light)}.contact-content{display:flex;flex-direction:column;align-items:center;gap:30px}.contact-content h2{font-size:2.5rem;text-align:center}.contact-intro{text-align:center;margin:0 0 clamp(15px,2vw,20px);color:var(--text-secondary);font-size:clamp(16px,1.8vw,18px)}.contact-container .section-header{margin-bottom:30px}.contact-content .section-title{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none}.contact-content .section-title h2{font-size:2.7rem}.contact-content .title-decoration{width:40px}.contact-cards{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,20px);width:100%;justify-content:center}.social-cards-wrapper{display:flex;width:100%;gap:clamp(12px,2vw,20px);justify-content:space-between;margin-bottom:clamp(12px,2vw,20px)}.contact-card{display:flex;align-items:center;background:var(--bg-card);border-radius:16px;border:1px solid var(--icon-border);transition:all .4s ease;position:relative;overflow:hidden}.github-card,.linkedin-card{flex:1 1 calc(50% - clamp(6px,1vw,10px));min-height:100px;padding:clamp(15px,2vw,20px);box-shadow:0 5px 15px #0000001a}.email-card{width:100%;padding:clamp(15px,2vw,20px);overflow:hidden}.contact-icon{width:clamp(40px,5vw,55px);height:clamp(40px,5vw,55px);display:flex;align-items:center;justify-content:center;margin-right:clamp(12px,1.5vw,18px);background:#00c9f61a;border-radius:50%;transition:transform .4s ease,background-color .3s ease}.contact-info{flex:1}.contact-info h3{font-size:clamp(18px,2vw,22px);margin-bottom:8px;font-weight:600;transition:color .3s ease}.contact-info p{font-size:clamp(14px,1.5vw,16px);color:var(--text-secondary);margin-bottom:0}.arrow-icon{color:var(--blue);margin-left:15px;opacity:.7;transform:translate(0);transition:transform .4s ease,opacity .3s ease}.github-card .contact-icon{background:#24292e33}.linkedin-card .contact-icon{background:#0077b533}.email-card .contact-icon{background:#ea433533}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00c9f633;border-color:var(--blue);background-color:#201a2ef2}.contact-card:hover .contact-icon{transform:scale(1.15);background:#00c9f633}.contact-card:hover .contact-info h3{color:var(--blue)}.contact-card:hover .arrow-icon{opacity:1;transform:translate(5px)}.email-card .contact-info{width:100%;overflow:hidden}.email-card .contact-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover: hover) and (pointer: fine){.contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg)}}@media (hover: none){.contact-card{transition:transform .3s ease}.contact-card:active{transform:scale(.97);background-color:#00c9f60d}.arrow-icon{opacity:.7}}body.light-mode .contact-card:hover,[data-theme=light] .contact-card:hover{background-color:#fffffff2}body.light-mode .contact-card:hover .contact-info h3,body.light-mode .contact-card:hover .contact-info p,[data-theme=light] .contact-card:hover .contact-info h3,[data-theme=light] .contact-card:hover .contact-info p{color:var(--blue)}body.light-mode .contact-card:hover .arrow-icon,[data-theme=light] .contact-card:hover .arrow-icon,body.light-mode .github-card:hover .contact-info h3,body.light-mode .linkedin-card:hover .contact-info h3,[data-theme=light] .github-card:hover .contact-info h3,[data-theme=light] .linkedin-card:hover .contact-info h3{color:var(--blue-hover)}body.light-mode .email-card:hover .contact-info p,[data-theme=light] .email-card:hover .contact-info p{color:var(--blue)}.footer{display:flex;justify-content:center;align-items:center;background-color:var(--footer-bg);height:40px;margin-top:80px;padding:0 16px}.footer-text{font-family:var(--font-title);font-weight:500;color:var(--text-primary)}.footer-name{color:var(--blue);font-weight:700;font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-section{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.animate-section.visible{opacity:1;transform:translateY(0)}#project1{transition-delay:.1s}#project2{transition-delay:.2s}#project3{transition-delay:.3s}#project4{transition-delay:.4s}#project5{transition-delay:.5s}#course-projects,#personal-projects,.project-tab,.project-card,.card-image,.static-image,.hover-video,.tags span,.github-link{transition-delay:0s}.text-center{text-align:center}.w-100{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.flex-column-mobile{display:flex}@media screen and (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.card-image{height:280px}}@media screen and (max-width: 1100px) and (min-width: 769px){.contact-card{flex:0 1 calc(45% - clamp(15px,2vw,20px));max-width:280px}.email-card{flex:0 1 100%;max-width:400px;margin-top:10px}}@media screen and (max-width: 1024px){.presentation-card{flex-direction:column;max-width:90%;margin:0 auto}.profile-column{flex:0 0 auto;padding:40px 20px;width:100%}.content-column{padding:40px 30px;align-items:center;text-align:center}.description{margin:0 auto clamp(20px,3vw,30px)}.name-headline{font-size:40px}.subtitle{font-size:22px}}@media screen and (max-width: 992px){.presentation-card{flex-direction:column;align-items:center;text-align:center;gap:20px;width:80%}.profile-img{margin-bottom:20px}.projects-grid{grid-template-columns:1fr;max-width:600px}.nav-container{padding:0 4%}.nav-links{gap:30px}.projects-grid{grid-template-columns:1fr;gap:20px;width:95%;margin:0 auto;padding:0}.project-card{max-width:100%}.profile-frame{width:180px;height:180px}.name-headline{font-size:36px}.btn-primary,.btn-secondary{font-size:16px}.cta-buttons{flex-direction:column;width:100%;max-width:300px}.section-title{padding:12px 30px}.section-title h2{font-size:2rem;margin:0 15px}.title-decoration{width:20px}.menu-toggle{display:flex}.nav-elements{position:fixed;flex-direction:column;align-items:center;justify-content:center;top:0;right:-100%;width:75%;height:100vh;background-color:var(--bg-header);transition:transform .3s ease-out;padding:80px 30px;z-index:999;box-shadow:-5px 0 20px var(--shadow-color);transform:translate(100%)}.nav-elements.active{transform:translate(0);right:0}.nav-links{flex-direction:column;align-items:center;gap:20px;height:auto}.nav-item{font-size:20px;width:100%;text-align:center;padding:10px 0}.menu-toggle.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}body.light-mode .nav-elements,[data-theme=light] .nav-elements{background-color:var(--bg-header)}body.light-mode .nav-elements .nav-links .nav-item,[data-theme=light] .nav-elements .nav-links .nav-item{color:var(--text-primary)}body.light-mode .nav-elements .nav-links .nav-item:hover:not(.active),[data-theme=light] .nav-elements .nav-links .nav-item:hover:not(.active){color:var(--blue)}body.light-mode .nav-elements .nav-links .nav-item.active,[data-theme=light] .nav-elements .nav-links .nav-item.active{color:var(--blue)}.role-container{min-height:60px}.subtitle{font-size:clamp(15px,2vw,20px)}.typewriter{white-space:normal;overflow:visible;animation:none}.contact-cards{flex-direction:column;align-items:center}.contact-card,.github-card,.linkedin-card,.email-card{width:100%;max-width:350px;flex:0 1 100%}.email-card{order:0}.presentation-card{width:95%!important;margin:0 auto}.btn-primary,.btn-secondary{max-width:100%;justify-content:center;text-align:center}.contact-card,.skill-category{flex:1 1 100%}.projects-tabs{flex-direction:row;width:100%;padding:0 20px;gap:10px}.project-tab{flex:1;padding:8px 12px;font-size:14px;text-align:center}}@media screen and (max-width: 480px){.profile-frame{width:150px;height:150px;margin-right:0;justify-content:center;text-align:center}.content-column{padding:30px 20px;width:90%}.name-headline{font-size:30px}.subtitle{font-size:18px}.section-title{padding:10px 20px;width:90%}.section-title h2{font-size:clamp(22px,5vw,26px);margin:0 10px}.title-decoration{width:15px}.btn-primary,.btn-secondary{width:100%;justify-content:center;text-align:center}.cta-buttons{flex-direction:column;width:100%;max-width:300px}.contact-card,.github-card,.linkedin-card,.email-card{max-width:90%}}