*{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}:root{--bg-color:#121316;--card-bg:#1c1c1f;--border-color:#312f2b;--text-primary:#e6e2d8;--text-secondary:#aba79c;--accent-gold:#c5a880;--accent-gold-hover:#dfc299;--accent-gold-muted:#c5a88026;--shadow-color:#0006;--highlight-color:#26272b;--hero-overlay:#12131699;--font-family:"EB Garamond", serif}:root.light{--bg-color:#fbfaf7;--card-bg:#f4f2eb;--border-color:#e2ded5;--text-primary:#1c1b18;--text-secondary:#5d5b54;--accent-gold:#9d7d54;--accent-gold-hover:#bda078;--accent-gold-muted:#9d7d541f;--shadow-color:#0000000f;--highlight-color:#eae7df;--hero-overlay:#fbfaf7a6}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:1.15rem;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);letter-spacing:.02em;color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--accent-gold);border-bottom:1px solid #0000;text-decoration:none;transition:all .3s}a:hover{color:var(--accent-gold-hover);border-color:var(--accent-gold-hover)}button{font-family:var(--font-family);cursor:pointer}.app-container{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex}@media (width>=600px){.app-container{padding:0 1.5rem}}main.content-area{flex:1;padding:1.5rem 0}@media (width>=768px){main.content-area{padding:3rem 0}}.card{background-color:var(--card-bg);border:1.5px solid var(--accent-gold);box-shadow:0 6px 24px var(--shadow-color);border-radius:4px;margin-bottom:1.5rem;padding:1.25rem;position:relative}@media (width>=600px){.card{padding:1.75rem}}@media (width>=768px){.card{margin-bottom:2rem;padding:2.5rem}}.profile-header{text-align:center;margin-bottom:2rem}@media (width>=768px){.profile-header{margin-bottom:4rem}}.profile-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin-bottom:.4rem;font-size:1.6rem;font-weight:600;line-height:1.2}@media (width>=480px){.profile-title{font-size:2rem}}@media (width>=768px){.profile-title{font-size:2.4rem}}.profile-tagline{color:var(--accent-gold);letter-spacing:.08em;margin-bottom:.5rem;font-size:1rem;font-style:italic;font-weight:400;line-height:1.4}@media (width>=768px){.profile-tagline{font-size:1.25rem}}.profile-meta{color:var(--text-secondary);letter-spacing:.05em;word-break:break-word;margin-top:.6rem;font-size:.9rem;line-height:1.6}@media (width>=480px){.profile-meta{font-size:1rem}}@media (width>=768px){.profile-meta{font-size:1.15rem}}.profile-meta a{color:inherit;border-bottom:1px dashed var(--border-color)}.profile-meta a:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.section-title{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.35rem;position:relative}@media (width>=768px){.section-title{margin-bottom:2rem;font-size:1.8rem}}.section-title:after{content:"";background-color:var(--accent-gold);width:40px;height:1px;position:absolute;bottom:-1px;left:0}.badge{border:1px solid var(--border-color);background-color:var(--highlight-color);color:var(--text-primary);border-radius:2px;margin-bottom:.4rem;margin-right:.4rem;padding:.3rem .6rem;font-size:.85rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block}@media (width>=768px){.badge{margin-bottom:.6rem;margin-right:.6rem;padding:.35rem .8rem;font-size:.95rem}}.badge:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.badge.active{background-color:var(--accent-gold-muted);border-color:var(--accent-gold);color:var(--accent-gold)}.btn-primary{color:var(--accent-gold);border:1px solid var(--accent-gold);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:2px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.9rem;transition:all .3s;display:inline-flex}@media (width>=768px){.btn-primary{padding:.6rem 1.4rem;font-size:1rem}}.btn-primary:hover{background-color:var(--accent-gold);transform:translateY(-1px);box-shadow:0 4px 12px #c5a88033;color:var(--bg-color)!important}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}