*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(2rem,8vh,4rem) 1.25rem clamp(1.5rem,5vw,3rem);background-color:#333}.page-background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:auto 100%;background-position:0% 50%;background-repeat:no-repeat;animation-name:pan-background;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes pan-background{0%{background-position:0% 50%}to{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.page-background{animation:none;background-size:cover;background-position:center}}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,4vw,1.75rem)}.profile{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 1.5rem;border-radius:20px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar{width:clamp(88px,22vw,128px);height:clamp(88px,22vw,128px);border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.9);box-shadow:0 6px 24px #00000040}.name{color:#fff;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.35)}.card{width:100%;max-width:440px;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0003;padding:clamp(1.25rem,4vw,2rem)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,3vw,1.25rem)}.link{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:clamp(78px,22.5vw,96px);text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer}.link-icon{display:flex;align-items:center;justify-content:center;width:clamp(78px,22.5vw,96px);height:clamp(78px,22.5vw,96px);border-radius:24px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0000001f}.link:hover .link-icon,.link:focus-visible .link-icon{transform:translateY(-3px);box-shadow:0 8px 16px #0000002e}.link-icon img{width:100%;height:100%;object-fit:cover;display:block}.link-title{font-size:.85rem;font-weight:500;color:#333;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:100}.modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:clamp(1.5rem,5vw,2.25rem)}.modal-close{position:absolute;top:.5rem;right:.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:1.5rem;line-height:1;color:#666;cursor:pointer;border-radius:50%}.modal-close:hover{background:#0000000f}.modal-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1.25rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;color:#444}.contact-form input,.contact-form textarea{font:inherit;padding:.6rem .75rem;border:1px solid #d8d8d8;border-radius:10px;color:#1a1a1a;resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px;border-color:#999}.contact-form button[type=submit]{margin-top:.25rem;padding:.7rem 1rem;border:none;border-radius:10px;background:#1a1a1a;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:opacity .15s ease}.contact-form button[type=submit]:disabled{opacity:.6;cursor:default}.modal-error{font-size:.85rem;color:#c0392b}.modal-success{font-size:.95rem;color:#2e7d32}