:root{--bg-primary: rgba(231, 230, 230, .9);--bg-white-transparent: rgba(245, 245, 245, .1);--text-primary: #141414;--border: #ebe5e5;--shadow: rgba(0, 0, 0, .2);--black: #000;--hover-bg: #e7e7e7;--bg-primary-darkMode: #121212;--bg-white-tranparent-darkMode: rgba(255, 255, 255, .05);--text-primary-darkMode: #00ffff;--border-darkMode: #333;--shadow-darkMode: rgba(255, 255, 255, .1);--color-darkMode: #f5f5f5;--bg-purple: #8b63e3;--bg-purple-transparent: rgba(139, 99, 227, .3)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;flex-direction:column;font-family:Red Hat Display,DM Sans;background-color:var(--bg-primary);gap:20px}.header{position:fixed;top:0;left:0;right:0;width:100%;background-color:var(--bg-purple-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--border);box-shadow:0 2px 20px var(--shadow)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:100%;position:relative}.nav-controls{display:flex;align-items:center;gap:.5rem}.logo{text-decoration:none;font-size:1.3rem;font-weight:700;z-index:1001;transition:color .3s ease;color:var(--text-primary)}.logo a{text-decoration:none;color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;transition:background-color .2s,color .2s}.logo a:hover{background-color:var(--hover-bg);color:var(--black);border-radius:6px}.nav-links{display:none;text-decoration:none;flex-direction:column;background-color:#fff;position:absolute;top:100%;left:0;right:0;padding:1rem 0;align-items:center;box-shadow:0 5px 15px var (--shadow);z-index:999;font-size:1.5rem;gap:1rem}.nav-links li{list-style:none}.nav-links.active{display:flex;height:auto;background-color:#fff}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:600;padding:0,5 1rem;transition:background-color .2,color .2s}.nav-links a:hover{background-color:var(--hover-bg);color:var(--black);border-radius:6px}.dark-mode-btn{display:flex;background-color:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary);text-align:center;gap:.5rem;text-decoration:none;padding:.5rem .75rem;border-radius:6px}.mobile-menu{display:flex;flex-direction:column;cursor:pointer;padding:.5rem;gap:4px;transition:transform .3s ease}.mobile-menu:hover{transform:scale(1.1)}.mobile-menu span{width:25px;height:3px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu.active span:nth-child(2){opacity:0}.mobile-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}main{flex:1;margin-top:5rem;padding-bottom:2rem}.about-me{display:flex;justify-content:center;align-items:center}.card-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;padding:20px}.card-columns{display:flex;flex-direction:column;gap:1rem}.profile{padding-top:1rem}.profile-description{display:flex;flex-direction:column}.information-block{padding:2rem 0;border-bottom:2px solid gray}.information-block h3{text-align:center;border-bottom:2px solid black}.avatar-img{display:flex;justify-content:center;align-items:center;object-fit:contain}.avatar-img img{width:150px;height:200px;border-radius:30%}.fullName{margin-top:1rem;width:100%}.jobCareer{display:flex;justify-content:center;align-items:center}.jobCareer h4{margin:.5rem}.media{display:flex;justify-content:center;align-items:center}.media img{padding:.5em;max-height:40px;max-width:40px}.profile-description{padding-top:1rem;border-top:2px solid var(--border);margin-top:1rem;display:flex;align-items:center}footer{display:flex;height:2rem;margin-top:auto;text-align:center;justify-content:center;align-items:center;background-color:var(--bg-white-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px);border-top:2px solid var(--border);box-shadow:0 2px 20px var(--shadow)}.footer p{font-size:.5rem;font-weight:600}body.dark-mode{color:var(--color-darkMode);background-color:var(--bg-primary-darkMode)}body.dark-mode .card-container{background-color:#1e1e1e;color:#fff}body.dark-mode .nav-links.active{background-color:var(--bg-primary-darkMode)}body.dark-mode .mobile-menu span{color:#fff}body.dark-mode .logo a,body.dark-mode .dark-mode-btn,body.dark-mode .nav-links a{color:var(--color-darkMode)}body.dark-mode .nav-links a:hover,body.dark-mode .logo a:hover{background-color:var(--hover-bg);color:var(--black)}@media (min-width: 768px){main{margin-top:10rem}.nav-controls{gap:1.5rem}.nav-links{display:flex;position:static;flex-direction:row;gap:1rem;width:auto;background-color:transparent;box-shadow:none}.nav-links li{list-style:none}.nav-links.active{background:transparent}body.dark-mode .nav-links.active{background-color:transparent}body.dark-mode .dark-mode-btn:hover{color:#000}.nav-links a{text-decoration:none;color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;transition:background-color .2s,color .2s}.nav-links a:hover,.dark-mode-btn:hover{background-color:var(--hover-bg);color:var(--black)}.mobile-menu{display:none}.card-columns{flex-direction:row}.profile,.profile-description{flex:1}.avatar-img{padding:0 5rem}.fullName{text-align:center}.profile-description{padding:0 10rem;border-top:none;border-left:2px solid var(--border);display:flex;align-items:center}footer{display:flex;height:4rem;margin-top:auto;text-align:center;justify-content:center;align-items:center;background-color:var(--bg-purple-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(12px);border-top:2px solid var(--border);box-shadow:0 2px 20px var(--shadow)}footer p{font-weight:600;font-size:.5rem}}