*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,#16465755,transparent 30%),linear-gradient(135deg,#06131b,#0d2732);color:#f5faf9;font:15px "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:fixed;z-index:9;top:18px;left:50%;transform:translateX(-50%);width:min(1220px,calc(100% - 34px));height:62px;padding:0 20px;border:1px solid #ffffff20;border-radius:22px;background:#071923bb;backdrop-filter:blur(18px);display:flex;align-items:center}.logo{font-weight:700;letter-spacing:.14em}.logo span,footer span{color:#2de0cf}nav{margin:auto;display:flex;gap:32px}nav a{font-size:12px;color:#9cafb2}nav a:hover{color:#36a7ff}#theme{border:1px solid #ffffff22;border-radius:20px;background:transparent;color:white;width:40px;height:34px}.hero,.explorer,.contact,footer{width:min(1220px,calc(100% - 50px));margin:auto}.hero{min-height:100vh;padding-top:125px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.available{display:inline-block;padding:8px 13px;border:1px solid #64dfad55;border-radius:30px;color:#c9f1df;font-size:11px;margin-bottom:22px}.available:first-letter{color:#64dfad}.eyebrow{color:#2de0cf;font-size:10px;letter-spacing:.2em;font-weight:700}h1{font-size:clamp(58px,7vw,92px);line-height:.95;margin:12px 0}h1 b{background:linear-gradient(90deg,#398cff,#2de0cf,#64dfad);-webkit-background-clip:text;color:transparent}h2{font-size:clamp(24px,3vw,38px);margin:0}i{font-family:"Playfair Display",serif;color:#64dfad}.intro{max-width:580px;color:#9cafb2;line-height:1.8;margin:24px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button,.actions a{padding:14px 20px;border-radius:10px;font-weight:700;font-size:12px}.actions button{border:0;background:linear-gradient(90deg,#368fff,#2de0cf);color:#062027}.actions a{border:1px solid #ffffff22}.social{display:flex;gap:10px;margin-top:25px}.social a{width:38px;height:38px;border:1px solid #ffffff20;border-radius:50%;display:grid;place-items:center;font-size:12px}.portrait{height:570px;position:relative;display:grid;place-items:center}.photo{width:min(430px,66vw);aspect-ratio:1;border:2px solid white;border-radius:50%;padding:8px;background:radial-gradient(circle,#1b9dcc,#0c3c56 60%);box-shadow:0 0 90px #2de0cf33}.photo img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%}.orbit{position:absolute;border:1px solid #2de0cf55;border-radius:50%}.orbit.a{width:500px;height:500px}.orbit.b{width:600px;height:600px;border-color:#ffffff12}.badge{position:absolute;width:55px;height:55px;border:1px solid #ffffff22;border-radius:50%;background:#0a2430;display:grid;place-items:center;font-weight:700;box-shadow:0 10px 30px #0006}.java{left:11%;top:24%;color:#ffb45c}.code{right:8%;top:18%;color:#62c8ff}.c{left:13%;bottom:22%;color:#7baaff}.py{right:9%;bottom:22%;color:#ffd45d}.explorer{padding:130px 0 80px}.heading{max-width:650px;margin-bottom:50px}.heading h2{font-size:clamp(38px,5vw,60px);line-height:1.1}.heading p:last-child{color:#9cafb2}.layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.wheelbox{min-height:590px;display:grid;place-items:center;position:relative}.wheel{width:min(520px,78vw);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#105066 0 16.66%,#0d3444 16.66% 33.33%,#104b4b 33.33% 50%,#163f56 50% 66.66%,#123f49 66.66% 83.33%,#17394d 83.33%);border:1px solid #ffffff2a;box-shadow:0 0 90px #2de0cf1f;transition:transform 1.2s cubic-bezier(.17,.67,.17,1)}.wheel:before{content:"";position:absolute;inset:17%;border:1px dashed #ffffff2c;border-radius:50%}.w{position:absolute;left:50%;top:50%;width:120px;height:55px;margin:-27px -60px;border:0;background:transparent;color:#c7d7d9;font-size:9px;letter-spacing:.13em;font-weight:700;transform:rotate(var(--r)) translateY(-190px) rotate(calc(var(--r)*-1));transition:.2s}.w:hover{color:#fff;text-shadow:0 0 14px #2de0cf}.w1{--r:0deg}.w2{--r:60deg}.w3{--r:120deg}.w4{--r:180deg}.w5{--r:240deg}.w6{--r:300deg}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#2de0cf,#117ba0 65%,#0a3242);border:5px solid #ffffffbb;box-shadow:0 0 35px #2de0cf55}.center b{font-size:23px}.center small{font-size:8px;letter-spacing:.2em}.pointer{position:absolute;top:5px;left:50%;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:0;border-top:24px solid #2de0cf;filter:drop-shadow(0 0 8px #2de0cf)}.spin{position:absolute;bottom:2px;border:1px solid #2de0cf88;background:#071923;color:#2de0cf;padding:12px 22px;border-radius:30px;font-weight:700;font-size:11px}.panel{min-height:430px;border:1px solid #ffffff1b;border-radius:25px;padding:40px;background:#0c2027c7;backdrop-filter:blur(15px)}.paneltop{display:flex;justify-content:space-between;color:#2de0cf;font-size:10px;letter-spacing:.18em;font-weight:700}.panel h3{font-size:clamp(30px,4vw,45px);line-height:1.1;margin:25px 0 18px}.panel>p{color:#9cafb2;line-height:1.9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.stat{padding:17px;border:1px solid #ffffff15;border-radius:13px}.stat strong,.stat small{display:block}.stat strong{font-size:21px}.stat small{color:#9cafb2;font-size:9px;text-transform:uppercase}.prevnext{display:flex;justify-content:space-between;margin-top:35px}.prevnext button{border:0;background:none;color:#9cafb2;font-size:11px}.prevnext button:hover{color:#2de0cf}.contact{margin-top:70px;margin-bottom:100px;padding:60px;border:1px solid #ffffff18;border-radius:25px;background:#0c2027c7;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(35px,5vw,57px)}.contact p:last-child{color:#9cafb2}.contact>div:last-child{display:flex;flex-direction:column;gap:15px;text-align:right;font-size:12px;color:#9cafb2}.contact a:hover{color:#2de0cf}footer{border-top:1px solid #ffffff15;padding:25px 0 35px;display:flex;justify-content:space-between;color:#9cafb2;font-size:10px}footer strong{color:white;letter-spacing:.13em}
@media(max-width:900px){.hero,.layout{grid-template-columns:1fr}.portrait{height:500px}.wheelbox{min-height:550px}.contact{display:block}.contact>div:last-child{text-align:left;margin-top:25px}nav{gap:16px}}
@media(max-width:600px){header{top:8px;width:calc(100% - 16px)}nav{display:none}.hero,.explorer,.contact,footer{width:calc(100% - 28px)}.hero{padding-top:125px}.portrait{height:410px}.photo{width:290px}.orbit.a{width:340px;height:340px}.orbit.b{width:400px;height:400px}.badge{width:45px;height:45px}.wheel{width:330px}.w{width:88px;margin-left:-44px;font-size:7px;transform:rotate(var(--r)) translateY(-120px) rotate(calc(var(--r)*-1))}.center{width:105px;height:105px}.wheelbox{min-height:410px}.stats{grid-template-columns:1fr}.contact{padding:35px 25px}footer{flex-direction:column;gap:8px;text-align:center}}