*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{background-color:#0a0a0a;margin:0}.header{padding:20px 5px}.nav{letter-spacing:3px;justify-content:flex-end;margin-right:3rem;padding:20px;font-family:sans-serif;display:flex}.nav__list{gap:4rem;list-style:none;display:flex}.nav__link{color:#7d7d7d;text-decoration:none}.nav__link.router-link-active{color:#f9c909}.action[data-v-4b10c247]{cursor:pointer;background-color:#f9c909;border:none;border-radius:5px;padding:10px 30px;font-size:18px;font-weight:600;transition:transform .2s}.action[data-v-4b10c247]:hover{transform:scale(1.05)}.card[data-v-bfa6f894]{background:#161616;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;flex:1;min-height:100%;font-family:sans-serif;transition:transform .3s;display:flex;overflow:hidden}.card[data-v-bfa6f894]:hover{transform:translateY(-5px)}.card__image-container[data-v-bfa6f894]{height:180px;position:relative;overflow:hidden}.card__image[data-v-bfa6f894]{object-fit:cover;width:100%;height:100%}.card__image-overlay[data-v-bfa6f894]{background:linear-gradient(#0000,#161616);width:100%;height:100%;position:absolute;bottom:0;left:0}.card__content[data-v-bfa6f894]{flex-direction:column;flex-grow:1;padding:1.2rem;display:flex}.card__title[data-v-bfa6f894]{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.card__description[data-v-bfa6f894]{color:#818181;margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.card__footer[data-v-bfa6f894]{margin-top:auto;padding-top:1rem}.card__link[data-v-bfa6f894]{color:#f9c909;text-transform:normal;letter-spacing:1px;font-size:1.2rem;font-weight:600;text-decoration:none}.card__link[data-v-bfa6f894]:hover{text-decoration:underline}.portfolio[data-v-93e6021c]{color:#fff;background-color:#0a0a0a;min-height:70vh}.portfolio__container[data-v-93e6021c]{gap:60px;padding:0 4rem 6rem;display:flex}.hero[data-v-93e6021c]{align-items:center;min-height:50vh;padding:0 4rem;display:flex}.hero__container[data-v-93e6021c]{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.hero__content[data-v-93e6021c]{flex:1}.hero__title[data-v-93e6021c]{margin-top:0;margin-bottom:1rem;font-size:clamp(32px,5vw,60px);font-weight:600}.hero__subtitle[data-v-93e6021c]{color:#f9c909;margin-bottom:1.5rem;font-size:1.5rem}.hero__text[data-v-93e6021c]{color:#818181;max-width:500px;margin-bottom:2rem;line-height:1.7}.hero__figure[data-v-93e6021c]{border-radius:50px;max-width:600px;margin:0;position:relative;overflow:hidden}.hero__img[data-v-93e6021c]{width:100%;display:block}.hero__overlay[data-v-93e6021c]{pointer-events:none;background:linear-gradient(#0a0a0a 0%,#0000 15% 85%,#0a0a0a 100%),linear-gradient(90deg,#0a0a0a 0%,#0000 35%);width:100%;height:100%;position:absolute;top:0;left:0}.projects[data-v-93e6021c]{flex:3}.projects__title[data-v-93e6021c]{margin-bottom:1.5rem;font-size:1.8rem}.projects__grid[data-v-93e6021c]{cursor:pointer;gap:20px;display:flex}.sidebar[data-v-93e6021c]{flex:1.2}.sidebar__section[data-v-93e6021c]{margin-bottom:3rem}.sidebar__title[data-v-93e6021c]{margin-bottom:1.5rem;font-size:1.8rem}.sidebar__text[data-v-93e6021c]{color:#818181;line-height:1.6}.contact-form__placeholder[data-v-93e6021c]{text-align:center;color:#444;border:1px dashed #333;border-radius:12px;padding:2rem}@media (width<=1024px){.hero__container[data-v-93e6021c],.portfolio__container[data-v-93e6021c],.projects__grid[data-v-93e6021c]{flex-direction:column}.portfolio__container[data-v-93e6021c],.hero[data-v-93e6021c]{padding:0}}.about[data-v-2c466672]{color:#fff;background-color:#0d0d0d;min-height:90vh;padding:4rem}.about__container[data-v-2c466672]{align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:flex}.about__content[data-v-2c466672]{flex:1.5}.about__title[data-v-2c466672]{margin-bottom:2rem;font-size:3rem}.about__title--alt[data-v-2c466672]{color:#f9c909}.about__text[data-v-2c466672]{color:#818181;margin-bottom:1.5rem;line-height:1.8}.about__subtitle[data-v-2c466672]{color:#f9c909;margin:2rem 0 1rem}.about__skill-list[data-v-2c466672]{color:#ccc;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:2rem;list-style:none;display:grid}.about__skill-list li[data-v-2c466672]:before{content:"→ ";color:#f9c909}.about__visual[data-v-2c466672]{flex:1}.about__figure[data-v-2c466672]{border-radius:30px;position:relative;overflow:hidden}.about__img[data-v-2c466672]{filter:grayscale(50%);width:100%;display:block}.about__overlay[data-v-2c466672]{background:linear-gradient(#0d0d0d 0%,#0000 15% 85%,#0d0d0d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-page[data-v-27e647c5]{color:#fff;background-color:#0d0d0d;padding:4rem}.portfolio-page__header[data-v-27e647c5]{text-align:center;margin-bottom:4rem}.portfolio-page__title[data-v-27e647c5]{font-size:3.5rem}.portfolio-page__title--alt[data-v-27e647c5]{color:#f9c909}.portfolio-page__description[data-v-27e647c5]{color:#818181;margin-top:1rem}.portfolio-page__grid[data-v-27e647c5]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.contact[data-v-a20bb0f2]{color:#fff;background-color:#0d0d0d;min-height:90vh;padding:6rem 4rem}.contact__container[data-v-a20bb0f2]{gap:100px;max-width:1100px;margin:0 auto;display:flex}.contact__info[data-v-a20bb0f2]{flex:1}.contact__title[data-v-a20bb0f2]{margin-bottom:1.5rem;font-size:3rem}.contact__title--alt[data-v-a20bb0f2]{color:#f9c909}.contact__text[data-v-a20bb0f2]{color:#818181;margin-bottom:3rem}.contact__label[data-v-a20bb0f2]{color:#f9c909;text-transform:uppercase;margin-bottom:5px;font-size:.8rem;display:block}.contact__item[data-v-a20bb0f2]{margin-bottom:2rem}.contact__form-wrapper[data-v-a20bb0f2]{background:#161616;border-radius:20px;flex:1.5;padding:3rem}.contact .contact-form__group[data-v-a20bb0f2]{margin-bottom:1.5rem}.contact .contact-form__label[data-v-a20bb0f2]{color:#ccc;margin-bottom:8px;font-size:.9rem;display:block}.contact .contact-form__input[data-v-a20bb0f2]{color:#fff;background:#0d0d0d;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px}.contact .contact-form__input[data-v-a20bb0f2]:focus{border-color:#f9c909}.contact .contact-form__input--textarea[data-v-a20bb0f2]{resize:none;height:150px}