:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.skills-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#2f4f4f;color:#fff;font-family:Arial,sans-serif;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.skills-container.fade-in{opacity:1;transform:translateY(0)}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;text-align:center;margin-right:20%;color:#fff;font-family:Arial,sans-serif}.title{font-size:3rem;margin-top:10rem;margin-bottom:2rem;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;opacity:0;transform:translateY(20px);transition:all .8s ease-out;will-change:transform,opacity}.fade-in{opacity:1!important;transform:translateY(0)!important}.bio{max-width:800px;margin:0 auto 2rem;line-height:1.6;font-size:1.1rem;padding:0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.829);opacity:0;transform:translateY(20px);transition:all .8s ease-out;transition-delay:.2s;will-change:transform,opacity}.buttons{opacity:0;filter:drop-shadow(0 0 .4s rgba(0,0,0,.8));transform:translateY(20px);transition:all .8s ease-out;transition-delay:.4s;will-change:transform,opacity}.social-icon{width:128px;height:128px;cursor:pointer;transition:opacity .3s;filter:invert(0) brightness(150%) grayscale(100%);margin:0 10px}.social-icon:hover{opacity:.8}.section-2{min-height:100vh;background-color:#2f4f4f;color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.section-2.fade-in{opacity:1;transform:translateY(0)}.section-2{padding:2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center}.container{position:relative;height:70vh;width:100vw;overflow:hidden;opacity:0;transition:opacity 1s ease-out;will-change:opacity}.container.fade-in{opacity:1}.title.slide-in,.bio.slide-in-delayed,.buttons.fade-in-delayed{opacity:1;transform:translateY(0)}.blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(to bottom,rgba(140,140,140,.712) 0%,transparent 15%,transparent 60%,rgba(89,157,135,.351) 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-banner{position:fixed;top:0;left:0;width:100%;background-color:#32cd32;color:#fff;padding:1rem;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0003}.top-banner-content{display:flex;align-items:center;gap:1rem}.top-banner-text{font-size:1rem;margin:0}.top-banner-button{padding:.5rem 1rem;border:1px solid white;border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.top-banner-button:hover{background-color:#fff;color:#000}.skills-container{min-height:100vh;padding:80px 20px 20px;background-color:#1a1a1a;color:#fff}.top-banner-button{padding:.5rem 1rem;margin-left:1rem;background-color:transparent;color:#fff;border:1px solid white;cursor:pointer;text-decoration:none;display:inline-block}.top-banner-button:hover{background-color:#ffffff1a}.chat-container{width:80%;max-width:800px;background-color:#000c;border-radius:10px;padding:1rem;margin-top:2rem}.chat-history{height:400px;overflow-y:auto;margin-bottom:1rem;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:5px}.chat-message{margin-bottom:1rem;padding:.5rem;border-radius:5px}.chat-message.user{background-color:#0064c833;margin-left:20%}.chat-message.assistant{background-color:#00c86433;margin-right:20%}.chat-input{display:flex;gap:1rem}.chat-input textarea{flex:1;padding:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;resize:none}.chat-input button{padding:.5rem 1rem;background-color:transparent;color:#fff;border:1px solid white;border-radius:5px;cursor:pointer;transition:all .3s ease}.chat-input button:hover{background-color:#ffffff1a}.chat-input button:disabled{opacity:.5;cursor:not-allowed}