*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{color:#f0f0f0;-webkit-font-smoothing:antialiased;background:#000;font-family:Inter,sans-serif}.container{z-index:1;display:flex;position:relative}.text-hero{flex-shrink:0;align-items:center;height:100vh;padding:0 5vw;display:flex}.text-line{white-space:nowrap;align-items:center;display:flex}.char{color:#f0f0f0;opacity:0;will-change:transform;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,6rem);font-weight:800;line-height:1.15;display:inline-block}.photo-wrap{opacity:0;will-change:transform;background:linear-gradient(135deg,#ccc6c6,#0b0a72);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(20rem,5.5vw,6.5rem);height:clamp(20rem,5.5vw,6.5rem);margin:0 .15em;display:inline-flex;overflow:hidden;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.photo{object-fit:cover;width:100%;height:100%}.panel{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.panel-label{letter-spacing:3px;text-transform:uppercase;color:#fff3;z-index:2;margin-bottom:1rem;font-size:.75rem;position:relative}.panel h2{z-index:2;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;position:relative}.panel p{color:#ffffff59;margin-top:1rem;font-weight:300}.panel-student{position:relative;overflow:hidden}.s-circles{pointer-events:none;position:absolute;inset:0}.s-circle{border:1px solid #ffffff0a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-circle--1{width:550px;height:550px;animation:5s ease-in-out infinite sPulse}.s-circle--2{border-color:#3c78ff14;width:360px;height:360px;animation:5s ease-in-out .8s infinite sPulse}.s-circle--3{border-color:#3c78ff1f;width:180px;height:180px;animation:5s ease-in-out 1.6s infinite sPulse}@keyframes sPulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.2)}}.student-row{align-items:center;gap:1.5rem;margin-bottom:1.2rem;display:flex}.student-title{color:#f0f0f0;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:800}.uni-badge{background:linear-gradient(135deg,#a0a0ec,#fff);border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:clamp(3rem,6vw,8rem);height:clamp(3rem,6vw,8rem);padding:2px;animation:3s ease-in-out infinite badgeFloat;display:flex}.uni-logo{object-fit:contain;filter:brightness(1.2);width:100%;height:100%}@keyframes badgeFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}}.student-detail{letter-spacing:2px;color:#fff6;margin-top:0;margin-bottom:2.5rem;font-family:Syne,sans-serif;font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:700}.student-quote{color:#f0f0f0;text-align:center;max-width:550px;margin-top:0;font-family:Syne,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-style:italic;font-weight:800;line-height:1.4}.panel-about{position:relative;overflow:hidden}.about-bg{pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(50% 45%,#000000b6 0%,#0000 100%);mask-image:radial-gradient(50% 45%,#000000b6 0%,#0000 100%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 45%,#00000080 0%,#0000 100%)}.about-bg-img{object-fit:cover;filter:blur(18px)brightness(.8)saturate(.1);width:100%;height:100%;transform:scale(1.15)}.about-bubbles{pointer-events:none;z-index:1;position:absolute;inset:0}.game-bubble{background:linear-gradient(135deg,#1e285099,#0a0a28cc);border:2px solid #ffffff14;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0006}.gb-img{object-fit:cover;opacity:.5;filter:saturate(.7);width:100%;height:100%}.gb--1{width:130px;height:130px;animation:10s ease-in-out infinite gbDrift1;top:10%;left:6%}.gb--2{width:90px;height:90px;animation:12s ease-in-out infinite gbDrift2;top:65%;right:8%}.gb--3{width:70px;height:70px;animation:9s ease-in-out infinite gbDrift3;top:20%;right:14%}.gb--4{width:100px;height:100px;animation:11s ease-in-out 1s infinite gbDrift2;bottom:12%;left:10%}.gb--5{width:55px;height:55px;animation:8s ease-in-out 2s infinite gbDrift3;top:45%;left:20%}@keyframes gbDrift1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-20px)rotate(5deg)}50%{transform:translate(-10px,-40px)rotate(-3deg)}75%{transform:translate(-25px,10px)rotate(4deg)}}@keyframes gbDrift2{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-25px,30px)rotate(-6deg)}66%{transform:translate(20px,-15px)rotate(4deg)}}@keyframes gbDrift3{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)rotate(8deg)}}.about-text{text-align:center;z-index:2;max-width:550px;position:relative}.about-text p{color:#ddddddb4;margin-top:.6rem;font-family:Inter,sans-serif;font-size:clamp(.8rem,1.2vw,.95rem);font-weight:400;line-height:1.7}.panel-skills{position:relative;overflow:hidden}.skills-bubbles{pointer-events:none;position:absolute;inset:0}.skill-bubble{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.skill-bubble i{filter:drop-shadow(0 0 6px #ffffff26);font-size:2rem}.sb--1 i,.sb--2 i,.sb--8 i{font-size:2.2rem}.sb--3 i,.sb--4 i,.sb--7 i,.sb--9 i,.sb--11 i{font-size:1.8rem}.sb--5 i,.sb--6 i,.sb--10 i,.sb--12 i,.sb--13 i{font-size:1.5rem}.skill-bubble .devicon-nextjs-plain,.skill-bubble .devicon-wordpress-plain{color:#fff}.sb--1{width:90px;height:90px;animation:11s ease-in-out infinite gbDrift1;top:8%;left:5%}.sb--2{width:100px;height:100px;animation:13s ease-in-out infinite gbDrift2;top:5%;right:12%}.sb--3{width:75px;height:75px;animation:9s ease-in-out .5s infinite gbDrift3;bottom:15%;left:8%}.sb--4{width:80px;height:80px;animation:10s ease-in-out 1s infinite gbDrift1;bottom:8%;right:6%}.sb--5{width:65px;height:65px;animation:12s ease-in-out .3s infinite gbDrift2;top:35%;left:3%}.sb--6{width:65px;height:65px;animation:10s ease-in-out 1.5s infinite gbDrift3;top:60%;left:12%}.sb--7{width:70px;height:70px;animation:9s ease-in-out 2s infinite gbDrift1;top:15%;right:4%}.sb--8{width:85px;height:85px;animation:11s ease-in-out .8s infinite gbDrift2;bottom:25%;right:10%}.sb--9{width:70px;height:70px;animation:12s ease-in-out 1.2s infinite gbDrift3;top:55%;right:5%}.sb--10{width:60px;height:60px;animation:10s ease-in-out 1.8s infinite gbDrift1;bottom:5%;left:25%}.sb--11{width:70px;height:70px;animation:9s ease-in-out .6s infinite gbDrift2;top:75%;right:20%}.sb--12{width:65px;height:65px;animation:11s ease-in-out 2.2s infinite gbDrift3;top:10%;left:22%}.sb--13{width:60px;height:60px;animation:8s ease-in-out 1.4s infinite gbDrift1;bottom:35%;left:18%}.skills-text{z-index:2;gap:3rem;max-width:700px;margin-top:1.5rem;display:flex;position:relative}.skills-col h3{color:#ffffffb3;letter-spacing:1px;margin-bottom:.8rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.skills-col ul{padding:0;list-style:none}.skills-col li{color:#fff6;padding:.3rem 0 .3rem 1rem;font-family:Inter,sans-serif;font-size:clamp(.75rem,1.1vw,.85rem);font-weight:300;line-height:1.6;position:relative}.skills-col li:before{content:"";background:#5082ff80;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.spacer{display:none}@media (width<=768px){.container{flex-direction:column}.text-hero{width:100vw;max-width:100vw;height:100vh;padding:0;overflow:hidden}.text-line{white-space:nowrap;flex-shrink:0;width:max-content}.char{flex-shrink:0;font-size:clamp(1.6rem,8vw,2.5rem)}.photo-wrap{flex-shrink:0;width:3rem!important;height:3rem!important}.spacer{flex-shrink:0;width:100vw;height:50vh;display:block}.panel{text-align:center;width:100vw;height:auto;min-height:100vh;padding:3rem 1.5rem}.panel h2{text-align:center;font-size:clamp(1.6rem,7vw,2.5rem)}.panel p,.panel-label{text-align:center}.student-row{flex-wrap:wrap;justify-content:center;gap:.8rem}.student-title{font-size:clamp(1.6rem,7vw,2.5rem)}.uni-badge{width:3.5rem;height:3.5rem}.s-circle--1{width:260px;height:260px}.s-circle--2{width:170px;height:170px}.s-circle--3{width:90px;height:90px}.about-text{text-align:center;max-width:95vw;margin:0 auto;padding:0 .5rem}.about-text p{text-align:center;font-size:.82rem}.gb--1{width:80px;height:80px}.gb--2{width:60px;height:60px}.gb--3{width:50px;height:50px}.gb--4{width:65px;height:65px}.gb--5{width:40px;height:40px}.skills-text{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:95vw;padding:0 .5rem}.skill-bubble i{font-size:1.2rem}.sb--1 i,.sb--2 i,.sb--8 i{font-size:1.3rem}.sb--3 i,.sb--4 i,.sb--7 i,.sb--9 i,.sb--11 i{font-size:1.1rem}.sb--5 i,.sb--6 i,.sb--10 i,.sb--12 i,.sb--13 i{font-size:1rem}.sb--1{width:55px;height:55px}.sb--2{width:60px;height:60px}.sb--3,.sb--4{width:50px;height:50px}.sb--5,.sb--6{width:42px;height:42px}.sb--7{width:45px;height:45px}.sb--8{width:55px;height:55px}.sb--9{width:45px;height:45px}.sb--10{width:40px;height:40px}.sb--11{width:45px;height:45px}.sb--12{width:42px;height:42px}.sb--13{width:40px;height:40px}.skills-col li{text-align:left;font-size:.8rem}.skills-col h3{text-align:center}.skills-col ul{text-align:left;display:inline-block}}:root{--color-bg1:#00000f;--color-bg2:#000;--color1:0, 40, 180;--color2:0, 80, 255;--color3:0, 120, 220;--color4:0, 20, 100;--color5:0, 60, 160;--color-interactive:0, 50, 200;--circle-size:80%;--blending:hard-light}.gradient-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.gradient-bg svg{display:none}.gradients-container{filter:url(#goo)blur(40px);width:100%;height:100%}.gradients-container>div{width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);mix-blend-mode:var(--blending);opacity:.8;border-radius:50%;position:absolute}.g1{background:radial-gradient(circle at center, rgba(var(--color1), .8) 0, rgba(var(--color1), 0) 50%) no-repeat;animation:30s infinite moveVertical}.g2{background:radial-gradient(circle at center, rgba(var(--color2), .8) 0, rgba(var(--color2), 0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:20s infinite reverse moveInCircle}.g3{background:radial-gradient(circle at center, rgba(var(--color3), .8) 0, rgba(var(--color3), 0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);animation:40s linear infinite moveInCircle}.g4{background:radial-gradient(circle at center, rgba(var(--color4), .8) 0, rgba(var(--color4), 0) 50%) no-repeat;opacity:.7;animation:40s infinite moveHorizontal}.g5{background:radial-gradient(circle at center, rgba(var(--color5), .8) 0, rgba(var(--color5), 0) 50%) no-repeat;width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));opacity:.5;animation:20s infinite moveInCircle}.interactive{background:radial-gradient(circle at center, rgba(var(--color-interactive), .8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;opacity:.6;width:100%;height:100%;top:-50%;left:-50%}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%)translateY(-10%)}50%{transform:translate(50%)translateY(10%)}to{transform:translate(-50%)translateY(-10%)}}@media (width<=768px){:root{--circle-size:60%}.g3{top:calc(50% - var(--circle-size) / 2 + 80px);left:calc(50% - var(--circle-size) / 2 - 100px)}.g2{transform-origin:calc(50% - 150px)}}