*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#190730;font-family:Arial,sans-serif}nav{background-color:#0f0120;justify-content:center;padding:20px;display:flex}nav ul{flex-wrap:wrap;justify-content:center;gap:3rem;list-style:none;display:flex}nav a{color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none}nav a:hover{color:#790b91}section{padding:50px}h1{justify-content:center;margin-bottom:2rem;font-size:clamp(1.6rem,8vw,3rem);display:flex}h2{margin-bottom:1.5rem;font-size:clamp(1.25rem,4vw,2rem)}p{margin-bottom:1rem}.page-content{max-width:1200px;margin:0 auto;padding:2rem}.project-card{background-color:#1e293b;border-radius:16px;margin-bottom:2rem;padding:2rem}.view-project-btn{color:#fff;background-color:#13023e;border:2px solid #0000;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.view-project-btn:hover{color:#fff;background-color:#790b91;transform:translateY(-2px)}.view-project-btn:active{transform:translateY(0)}.view-project-btn:visited{color:#fff}.detail-card{background-color:#1e293b;border-radius:16px;margin-top:2rem;padding:2rem}.detail-card h2{color:#790b91;margin-bottom:1rem}.styled-list{padding:0;list-style:none}.styled-list li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.styled-list li:before{content:"▸";color:#790b91;position:absolute;left:0}.tech-list{flex-wrap:wrap;gap:.75rem;display:flex}.tech-pill{color:#fff;background-color:#13023e;border-radius:999px;padding:.5rem 1rem;font-weight:600}.challenge-card{background-color:#28384d;border-radius:12px;margin-top:1rem;padding:1rem}.challenge-card h3{color:#790b91;margin-bottom:.5rem}.hero-card{text-align:center;background-color:#1e293b;border-radius:20px;margin-top:2rem;padding:4rem 2rem}.hero-card h1{margin-bottom:1rem;font-size:clamp(3rem,8vw,5rem)}.hero-card h2{color:#790b91;margin-bottom:2rem}.hero-card p{max-width:800px;margin:0 auto 2rem;font-size:1.2rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.primary-btn{color:#fff;background-color:#13023e;border-radius:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .2s}.primary-btn:hover{background-color:#790b91;transform:translateY(-2px)}.secondary-btn{color:#fff;background-color:#13023e;border-radius:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .2s}.secondary-btn:hover{color:#fff;background-color:#790b91}.detail-card a{color:#fff;font-weight:600;text-decoration:none}.detail-card a:hover{text-decoration:underline}.contact-link{color:#fff;background-color:#13023e;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.contact-link:hover{background-color:#790b91;transform:translateY(-2px)}.contact-link:visited{color:#fff}.carousel{width:100%;margin:2rem 0;position:relative}.carousel-content{width:100%}.carousel-media{object-fit:contain;border-radius:16px;width:100%;max-height:600px;display:block}.carousel-btn{color:#fff;cursor:pointer;z-index:5;background-color:#0f172acc;border:none;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:first-child{left:15px}.carousel-btn:last-child{right:15px}