@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Montserrat:wght@700;900&display=swap";:root{--primary: #2D0C57;--secondary: #8A2BE2;--background: #121212;--text: #FFFFFF;--accent: #FF5252;--card-bg: #1E1E1E;--nav-bg: #0A0A0A;--transition-speed: .3s;--transition-function: cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--primary: #FAFAFA;--secondary: #F5F5F5;--background: #FAFAFA;--text: #333333;--accent: #e9c600;--card-bg: #FFFFFF;--nav-bg: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background);color:var(--text);transition:background-color var(--transition-speed) var(--transition-function);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:1rem}h1{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}h2{font-size:2.5rem;position:relative;display:inline-block}h2:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:4px;background-color:var(--accent);transform:skew(-20deg)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-speed) var(--transition-function)}a:hover{color:var(--secondary)}button{cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;padding:.75rem 1.5rem;background-color:var(--accent);color:var(--text);border:none;transform:skew(-10deg);transition:all var(--transition-speed) var(--transition-function)}button:hover{background-color:var(--secondary);transform:skew(-10deg) scale(1.05)}.persona-card{background-color:var(--card-bg);border-radius:0;padding:1.5rem;margin:1rem 0;position:relative;overflow:hidden;transition:transform var(--transition-speed) var(--transition-function);box-shadow:0 4px 20px #0003}.persona-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--accent);transform:translate(-100%);transition:transform .5s var(--transition-function)}.persona-card:hover{transform:translateY(-5px)}.persona-card:hover:before{transform:translate(0)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}.container{padding:0 1.5rem}}