html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1e1b2e;color:#f0f0f0;line-height:1.6}a{color:#29fd53;text-decoration:none}a:hover{text-decoration:underline}section{max-width:800px;margin:80px auto;padding:2rem;background-color:#ffffff0a;border-radius:12px;box-shadow:0 0 10px #0003}h1,h2,h3{color:#fff;margin-bottom:1rem}button{padding:10px 20px;border:none;border-radius:6px;background-color:#29fd53;color:#1e1b2e;font-weight:700;cursor:pointer}button:hover{opacity:.9}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#262433}.menu{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center}.menu .toggle{position:absolute;width:75px;height:75px;background:#fff;color:#262433;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:3em;cursor:pointer;transition:.5s}.menu .toggle.active{transform:rotate(315deg);box-shadow:0 0 0 66px #fff;background:#262433;color:#fff}.menu li{position:absolute;left:10px;list-style:none;transform:rotate(calc(360deg / 8 * var(--i))) translate(40px);transform-origin:140px;visibility:hidden;opacity:0;transition:.5s;z-index:10}.menu.active li{visibility:visible;opacity:1}.menu li a{display:flex;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.75em;color:#262433;transform:rotate(calc(360deg / -8 * var(--i)));border-radius:50%}.menu.active li.active{transform:rotate(calc(360deg / 8 * var(--i))) translate(12px)}.indicator{position:absolute;left:calc(50% + 2.5px);transform-origin:right;width:100px;height:1px;background:transparent;pointer-events:none;transition:.5s}.indicator:before{content:"";position:absolute;top:-27.5px;left:72px;width:55px;height:55px;background:#262433;box-shadow:0 0 0 6px #262433;border-radius:50%;transition:.5s;opacity:0}.menu.active .indicator:before{opacity:1;top:-27.5px;left:-27.5px;background:#29fd53;box-shadow:0 0 0 6px #262433}.menu li:nth-child(2).active~.indicator{transform:translate(-103px) rotate(0)}.menu li:nth-child(3).active~.indicator{transform:translate(-103px) rotate(45deg)}.menu li:nth-child(4).active~.indicator{transform:translate(-103px) rotate(90deg)}.menu li:nth-child(5).active~.indicator{transform:translate(-103px) rotate(135deg)}.menu li:nth-child(6).active~.indicator{transform:translate(-103px) rotate(180deg)}.menu li:nth-child(7).active~.indicator{transform:translate(-103px) rotate(225deg)}.menu li:nth-child(8).active~.indicator{transform:translate(-103px) rotate(270deg)}.menu li:nth-child(9).active~.indicator{transform:translate(-103px) rotate(315deg)}.menu-wrapper{position:fixed;z-index:1000}.menu:not(.active) li{pointer-events:none}.menu-wrapper .menu{margin:0 auto}.project-card{background-color:#2e2a45;color:#f0f0f0;padding:1rem;border-radius:8px;box-shadow:0 0 8px #0000004d;transition:transform .2s ease}.project-card:hover{transform:translateY(-4px)}.project-card a{color:#29fd53}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.project-card{padding:1rem;border:1px solid #ccc;border-radius:8px;background:#393441;text-align:left}.project-card h3{margin-bottom:.5rem}.project-card a{color:#007bff;text-decoration:underline}