#skills{min-height:100vh;scroll-margin-top:50px;position:relative}#skills h2{font-size:28px;font-weight:600;font-family:var(--font-geist-mono);letter-spacing:.5px;text-align:center;margin:0 0 32px;padding-top:200px}#skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:20px;max-width:100%;padding:20px 50px;display:grid}#skill-element{border-radius:12px;justify-content:space-between;align-items:center;gap:24px;width:100%;min-width:300px;max-width:400px;padding:24px;transition:color .3s,transform .3s,box-shadow .3s;display:flex}#skill-image{flex-shrink:0;justify-content:center;align-items:center;max-width:30%;display:flex}#skill-image img{object-fit:contain;border-radius:16px;width:100%;max-width:160px;height:auto;max-height:160px}#skill-text{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}#skill-element strong{font-family:var(--font-geist-mono);letter-spacing:.5px;white-space:normal;word-break:break-word;font-size:clamp(14px,1.3vw,20px)}#skill-element p{margin:0;font-size:clamp(11px,1vw,12px);line-height:1.4}#skill-element:hover{box-shadow:var(--shadow);cursor:pointer;transform:translateY(-5px)}#skill-element:active{box-shadow:var(--shadow-click);cursor:pointer;transform:translateY(5px)}@media screen and (max-width:775px){#skills-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}#skill-element{gap:12px;min-width:auto;max-width:100%;padding:16px}#skill-image img{max-width:40px;max-height:40px}#skill-element strong{font-size:14px}#skill-element p{font-size:11px}}@media screen and (max-width:500px){#skills-grid{grid-template-columns:repeat(2,1fr);padding:20px 10px}}
#experiences{min-height:100vh;margin-top:50px;padding:80px 50px;scroll-margin-top:50px;position:relative}#experiences h2{font-size:28px;font-weight:600;font-family:var(--font-geist-mono);letter-spacing:.5px;text-align:center;margin:0 0 32px}#experience-grid{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;display:flex}#experience-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-glass);cursor:pointer;background:#ffffff05;border-radius:18px;grid-template-rows:auto 0fr;gap:16px;padding:20px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:grid}#experience-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}#experience-card.expanded{box-shadow:var(--shadow);grid-template-rows:auto 1fr;transform:scale(1.02)}#experience-card-header{grid-template-columns:150px 1fr;align-items:center;gap:16px;display:grid}#Company-logo{justify-content:center;align-items:center;display:flex}#Company-logo img{object-fit:contain;border-radius:8px;max-width:150px;max-height:75px}#Company-name{font-family:var(--font-geist-mono);color:var(--text);font-size:22px;font-weight:600}#experience-details{opacity:0;pointer-events:none;max-height:0;transition:max-height .5s cubic-bezier(.34,1.56,.64,1),opacity .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}#experience-card.expanded #experience-details{opacity:1;pointer-events:auto;max-height:500px}#experience-details-content{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding-top:16px;display:flex}#experience-row{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}#experience-labels{font-family:var(--font-geist-mono);color:var(--text-dim);flex:0 0 120px}#experience-content{font-family:var(--font-geist-mono);color:var(--text);flex:1}@media (max-width:768px){#experiences{padding:80px 24px}#experience-card-header{grid-template-columns:100px 1fr;gap:12px}#Company-logo img{max-width:100px}#experience-row{text-align:center;flex-direction:column;align-items:center}#experience-labels{display:none}}#experience-details-content{opacity:0;border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding-top:16px;transition:opacity .5s cubic-bezier(.34,1.56,.64,1);display:flex}#experience-card.expanded #experience-details-content{opacity:1}
#chat-section{flex-direction:column;height:100vh;padding-top:70px;display:flex;position:relative}#chat-section h2{color:var(--text);font-size:24px;font-family:var(--font-geist-mono);position:absolute;top:20px;right:20px}#chat{flex-direction:column;flex:1;justify-content:flex-end;padding-left:100px;padding-right:100px;display:flex}#messages{flex-direction:column;gap:6px;max-height:calc(100vh - 200px);padding-bottom:40px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}#messages::-webkit-scrollbar{display:none}#input-area{-webkit-backdrop-filter:blur(8px);background:#ffffff05;border-radius:15px;align-items:center;gap:10px;margin-top:10px;margin-bottom:100px;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 10px #0003}#input-area textarea{resize:none;color:var(--text);background-color:var(--input-bg);border:1px solid var(--input-border);font-size:14px;font-family:var(--font-geist-mono);border-radius:10px;flex:1;margin-top:5px;margin-left:5px;padding:8px}#input-area textarea:focus{outline:none}#input-area:hover{border-color:var(--input-focus-border);box-shadow:var(--shadow-notdark);background:#ffffff0a;outline:none;transform:scale(1.01)}#input-area:active{border-color:var(--input-focus-border);box-shadow:var(--shadow-notdark);background:#ffffff41;outline:none;transform:scale(.98)}#input-area:focus-within{border-color:var(--input-focus-border);box-shadow:var(--shadow-notdark);background:#ffffff1a;outline:none;transform:scale(1.01)}#input-area button{background-color:var(--button-bg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-right:20px;padding:8px 12px;font-size:16px;transition:all .2s ease-in-out;display:flex;transform:scale(1.5)}#input-area button:disabled{cursor:not-allowed;opacity:.4;border:none;transform:scale(.95)}#input-area button:active{transform:scale(1.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(5px)}50%{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.message{max-width:80%;font-family:var(--font-geist-mono);will-change:transform;border-radius:8px;padding:6px 10px;transition:transform .25s;display:inline-block}.message.user{text-align:right;color:var(--chat-user-text);background:var(--chat-user-bg);align-self:flex-end}.message.ai{text-align:left;color:var(--chat-ai-text);background:var(--chat-ai-bg);align-self:flex-start}.disabled-overlay{z-index:100;border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.disabled-box{background:var(--chat-ai-bg);text-align:center;border-radius:12px;max-width:400px;padding:2rem;box-shadow:0 10px 40px #0003}.disabled-box h3{color:var(--text);margin:0 0 .5rem;font-size:1.5rem}.disabled-box p{color:#666;margin:0;font-size:1rem}
#about{padding-top:20px;scroll-margin-top:50px;position:relative}#about-content{flex-direction:column;justify-content:center;height:100%;padding:80px 40px 40px;display:flex}#about-coords{margin-bottom:32px}#infos{font-family:var(--font-geist-mono);flex-direction:column;margin-bottom:32px;line-height:1.4;display:flex}#infos-main{align-items:flex-start;gap:24px;display:flex}.coord-name{margin-left:0}.coord-age{margin-left:25px}.coord-phone{margin-left:40px}.coord-title,.coord-email{margin-left:50px}.coord-adress{margin-left:40px}.coord-postal{margin-left:25px}.coord-city{margin-left:0}#infos-socials{justify-content:center;gap:20px;margin-top:100px;display:flex;bottom:0}.social-link{color:var(--text);transition:color .3s,transform .3s}.social-link:hover{color:var(--text-hover);transform:scale(1.3)}.social-link:active{color:var(--text-hover);transform:scale(.95)}#infos img{object-fit:cover;width:400px;transform-style:preserve-3d;border-radius:50%;flex-shrink:0;margin-left:200px;margin-right:100px;transition:transform .3s,box-shadow .3s}#infos img:hover{box-shadow:var(--shadow);transform:translateY(-20px)scale(1.05)}#infos-main p{margin-top:12px;font-size:25px;transition:color .3s,transform .3s}#infos-main p:hover{color:var(--text-hover);transform:scale(1.05)}#infos-about{margin-top:30px;margin-left:5px}#infos-about-title{margin-left:115px;font-size:25px;font-weight:700}#infos-about-content{margin-top:20px;font-size:20px}#infos-bottom{align-items:flex-start;gap:24px;display:flex;position:relative}#contact-container{margin-left:auto;position:relative}#contact-button{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:6px;margin-top:25px;padding:8px 16px;font-size:larger;transition:all .3s;right:0}#contact-button:hover{background:#ffffff0a;transform:scale(1.1)}#contact-button:active{background:var(--background);color:var(--text);background:#ffffff1a;transition-duration:.1s;transform:scale(.95)}#contact-form{opacity:0;z-index:990;flex-direction:column;gap:12px;width:380px;margin-top:20px;transition:transform .5s,opacity .5s;display:flex;position:absolute;top:60px;right:0;transform:translate(100%)}#contact-form.active{opacity:1;transform:translate(0)}#email,#message{width:100%;font-family:var(--font-geist-mono);resize:vertical;z-index:20;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);background:#ffffff05;border-radius:10px;outline:none;padding:8px;font-size:16px;transition:transform .3s,box-shadow .3s,background .3s}#email:hover,#message:hover,#email:focus-within,#message:focus-within{box-shadow:var(--shadow-notdark);background:#ffffff0a;transform:scale(1.05)}#send-button{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:6px;align-self:flex-start;gap:8px;margin-top:4px;margin-left:auto;padding:8px 16px;transition:all .3s;display:flex}#send-button:hover{background:#ffffff0a;transform:scale(1.1)}#send-button:active{background:var(--background);color:var(--text);background:#ffffff1a;transition-duration:.1s;transform:scale(.95)}#infos-bottom{margin-left:200px}@media screen and (max-width:1640px){#infos.show-form #infos-main{position:relative}#infos.show-form #contact-container{z-index:9999;width:auto;margin-top:20px;margin-left:115px;position:absolute;top:100%;left:0}#infos.show-form #contact-form{width:380px;position:relative;top:0;left:0;right:auto;transform:translateY(0)}#infos.show-form #infos-bottom{margin-top:300px;margin-left:10px;transition:margin-top .5s}}@media screen and (max-width:1400px){#infos-main{position:relative}#contact-container{z-index:9999;width:auto;margin-top:20px;margin-left:115px;position:absolute;top:100%;left:0}#contact-form{width:380px;position:relative;top:0;left:0;right:auto;transform:translateY(0)}#infos-bottom{margin-top:100px;margin-left:10px;transition:margin-top .5s}#infos.show-form #infos-bottom{margin-top:300px}}@media screen and (max-width:800px){#infos-main{flex-direction:column;align-items:center}#infos img{width:200px;margin-left:0;margin-right:0}#infos-about{margin-top:20px;margin-left:0}#infos-about-title{margin-left:0;font-size:20px}#infos-about-content{font-size:16px}#infos-coords p{flex-direction:column;align-items:center;display:flex;margin-left:0!important}#infos.show-form #infos-bottom{margin-top:350px}#contact-container{z-index:9999;width:auto;margin-top:20px;position:absolute;top:100%;transform:translate(-25%)}}