:root{color:#fff;scroll-behavior:smooth;background:#2b2e30;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.navbar{background:var(--nav);z-index:1000;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:all .3s;display:flex;position:sticky;top:0}.navbar.blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23262866;border-radius:32px;margin:0 auto;padding:1rem 2rem;top:20px;transform:scale(.95)}.navbar h1{color:var(--primary);z-index:1001;font-size:1.5rem}.navbar .menu-toggle{cursor:pointer;z-index:1001;flex-direction:column;justify-content:center;gap:5px;display:none}.navbar .menu-toggle span{background:var(--secondary);border-radius:4px;width:25px;height:3px;transition:all .3s}.navbar ul{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.navbar ul li a{color:var(--secondary);text-decoration:none;transition:color .2s}.navbar ul li a:hover{color:var(--highlight)}@media (width<=768px){.navbar .menu-toggle{display:flex}.navbar ul{background:var(--nav);opacity:0;visibility:hidden;border-radius:32px;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;padding:1rem 2rem;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.navbar ul li{width:100%}.navbar ul li a{width:100%;display:block}.navbar.active ul{opacity:1;visibility:visible;transform:translateY(0)}.navbar.active .menu-toggle span:first-child{transform:rotate(45deg)translateY(11px)}.navbar.active .menu-toggle span:nth-child(2){opacity:0}.navbar.active .menu-toggle span:nth-child(3){transform:rotate(-45deg)translateY(-11px)}}.home{justify-content:center;align-items:center;min-height:100vh;margin:0 auto;padding:2rem 1rem;font-size:36px;display:flex}.home .highlight{color:var(--highlight)}.home .container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:center;width:70%;padding:32px;display:flex}.home .container span{margin-bottom:48px;line-height:1.4}.home .container .small{text-align:center;margin-bottom:0;padding-top:48px;font-size:24px}.home .container .links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.home .container .links a{color:var(--secondary);text-decoration:none;transition:color .2s}.home .container .links a:hover{color:var(--highlight)}@media (width<=992px){.home{font-size:30px}.home .container{width:85%;padding:28px}.home .container .small{font-size:20px}}@media (width<=768px){.home{padding:1.5rem 1rem;font-size:24px}.home .container{border-radius:24px;width:100%;padding:24px}.home .container span{margin-bottom:32px}.home .container .small{padding-top:32px;font-size:18px}.home .container .links{gap:12px}}@media (width<=480px){.home{font-size:20px}.home .container{border-radius:20px;padding:18px}.home .container span{margin-bottom:24px}.home .container .small{padding-top:24px;font-size:16px}.home .container .links{flex-direction:column;align-items:center;gap:10px}}.about{max-width:70%;margin:0 auto;padding-top:2rem;font-size:32px}.about hr{border-color:var(--nav)}.about .highlight{color:var(--highlight)}.about .card{flex-direction:row;gap:24px;margin:48px 0;display:flex}.about .card.right{justify-content:flex-end}.about .card .text-container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:flex-start;gap:25px;width:50%;padding:32px;display:flex}@media (width<=992px){.about{max-width:85%;font-size:26px}.about .card .text-container{width:70%;padding:24px}}@media (width<=768px){.about{max-width:92%;padding-top:1.5rem;font-size:20px}.about .card{flex-direction:column;align-items:center;margin:32px 0}.about .card.right{justify-content:center}.about .card .text-container{border-radius:24px;gap:18px;width:100%;padding:20px}}@media (width<=480px){.about{font-size:18px}.about .card{margin:24px 0}.about .card .text-container{gap:14px;padding:16px}}.banner{background:var(--nav);text-align:center;color:var(--primary);padding:30px 0;font-size:32px}@media (width<=768px){.banner{padding:20px 12px;font-size:24px}}@media (width<=480px){.banner{padding:16px 10px;font-size:20px}}.projects{max-width:70%;margin:0 auto;padding-top:2rem;font-size:32px}.projects hr{border-color:var(--nav)}.projects .highlight{color:var(--highlight)}.projects .card{flex-direction:row;gap:24px;margin:48px 0;display:flex}.projects .card.right{justify-content:flex-end}.projects .card .text-container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:flex-start;gap:25px;width:50%;padding:32px;display:flex}@media (width<=992px){.projects{max-width:85%;font-size:26px}.projects .card .text-container{width:70%;padding:24px}}@media (width<=768px){.projects{max-width:92%;padding-top:1.5rem;font-size:20px}.projects .card{flex-direction:column;align-items:center;margin:32px 0}.projects .card.right{justify-content:center}.projects .card .text-container{border-radius:24px;gap:18px;width:100%;padding:20px}}@media (width<=480px){.projects{font-size:18px}.projects .card{margin:24px 0}.projects .card .text-container{gap:14px;padding:16px}}.contact{justify-content:center;align-items:center;margin:0 auto;padding:4rem 1rem;font-size:36px;display:flex}.contact .highlight{color:var(--highlight)}.contact .container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;text-align:center;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:center;width:70%;padding:32px;display:flex}.contact .container span{margin-bottom:48px;line-height:1.4}.contact .container .small{margin-bottom:0;padding-top:48px;font-size:24px}.contact .container .links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact .container .links a{color:var(--secondary);text-decoration:none;transition:color .2s}.contact .container .links a:hover{color:var(--highlight)}@media (width<=992px){.contact{font-size:30px}.contact .container{width:85%;padding:28px}.contact .container .small{font-size:20px}}@media (width<=768px){.contact{padding:3rem 1rem;font-size:24px}.contact .container{border-radius:24px;width:100%;padding:24px}.contact .container span{margin-bottom:32px}.contact .container .small{padding-top:32px;font-size:18px}.contact .container .links{gap:12px}}@media (width<=480px){.contact{font-size:20px}.contact .container{border-radius:20px;padding:18px}.contact .container span{margin-bottom:24px}.contact .container .small{padding-top:24px;font-size:16px}.contact .container .links{flex-direction:column;align-items:center;gap:10px}}:root{--highlight:#7e57c2;--nav:#232628;--primary:#639;--secondary:#8864c7}