:root{--content-bg: #f5f5f5;--tab-inactive: rgba(255, 255, 255, .1);--tab-hover: rgba(255, 255, 255, .2);--text-dark: #333;--text-light: #fff}body{margin:0;font-family:Arial,sans-serif;background-color:var(--content-bg);color:var(--text-dark)}.banner{position:relative;height:100vh;background-size:cover;background-position:0% 30%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;overflow:hidden}.banner-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid white;margin-bottom:1rem;box-shadow:0 4px 10px #0006;transition:transform .3s ease}.banner-photo:hover{transform:scale(1.05)}.banner-tabs{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-evenly;align-items:center;z-index:2;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-socials{display:flex;justify-content:center;gap:20px;margin-top:1rem;z-index:1}.banner-socials a img{width:32px;height:32px;filter:brightness(0) invert(1);opacity:.8;transition:all .3s ease}.banner-socials a img:hover{opacity:1;transform:scale(1.1);filter:brightness(1) invert(0)}.email-wrapper{display:flex;align-items:center;position:relative;cursor:pointer}.email-icon{width:32px;height:32px;filter:brightness(0) invert(1);transition:transform .3s ease}.email-wrapper:hover .email-icon{transform:scale(1.1)}.email-text{position:absolute;left:40px;opacity:0;white-space:nowrap;transform:translate(-10px);color:#fff;font-size:.95rem;transition:all .3s ease;pointer-events:none}.email-text.visible{opacity:1;transform:translate(0);pointer-events:auto}.tab-button{flex:1;padding:12px 0;border:none;outline:none;background-color:var(--tab-inactive);color:var(--text-light);font-size:1rem;cursor:pointer;transition:all .3s ease}.tab-button:hover{background-color:var(--tab-hover)}.tab-button.active{background-color:var(--content-bg);color:var(--text-dark);border-top-left-radius:12px;border-top-right-radius:12px}.nav-tabs{display:flex;justify-content:space-evenly;align-items:stretch;width:100%;height:50px;background:transparent;z-index:2}