*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#111827;--color-primary-hover:#000;--color-bg:#f3f5f7;--color-surface:#fff;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-accent-green:#10b981;--color-accent-green-bg:#ecfdf5;--color-accent-blue:#3b82f6;--color-accent-blue-bg:#eff6ff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-card:0 4px 20px -2px rgba(0,0,0,.05);--container-width:800px}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-container{margin:0 auto;max-width:var(--container-width);min-height:100vh;padding:var(--spacing-md)}.nav-bar{align-items:center;background-color:var(--color-surface);border:1px solid hsla(0,0%,100%,.5);border-radius:var(--radius-full);box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:.75rem 1.5rem}.nav-links{display:flex;gap:1.5rem}.nav-icon{align-items:center;border-radius:50%;color:var(--color-text-secondary);display:flex;padding:.5rem;transition:color .2s}.nav-icon.active,.nav-icon:hover{background-color:var(--color-bg);color:var(--color-primary)}.card-surface{background-color:var(--color-surface);border:1px solid hsla(0,0%,100%,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-xl);position:relative}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.card-label,.card-title{align-items:center;display:flex;font-weight:700;justify-content:space-between}.card-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-sm{font-size:var(--font-size-xs);padding:.5rem 1.25rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-outline{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{background-color:var(--color-bg);border-color:var(--color-text-muted)}.btn-full{width:100%}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.025em;padding:.35rem .85rem;text-transform:uppercase}.badge-green{background-color:var(--color-accent-green-bg);color:var(--color-accent-green)}.badge-blue{background-color:var(--color-accent-blue-bg);color:var(--color-accent-blue)}.status-dot{background-color:var(--color-accent-green);border-radius:50%;height:6px;margin-right:6px;position:relative;width:6px}.status-dot:after{animation:pulse 2s infinite;border:2px solid var(--color-accent-green);border-radius:50%;content:"";inset:-2px;opacity:.5;position:absolute}@keyframes pulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{background-color:var(--color-bg);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:1rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{background-color:#e5e7eb;border-color:transparent;outline:none}.form-textarea{min-height:120px;resize:vertical}.profile-card{align-items:flex-start;display:flex;justify-content:space-between}.profile-content{flex:1}.profile-avatar{background-color:#e2e8f0;border-radius:50%;flex-shrink:0;height:140px;margin-left:var(--spacing-xl);overflow:hidden;width:140px}.profile-media{align-items:center;display:flex;flex-direction:column;margin-left:var(--spacing-xl)}.profile-media .profile-avatar{margin-left:0}.profile-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.list-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-item{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-lg);color:inherit;display:flex;padding:1.25rem;text-decoration:none;transition:all .2s}.list-item:hover{background-color:#e5e7eb;transform:scale(1.02)}.item-icon{align-items:center;background-color:var(--color-surface);border-radius:50%;box-shadow:0 2px 5px #0000000d;color:var(--color-primary);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;margin-right:var(--spacing-md);width:48px}.item-content{flex:1}.item-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:2px}.item-subtitle{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.item-arrow{font-size:1.25rem}.item-arrow,.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:700}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-lg)}.grid-2{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.view-all{border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:700;padding:4px 8px;transition:background .2s}.view-all:hover{background-color:var(--color-bg);color:var(--color-primary)}@media(max-width:768px){.grid-2{grid-template-columns:1fr}.profile-card{align-items:flex-start;flex-direction:column-reverse;gap:var(--spacing-lg)}.profile-media{align-items:flex-start;margin-bottom:1rem;margin-left:0}.profile-avatar{height:100px;margin-bottom:0;margin-left:0;width:100px}.nav-bar{justify-content:center;padding:.75rem}.nav-links{gap:1.5rem;justify-content:space-around;width:100%}.nav-cta{display:none}.profile-content h1{font-size:1.75rem!important}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:2rem;position:relative;transform:translateY(20px);transition:all .3s cubic-bezier(.16,1,.3,1);width:90%}.modal-overlay.active .modal-content{transform:translateY(0)}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:32px}.close-btn:hover{background-color:var(--color-bg);color:var(--color-text-primary)}.contact-card-trigger{align-items:center;background-image:radial-gradient(circle at center,var(--color-bg) 0,transparent 70%);border:1px dashed var(--color-border);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:2rem;text-align:center;transition:all .3s ease}.contact-card-trigger:hover{background-color:var(--color-bg);border-color:var(--color-text-muted);box-shadow:var(--shadow-card);transform:translateY(-4px)}.pulse-ring{align-items:center;background-color:var(--color-accent-green-bg);border-radius:50%;color:var(--color-accent-green);display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;width:80px}.pulse-ring:before{animation:pulse-ring 2s infinite;border:2px solid var(--color-accent-green);border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.error-page-wrapper[data-v-f83a38c5]{--color-primary:#111827;--color-bg:#f3f5f7;--color-surface:#fff;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-text-secondary:#6b7280;--radius-lg:1rem;--radius-sm:.5rem;background-color:var(--color-bg);display:flex;font-family:Inter,system-ui,sans-serif;justify-content:center;min-height:100vh}.error-page[data-v-f83a38c5]{display:flex;flex-direction:column;justify-content:space-between;max-width:800px;min-height:100vh;padding:1rem;width:100%}.error-header[data-v-f83a38c5]{padding:1rem 0}.error-content[data-v-f83a38c5],.error-header[data-v-f83a38c5]{display:flex;justify-content:center}.error-content[data-v-f83a38c5]{align-items:center;flex:1;flex-direction:column;padding:2rem 0;text-align:center}.avatar-container[data-v-f83a38c5]{height:120px;margin-bottom:2rem;position:relative;width:120px}.avatar-img[data-v-f83a38c5]{background-color:#e2e8f0;border:4px solid var(--color-bg);border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:2}.avatar-ring[data-v-f83a38c5]{border:1px solid var(--color-border);border-radius:50%;inset:-10px;position:absolute;z-index:1}.error-title[data-v-f83a38c5]{color:var(--color-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem}.error-subtitle[data-v-f83a38c5]{color:var(--color-text-muted);font-size:1.125rem;margin-bottom:2rem}.action-buttons[data-v-f83a38c5]{display:flex;gap:1rem}.error-footer[data-v-f83a38c5]{margin-top:auto;width:100%}.social-card[data-v-f83a38c5]{align-items:center;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;justify-content:space-between;padding:1rem 1.5rem}.social-icons[data-v-f83a38c5]{display:flex;gap:1rem}.social-icon[data-v-f83a38c5]{border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;padding:.5rem;text-decoration:none;transition:all .2s}.social-icon[data-v-f83a38c5]:hover{background-color:var(--color-bg);color:var(--color-primary)}.is-flex[data-v-f83a38c5]{display:flex}.items-center[data-v-f83a38c5]{align-items:center}.gap-2[data-v-f83a38c5]{gap:.5rem}.text-muted[data-v-f83a38c5]{color:var(--color-text-muted)}.text-center[data-v-f83a38c5]{text-align:center}.text-xs[data-v-f83a38c5]{font-size:.75rem}.mt-lg[data-v-f83a38c5]{margin-top:1.5rem}.status-dot[data-v-f83a38c5]{border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.btn[data-v-f83a38c5]{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary[data-v-f83a38c5]{background-color:var(--color-primary);color:#fff}.btn-primary[data-v-f83a38c5]:hover{opacity:.9;transform:translateY(-1px)}.btn-outline[data-v-f83a38c5]{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary)}.btn-outline[data-v-f83a38c5]:hover{background-color:var(--color-bg)}@media(max-width:640px){.social-card[data-v-f83a38c5]{flex-direction:column;gap:1rem;padding:1.5rem}.social-icons[data-v-f83a38c5]{flex-wrap:wrap;justify-content:center}.action-buttons[data-v-f83a38c5]{flex-direction:column;max-width:300px;width:100%}.action-buttons button[data-v-f83a38c5]{width:100%}}