.skills__content{width:100%}.skills__description{max-width:600px;font-size:var(--text-lg);margin-left:auto;margin-right:auto}.skill-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.skill-card:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--color-primary-rgb),.3)}.skill-card__title{color:var(--color-text);font-size:var(--text-xl);align-items:center;display:flex}.skill-card__title:before{content:"▹";color:var(--color-primary);margin-right:var(--spacing-sm)}.skill-card__list{gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none}.badge--skill{background-color:var(--color-surface-light);border:1px solid var(--color-border);color:var(--color-text-muted)}.skill-card:hover .badge--skill{border-color:rgba(var(--color-primary-rgb),.3)}
.contact{position:relative;overflow:hidden}.contact__content{z-index:1;max-width:600px;margin:0 auto;position:relative}.contact__subtitle{font-size:var(--text-lg);text-transform:uppercase;color:var(--color-text)}.contact__title{font-size:var(--display-section);line-height:1.1}.contact__description{font-size:var(--text-lg)}.contact__btn{padding:var(--spacing-md)var(--spacing-xl)}.contact__socials{gap:var(--spacing-md);margin-top:var(--spacing-xl)}.contact-form{text-align:left;width:100%;max-width:560px;margin:0 auto}.contact-form__row{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:576px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-form__field{margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.contact-form__row .contact-form__field{margin-bottom:var(--spacing-md)}.contact-form__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.contact-form__input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:12px 14px}.contact-form__input::placeholder{color:var(--color-text-muted);opacity:.7}.contact-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.18);outline:none}.contact-form__input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-surface)inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.contact-form__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-surface)inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.contact-form__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-surface)inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.contact-form__input:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--color-surface)inset,0 0 0 3px rgba(var(--color-primary-rgb),.18)}.contact-form__textarea{resize:vertical;min-height:120px;line-height:1.5}.contact-form__input--error,.contact-form__input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #f8717129}.contact-form__error{font-size:var(--text-sm);color:var(--color-danger);margin-top:6px}.contact-form .contact-form__submit{width:fit-content;margin:var(--spacing-xs)auto 0;padding:var(--spacing-sm)var(--spacing-xl);display:flex}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-form__status{margin-top:var(--spacing-md);font-size:var(--text-base);text-align:center}.contact-form__status--success{color:var(--color-success)}.contact-form__status--error{color:var(--color-danger)}.contact-form__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}
.footer{padding:var(--spacing-lg)0;border-top:1px solid var(--color-border);background-color:var(--color-bg)}@media (max-width:767px){.route-home .footer{padding-bottom:calc(var(--spacing-lg) + 68px + env(safe-area-inset-bottom,0px))}}.footer__text{font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.footer__links{gap:var(--spacing-md)}.footer__link{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}