*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0;margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}a{text-decoration:none;color:inherit}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.logos{display:flex;justify-content:space-between;align-items:center;padding:5px;padding-inline:2%}.logos__p{display:flex;align-items:center;font-weight:100;color:#aee3ff;gap:5px}.logos__img{width:60px}.header{padding-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.header__h1{font-family:Space Grotesk,sans-serif;font-size:30px}.header__p{font-family:Inter,sans-serif;font-size:15px;width:80%;padding-top:15px;color:#aee3ff}.footer{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;font-size:12px}.footer__p{color:#aee3ff;padding:10px 0;text-align:center;line-height:1.2}.formPageStyle{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 1024px){.formPageStyle{display:grid;grid-template-columns:4fr 2fr;padding-right:30px;justify-content:center;align-items:center;width:fit-content}}.leftContent,.rightContent{width:100%;display:flex;align-items:center;justify-content:center}.btnContainer{display:flex;justify-content:center;margin-top:20px;gap:.5rem}.genericBtn{font-family:Space Grotesk,sans-serif;background-color:#1212b5;color:#fff;border:.5px solid white;padding:5px 25px;border-radius:10px;overflow:hidden;transition:color .3s ease;box-shadow:0 4px 8px #0003;margin-block:20px}.genericBtn:hover{background:linear-gradient(90deg,#1212b5,#5194b8,#1212b5);background-size:200% 100%;background-position:100% 0;transform:scale(1.05)}.cards-flex{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px}@media (min-width: 480px){.cards-flex{flex-direction:row;flex-wrap:wrap}}.landingPage .cardStyle{max-width:450px}.cardStyle{display:flex;align-items:center;background-color:#fff;color:#1212b5;border-radius:12px;box-shadow:0 4px 12px #0003;transition:transform .3s ease;overflow:hidden;text-overflow:ellipsis;width:100%}.cardStyle:hover{transform:scale(1.03)}.cardStyle__header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;flex-shrink:0;max-width:200px}.cardStyle__profile-pic{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:10px}.cardStyle__role{font-size:13px;color:#777;margin-bottom:5px;font-family:Space Grotesk,sans-serif;overflow:hidden;text-overflow:ellipsis}.cardStyle__name{font-size:20px;font-family:Space Grotesk,sans-serif;overflow:hidden;text-overflow:ellipsis}.cardStyle__content{flex:1;padding-block:30px;padding-inline:10px;display:flex;flex-direction:column;gap:10px}.cardStyle__personal-project{display:flex;align-items:center;justify-content:center;font-size:12px;color:#5194b8}.cardStyle__personal-project:before,.cardStyle__personal-project:after{content:"";flex:1;height:1.5px;background-color:#ccc;margin-inline:10px}.cardStyle__subtitle{font-size:14px;font-weight:200;color:#3b82f6;margin-bottom:5px}.cardStyle__title{font-size:20px;font-family:Space Grotesk,sans-serif}.cardStyle__description{font-size:12px;color:#777}.cardStyle__tech-list{display:flex;flex-wrap:wrap;gap:.5rem;font-family:Space Grotesk,sans-serif}.cardStyle__tech-tag{background-color:#f0f0f0;color:#5194b8;padding:2px 3px;border-radius:6px;font-size:12px}.cardStyle__contact-links{display:flex;gap:8px}.cardStyle__contact-links a{display:inline-block}.cardStyle__contact-links a img{width:24px;height:24px;opacity:.8;transition:opacity .2s ease}.cardStyle__contact-links a img:hover{opacity:1}.cardPreviewLayout{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:100%;height:80vh}.cardPreviewMain{flex-grow:1;display:flex;justify-content:center;align-items:center}.styleCardPreview{max-width:80%;min-width:360px}.get-avatar__preview{width:100px;height:100px;background-size:cover;background-position:center;border-radius:50%;margin-top:10px;max-width:120px;max-height:120px}.cardStyle__avatar-img{width:80px;height:80px;object-fit:cover;border-radius:50%;max-width:100px;max-height:100px}.cardStyle__project-img{width:100%;max-width:250px;max-height:180px;object-fit:cover;border-radius:10px}.form__wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.form__container{background:#1212b5;background:radial-gradient(circle,#1212b5 30%,#51a5b8 90%);max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:20px;gap:10px;margin-top:30px}.form__title{font-family:Space Grotesk,sans-serif;font-size:20px;text-align:center}.form__divider{width:80%;height:1.5px;background:linear-gradient(to right,transparent,#aee3ff,transparent);margin:10px}.form__group{display:flex;flex-direction:column;gap:10px;width:100%}.form__group2{display:flex;justify-content:space-between;gap:10px;width:100%}.form__input,.form__textarea,.form__select{background-color:#ffffff2e;border:1px solid white;border-radius:5px;padding-block:5px;padding-inline:10px;font-family:Inter,sans-serif;color:#fff}.form__input::placeholder,.form__textarea::placeholder,.form__select::placeholder{color:#fff}.form__input .select__option,.form__textarea .select__option,.form__select .select__option{color:#000}.form__input{width:100%;box-sizing:border-box}.form__author{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:100;text-align:center;padding-top:20px}.form__btns{display:flex;justify-content:center;gap:10px;margin-top:20px}.form__success-message{color:#aee3ff;background-color:#1212b5;border:1px solid #aee3ff;padding:10px 15px;border-radius:5px;margin-top:15px;font-weight:500;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{font-family:Inter,sans-serif;color:#fff}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;background:#1212b5;background:radial-gradient(circle,#1212b5 33%,#51a5b8 99%)}