.content-area{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.bio-layout{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.bio-left,.bio-right{flex:1 1 45%;display:flex;justify-content:center;align-items:center}.bio-left img{width:100%;max-width:650px;max-height:650px;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}.bio-right{flex-direction:column;justify-content:center;padding:1rem 2rem;color:var(--color-text)}.bio-right h2{font-size:2rem;margin-bottom:1rem;color:var(--color-primary)}.bio-right p{font-size:1.1rem;line-height:1.6;color:var(--color-text-muted)}@media (max-width: 768px){.bio-layout{flex-direction:column;text-align:center}}.card-layout{display:flex;padding-top:1rem;flex-wrap:wrap;gap:10rem}.text-layout{display:flex;flex-wrap:wrap;padding:1rem}.text-content p{font-size:1.1rem;line-height:1.6;color:var(--color-text-muted)}.card{width:400px;perspective:1000px;flex:0 1 auto}.card-inner{position:relative;width:100%;height:40rem;transition:transform .8s;transform-style:preserve-3d;cursor:pointer}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius);overflow:hidden;display:flex;justify-content:center;align-items:center}.card-front img{border-radius:var(--radius);width:100%;height:100%;object-fit:cover}.card-back{color:var(--color-text);border:.1rem solid var(--color-primary);transform:rotateY(180deg);flex-direction:column;text-align:center}@media (max-width: 900px){.card{width:100%;max-width:500px}.card-back{padding:0rem}}.header{display:flex;justify-content:space-between;align-items:center;margin:1rem;border-radius:var(--radius);padding:.5rem 1rem;background:linear-gradient(135deg,rgba(var(--color-medium-rgb),.7),#000c);color:var(--color-text);box-shadow:var(--shadow);flex-wrap:wrap;position:sticky;top:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:var(--color-text);flex-shrink:0}.nav-buttons-container{display:flex;gap:1rem;flex-grow:1;justify-content:center;flex-wrap:wrap}.social-buttons-container{display:flex;gap:1rem;padding-right:1rem}.social-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:transparent;border-radius:50%;color:var(--color-text);font-size:1.2rem;cursor:pointer;transition:background .3s,transform .2s,border .3s}.social-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);color:var(--color-dark)}.social-button a svg{color:var(--color-text)}.social-button:hover a svg{color:var(--color-dark)}.nav-button{background:transparent;border:2px solid transparent;color:var(--color-text);padding:0 1rem;text-decoration:none;font-size:1.2rem;cursor:pointer;border-radius:var(--radius);transition:background .3s,transform .2s,border .3s}.nav-button:hover{background:#ffffff1a;border-color:var(--color-primary-hover);transform:translateY(-2px)}.call-to-action-container{display:flex;gap:1rem}.call-to-action-button{display:flex;justify-content:center;align-items:center;background:var(--color-primary);color:var(--color-dark);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:background .3s,transform .2s,border .3s}.call-to-action-button:hover{background:var(--color-primary-hover);color:var(--color-text-muted);transform:translateY(-2px)}@media (max-width: 900px){.logo,.social-buttons-container,.call-to-action-container{display:none}}.links-layout{display:flex;flex-wrap:wrap;gap:10rem;padding:1rem;justify-content:center}.links-left,.links-right{display:flex;flex-direction:column;align-items:center}.links-left a,.links-right a{color:var(--color-primary);font-weight:700;text-decoration:none}.links-left a:visited,.links-right a:visited{color:var(--color-secondary)}.links-left a:hover,.links-right a:hover{color:var(--color-primary-hover)}:root{--color-primary: #009688;--color-primary-hover: #00796B;--color-secondary: #4DB6AC;--color-dark: #002d2a;--color-medium-rgb: 0, 105, 92;--color-medium: #00695C;--color-light: #B2DFDB;--color-text: #FFFFFF;--color-text-muted: #B0BEC5;--font-heading: "Montserrat", sans-serif;--font-body: "Inter", sans-serif;--radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .2)}body{margin:0;font-family:var(--font-body);line-height:1.6;color:var(--color-text);background:linear-gradient(135deg,#0009,#232f3e99),url(/constellation_bg.png);background-size:cover;background-position:center;background-attachment:fixed}h1,h2,h3{font-family:var(--font-heading);margin:0 0 1rem;line-height:1.2}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{font-size:1rem;color:var(--color-text-muted)}.container{max-width:1200px;margin:auto;padding:0 2rem}
