@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Poppins:wght@600;700&display=swap";body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6;margin:0}h1,h2,h3,h4,h5,h6{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;color:#222;margin-bottom:1rem}.style-section h2,.style-section .lead{color:#fdfdfd!important}p,li,span,a{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;color:#444}small,.text-small{font-size:.85rem;color:#666}.style-section{height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.style-section:before{content:"";position:absolute;inset:0;background:#0000008c;z-index:1}.style-section .container{position:relative;z-index:2}.profile-pic{width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid rgb(245,215,200);box-shadow:0 10px 20px #c7ab0a4d;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.text-gradient{font-size:3rem;font-weight:700;background:linear-gradient(270deg,#11c5cb,#7bfc25,#cb9011,#fcf825);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientMove 8s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.style-section p{font-size:1.2rem;color:#fdfdfd;margin-bottom:1.5rem}.btn-profile{background:linear-gradient(90deg,#b2cb11,#82fc25);border:none;border-radius:12px;color:#fff;font-weight:700;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-profile:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 24px #00000040}.card,#about .skills-card{border-radius:15px;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;cursor:pointer;background-color:#fdfdfd}.card:hover,#about .skills-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #0003}.project-card{width:100%;background-color:#dee4d6;border:2px solid #d4ddc5ff;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #0003}.btn-projet{background:linear-gradient(90deg,#cdc45f,#90f058);border:none;border-radius:12px;color:#fff;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn-projet:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 24px #00000040}.project-media-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-top-left-radius:15px;border-top-right-radius:15px}.project-media-wrapper img,.project-media-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none;transition:transform .3s ease}.project-media-wrapper:hover img,.project-media-wrapper:hover iframe{transform:scale(1.02)}.badge{transition:transform .2s ease}.badge:hover{transform:scale(1.1)}#about h2,#about h3{font-weight:700;margin-bottom:1rem;color:#333}#about p{font-size:1.1rem;line-height:1.6;color:#444}.skill-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:50%;background-color:#f8f9fa;width:100px;height:100px;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;cursor:pointer;text-align:center}.skill-circle div{font-size:2rem;transition:transform .3s ease,color .3s ease}.skill-circle:hover{transform:scale(1.15);box-shadow:0 12px 24px #0003;background:linear-gradient(135deg,#c1da7d,#2575fc)}.skill-circle:hover div{color:#fff}.skill-label{margin-top:.5rem;font-weight:600;font-size:.9rem;transition:color .3s ease}.skill-circle:hover .skill-label{color:#fff}#contact{background:linear-gradient(135deg,#fdfcfb,#e2d1c3);padding:40px;border-radius:15px;transition:background .3s ease,transform .3s ease}#contact .form-control{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}#contact .form-control:focus{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 18px #00000026}#contact .btn-projet{background:linear-gradient(90deg,#6a11cb,#2575fc);border:none;border-radius:12px;color:#fff;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}#contact .btn-projet:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 24px #00000040}#contact .status-success,#contact .status-error{opacity:0;animation:fadeIn .5s forwards}@keyframes fadeIn{to{opacity:1}}@media(max-width:768px){.profile-pic{width:120px;height:120px}.text-gradient{font-size:2rem}.style-section h1{font-size:1.8rem}.style-section p,.lead{font-size:1rem}.btn-profile{padding:.6rem 1.2rem}#contact{padding:20px}.card,.project-card,#about .skills-card{font-size:.95rem}.skill-circle{width:80px;height:80px;padding:1rem}.skill-circle div{font-size:1.5rem}.skill-label{font-size:.8rem}@media(max-width:576px){h1,h2,h3,h4,h5,h6{font-size:1.5rem}p,li,span,a{font-size:.9rem}.style-section p{font-size:1rem}.text-gradient{font-size:1.5rem}.badge,.text-small,small{font-size:.75rem}}}