*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#0a0a0a;color:#fafafa;line-height:1.6}.App{min-height:100vh}html{scroll-behavior:smooth}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.connecting-dots,.canvas-2{display:block;width:100%;height:100%}.heading{position:relative;z-index:2;text-align:center;color:#fafafa}.heading__line-1{font-size:3.5rem;font-weight:300;margin-bottom:1rem}.heading__line-1 span{background:linear-gradient(135deg,#51a2e9,#a878a2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500}.heading__line-2{font-size:1.5rem;font-weight:300;margin-bottom:2rem;opacity:.8}.heading__link{text-decoration:none;color:inherit}.heading-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid #51a2e9;border-radius:50px;background:#0a0a0a03;color:#51a2e9;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;z-index:1}.heading-cta:hover{background:#0a0a0a80;transform:translateY(-2px)}.heading-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a1a;opacity:.5;border-radius:50px;z-index:-1;pointer-events:none}.heading__arrow{width:20px;height:20px;fill:currentColor}.navigation-bar{position:fixed;top:2rem;right:2rem;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.5rem}.navigation{display:flex;list-style:none;gap:.5rem}.navigation__item a{display:block;padding:.75rem 1.5rem;color:#fafafa;text-decoration:none;border-radius:25px;transition:all .3s ease;font-size:.9rem}.navigation__item--active a,.navigation__item a:hover{background:linear-gradient(135deg,#51a2e9,#a878a2);color:#fff}.main-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 50% 50%,#1a1a2e,#0a0a0a)}section{padding:5rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2;zoom:.8;transform-origin:top center}.section-heading{font-size:3rem;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#51a2e9,#a878a2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact{text-align:center}.contact__text{font-size:1.2rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.contact__form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.contact__form-name,.contact__form-email,.contact__form-message{padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fafafa;font-size:1rem;transition:all .3s ease}.contact__form-name:focus,.contact__form-email:focus,.contact__form-message:focus{outline:none;border-color:#51a2e9;background:#ffffff14}.contact__form-message{min-height:150px;resize:vertical}.contact__form-name::placeholder,.contact__form-email::placeholder,.contact__form-message::placeholder{color:#ffffff80}.contact__form-error-submit{display:flex;justify-content:center;margin-top:1rem}.contact__form-submit-2{padding:1rem 3rem;font-size:1.1rem;background:linear-gradient(135deg,#51a2e9,#a878a2);border:none;border-radius:50px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.contact__form-submit-2:hover{transform:translateY(-2px);box-shadow:0 10px 20px #51a2e94d}.footer{background:#000c;padding:3rem 2rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.return-home{width:50px;height:50px;margin:0 auto 2rem;padding:10px;background:#ffffff1a;border-radius:50%;transition:all .3s ease;cursor:pointer}.return-home:hover{background:#51a2e933;transform:translateY(-2px)}.socials{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.socials__github,.socials__email{padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fafafa;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer}.socials__github:hover,.socials__email:hover{background:#ffffff1a;border-color:#51a2e9;transform:translateY(-2px)}.copyright{font-size:.9rem;opacity:.6;font-weight:300}@media (max-width: 1024px){.about__content{grid-template-columns:1fr;gap:2rem;text-align:center}.project{grid-template-columns:1fr;gap:2rem}.project-right{direction:ltr}}@media (max-width: 768px){.heading__line-1{font-size:2.5rem}.heading__line-2{font-size:1.2rem}.section-heading{font-size:2rem}.navigation-bar{top:1rem;right:1rem;left:1rem;right:auto}.navigation{justify-content:space-between}.navigation__item a{padding:.5rem 1rem;font-size:.8rem}section{padding:3rem 1rem}.skills__row{flex-wrap:wrap;gap:.5rem}.skills__item{flex:1;min-width:calc(50% - .25rem);padding:1rem}.project__title{font-size:1.5rem}.socials{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 480px){.heading__line-1{font-size:2rem}.skills__item{min-width:100%}.project__live-2{display:block;text-align:center;margin:.5rem 0}}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@keyframes fadeIn{to{opacity:1}}.profile{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;opacity:0;animation:fadeIn 1s ease-in-out forwards;animation-delay:.5s}.profile__picture{width:200px;height:200px;flex-shrink:0;margin:0}.profile__blurb{font-size:1.1rem;line-height:1.8;opacity:.9;flex:1}.skills{display:flex;flex-direction:column;gap:2rem}.skills__row{display:flex;gap:1rem;justify-content:center}.skills__item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;opacity:0;animation:fadeIn 1s ease-in-out forwards;animation-delay:calc(.7s + var(--i) * .1s)}.skills__item:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#51a2e9}.skills__item-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#51a2e9,#a878a2);border-radius:10px;font-weight:700;font-size:.8rem}.skills__item-icon img{width:60%;height:60%;object-fit:contain}.skills__item-name{font-size:.9rem;font-weight:500;text-align:center}@keyframes _fadeIn_13ryq_1{to{opacity:1}}._profile_13ryq_7{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;opacity:0;animation:_fadeIn_13ryq_1 1s ease-in-out forwards;animation-delay:.5s}._profile__picture_13ryq_17{display:flex;justify-content:center;align-items:center}._profile__image_13ryq_23{width:160px;height:160px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0003}._profile__blurb_13ryq_32{font-size:1.1rem;line-height:1.8;opacity:.9;flex:1}._imageCarouselWrapper_a082l_1{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;padding:.5rem 0}._imageCarouselTrack_a082l_11{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;gap:1rem;scrollbar-width:none}._imageCarouselTrack_a082l_11::-webkit-scrollbar{display:none}._imageCarouselItem_a082l_25{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center;align-items:center}._imageCarouselImage_a082l_33,._imageCarouselItem_a082l_25 video,._imageCarouselItem_a082l_25 iframe{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;box-shadow:0 4px 16px #00000040}._imageCarouselImage_a082l_33,._imageCarouselItem_a082l_25 video{object-fit:cover}._imageCarouselImage_a082l_33,._imageCarouselItem_a082l_25 video,._imageCarouselItem_a082l_25 iframe{width:100%;aspect-ratio:16/9;border-radius:12px;display:block;box-shadow:0 4px 16px #00000040}._imageCarouselPills_a082l_60{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}._imageCarouselPill_a082l_60{width:10px;height:10px;border-radius:9999px;background-color:#fff6;border:none;cursor:pointer;transition:background-color .3s ease}._imageCarouselPill_a082l_60._active_a082l_77{background-color:#fff}._work__carousel-wrapper_1ndig_1{display:flex;align-items:center;justify-content:center;gap:1rem;overflow:hidden;position:relative}._work__carousel_1ndig_1{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem;padding-inline:.5rem;scroll-padding-inline:1rem}._carousel__track_1ndig_21{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}._carousel__track_1ndig_21::-webkit-scrollbar{display:none}._work__item_1ndig_36{flex:0 0 100%;max-width:100%;width:100%;box-sizing:border-box;scroll-snap-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;box-shadow:0 8px 20px #0003;transition:all .3s ease}._work__item_1ndig_36:hover{border-color:#51a2e9;background:#ffffff12}._work__grid_1ndig_56{display:grid;gap:1rem;width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"company skills" "image accomplishments"}@media (max-width: 768px){._work__item_1ndig_36{flex-basis:100%!important;max-width:100%!important;width:100%!important}._work__grid_1ndig_56{grid-template-columns:1fr!important;grid-template-rows:repeat(4,auto)!important;grid-template-areas:"company" "image" "skills" "accomplishments";width:100%!important;max-width:100%!important}}@media screen and (min-width: 640px){._work__grid_1ndig_56{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}}._work__box_1ndig_100{padding:1rem}._carousel__pills_1ndig_108{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}._carousel__pill_1ndig_108{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s ease;border:none;outline:none}._carousel__pill_1ndig_108._active_1ndig_126{background-color:#51a2e9}._carousel__arrow_1ndig_131{position:absolute;top:50%;transform:translateY(-50%);font-size:2.5rem;color:#fff;opacity:.1;background:none;border:none;cursor:pointer;z-index:10;padding:0;transition:color .3s ease,opacity .3s ease;font-family:Courier New,Courier,monospace}._carousel__arrow_1ndig_131:hover{color:#51a2e9;opacity:1}._carousel__arrow--left_1ndig_152{left:1.5rem}._carousel__arrow--right_1ndig_156{right:1.5rem}._projects_1u9zt_2{border-radius:20px;background:#ffffff05}._project_1u9zt_2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem;padding:2rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}._project_1u9zt_2:hover{transform:translateY(-5px);background:#ffffff14;border-color:#51a2e94d}._project-right_1u9zt_26{direction:rtl}._project-right_1u9zt_26>*{direction:ltr}._project__image-container_1u9zt_34{position:relative;aspect-ratio:16/10;border-radius:15px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}._project__image-placeholder_1u9zt_45{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border-radius:12px;padding-bottom:0rem;display:flex;align-items:center;height:100%;scrollbar-width:none;-ms-overflow-style:none}._project__image-placeholder_1u9zt_45::-webkit-scrollbar,._project-carousel_1u9zt_61::-webkit-scrollbar{display:none}._project-carousel_1u9zt_61{display:flex;gap:1rem;scroll-snap-type:x mandatory;overflow-y:hidden;align-items:center}._project-carousel__item_1u9zt_73{flex:0 0 100%;max-width:100%;width:100%;height:100%;max-height:360px;object-fit:contain;object-position:center;scroll-snap-align:center;border-radius:12px;background-color:transparent;background:transparent;display:block;margin:auto 0}._project-carousel__item-wrapper_1u9zt_92{aspect-ratio:16/10;height:360px;width:100%;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}._project__info_1u9zt_103{padding:1rem}._project__title_1u9zt_107{font-size:2rem;margin-bottom:0rem;background:linear-gradient(135deg,#51a2e9,#a878a2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}._project__subtitle_1u9zt_117{font-size:1rem;margin-bottom:1rem;background:linear-gradient(135deg,#a878a2,#51a2e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}._project__description_1u9zt_127{font-size:1.1rem;margin-bottom:2rem;opacity:.9;line-height:1.6}._project__live-2_1u9zt_134{display:inline-block;margin:.5rem 1rem .5rem 0;padding:.75rem 1.5rem;background:#51a2e91a;border:2px solid #51a2e9;border-radius:25px;color:#51a2e9;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer}._project__live-2_1u9zt_134:hover{background:#51a2e933;transform:translateY(-2px)}@media (max-width: 768px){._project_1u9zt_2{grid-template-columns:1fr;gap:2rem}._project-right_1u9zt_26{direction:ltr}}@media (max-width: 768px){._project__title_1u9zt_107{font-size:1.5rem}}@media (max-width: 480px){._project__live-2_1u9zt_134{display:block;text-align:center;margin:.5rem 0}}.cs180-page{padding-top:6rem;max-width:1200px;margin:0 auto;color:#fafafa;font-family:Arial,sans-serif;line-height:1.6}.cs180-project{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;padding:1.5rem;border-radius:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);align-items:center;transition:all .3s ease}.cs180-project:hover{transform:translateY(-3px);background:#ffffff0f;border-color:#51a2e94d}.cs180-project-right{direction:rtl}.cs180-project-right>*{direction:ltr}.cs180-image-container{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:nowrap}.cs180-image-small{width:50%;height:auto}.cs180-image{max-width:100%;border-radius:12px;object-fit:contain}.cs180-info{padding:.5rem}.cs180-title{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#51a2e9,#a878a2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cs180-subtitle{font-size:1rem;margin-bottom:1rem;background:linear-gradient(135deg,#a878a2,#51a2e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cs180-description{font-size:1.1rem;opacity:.9}@media (max-width: 768px){.cs180-project{grid-template-columns:1fr}.cs180-project-right{direction:ltr}.cs180-title{font-size:1.5rem}}.btn{display:inline-block;margin:.5rem 1rem .5rem 0;padding:.75rem 1.5rem;background:#51a2e91a;border:2px solid #51a2e9;border-radius:25px;color:#51a2e9;text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer}.btn:hover{background:#51a2e933;transform:translateY(-2px)}@tailwind base;@tailwind components;@tailwind utilities;