*{box-sizing:border-box}html,body,#root{width:100%!important;max-width:100%!important;min-width:100%!important;height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}body{background:linear-gradient(135deg,#040810,#0f1621,#14181d);color:#e2e8f0}.container{display:flex;height:100vh;width:100%!important;max-width:100%!important;min-width:100%!important;background:linear-gradient(135deg,#040810,#0f1621,#181d23);position:relative;overflow-x:hidden;overflow-y:auto}.left-section,.right-section{flex:1;min-width:0;width:50%;max-width:50%;padding:2rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;position:relative;z-index:1}.left-section{background:#0f172a4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(59,130,246,.2)}.right-section{perspective:1000px;position:relative;overflow:hidden;background:#1e293b33}.right-section:before{content:"";position:absolute;inset:20px;background:#1e293b66;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:24px;border:1px solid rgba(59,130,246,.3);box-shadow:0 25px 50px #0006,inset 0 1px #94a3b833,0 0 0 1px #3b82f61a;z-index:0}.cube-container{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.23,1,.32,1);z-index:1;transform-origin:center center}.cube-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:20px;transition:opacity .3s ease}.cube-face.front{transform:translateZ(0)}.cube-face.back{transform:rotateY(180deg) translateZ(0)}.cube-container.rotating{transform:rotateY(180deg) scale(1.02);filter:brightness(1.1) contrast(1.05);transition:transform 1.2s cubic-bezier(.23,1,.32,1),filter 1.2s ease,box-shadow 1.2s ease;box-shadow:0 20px 40px #0000004d,0 0 20px #3b82f633}.cube-container.rotating:before{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,#3b82f61a,#9333ea1a,#10b9811a,#3b82f61a);border-radius:30px;z-index:-1;filter:blur(20px);opacity:.6;animation:rotatingGlow 1.2s ease-in-out}@keyframes rotatingGlow{0%,to{opacity:0;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}}.cube-container.rotating .cube-face{transition:opacity .6s ease}.right-section:has(.cube-container.rotating):before{border-color:#3b82f680;box-shadow:0 30px 60px #00000080,inset 0 1px #94a3b84d,0 0 0 2px #3b82f633,0 0 30px #3b82f61a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:all 1.2s ease}.right-section{perspective:1200px;perspective-origin:center center;position:relative;overflow:hidden;background:#1e293b33}.content,.scrollable-content{animation:fadeInUp .8s cubic-bezier(.23,1,.32,1);transition:transform .3s ease}.cube-container:not(.rotating):hover{transform:translateY(-2px);transition:transform .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.content{text-align:center;max-width:90%;height:100%;padding:1.5rem;box-sizing:border-box;color:#e2e8f0;width:100%}.scrollable-content{text-align:center;max-width:90%;height:100%;padding:1.5rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;color:#e2e8f0;width:100%}h1,h2{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.3)}h1{font-weight:700;font-size:2.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}h2{font-weight:600;font-size:1.8rem;color:#cbd5e1;margin-bottom:1.5rem}p{color:#94a3b8;line-height:1.7;font-size:1rem}.exploring-section h2{margin-bottom:1.5rem;font-size:1.8rem;color:#60a5fa}.exploring-list{list-style-type:none;padding:0;margin:1.5rem 0}.exploring-list li{margin:1rem 0;font-size:1.2rem;position:relative;padding-left:2rem;color:#cbd5e1;transition:all .3s ease}.exploring-list li:before{content:"▶";position:absolute;left:0;color:#60a5fa;font-weight:700;font-size:.8rem;top:50%;transform:translateY(-50%)}.exploring-list li:hover{color:#f1f5f9;transform:translate(5px)}.exploring-list li:hover:before{color:#34d399}.ai-statement{color:#f1f5f9;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#3b82f61a,#9333ea1a,#10b9811a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(59,130,246,.3);box-shadow:0 8px 32px #0003,inset 0 1px #94a3b81a;position:relative;overflow:hidden}.ai-statement:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa,#34d399)}.navigation-hint{margin-top:110%;font-size:.9rem;opacity:.8;color:#bfc6d0;text-align:center;font-style:italic}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:#1e293b4d;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:4px;transition:all .3s ease}.scrollable-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 10px #3b82f666}.scrollable-content{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(30,41,59,.3)}.coursework-section{min-height:fit-content;padding-bottom:2rem}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}.content::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:3px}.content::-webkit-scrollbar-thumb:hover{background:#3b82f699}.intro{margin-top:20%}@media (min-width: 1440px){.left-section,.right-section{padding:3rem}h1{font-size:3rem}h2{font-size:2rem}}@media (max-width: 1280px){h1{font-size:2.2rem}h2{font-size:1.6rem}}@media (max-width: 1024px){.left-section,.right-section{padding:1.5rem}h1{font-size:2rem}h2{font-size:1.5rem}.navigation-hint{margin-top:25%;font-size:.8rem}}@media (max-width: 768px){html,body,#root{overflow:auto!important;height:auto!important;width:100%!important;max-width:100%!important;min-width:100%!important}body:before{position:absolute;inset:0}.container{flex-direction:column;height:auto!important;min-height:100vh;overflow:visible;width:100%!important;max-width:100%!important;min-width:100%!important;overflow-x:hidden}.left-section{order:1;height:auto!important;min-height:auto;max-height:none;padding-top:90px;border-right:none;border-bottom:2px solid rgba(59,130,246,.3);background:#0f172a66;display:block;overflow:visible;width:100%!important;max-width:100%!important;min-width:100%!important;padding-bottom:4.5rem}.right-section{order:2;height:auto!important;min-height:auto;padding:1.5rem 1rem;overflow:visible!important;background:#1e293b4d;display:block;width:100%!important;max-width:100%!important;min-width:100%!important}.right-section:before{position:absolute;inset:15px;border-radius:20px;background:#1e293b80;border:1px solid rgba(59,130,246,.4)}.content,.scrollable-content{max-width:100%!important;width:100%!important;padding:1rem;height:auto!important;min-height:auto;overflow:visible!important;display:block;box-sizing:border-box}.cube-container{height:auto!important;position:static;transform-style:initial;width:100%!important}.cube-face{position:static!important;width:100%!important;height:auto;backface-visibility:visible;display:block}.cube-face.back{display:none}.intro{margin-top:2rem}.navigation-hint{position:static;margin:1rem 0;font-size:.8rem;text-align:center;width:100%}h1{font-size:2rem}h2{font-size:1.4rem}p{font-size:.95rem}.exploring-list li{font-size:1.1rem;margin:.8rem 0}.ai-statement{margin:1.5rem 0;padding:1.2rem;font-size:.95rem}}@media (max-width: 480px){.left-section{padding-top:4rem .8rem;width:100%!important}.right-section{padding:1rem .8rem;width:100%!important}.right-section:before{inset:10px;border-radius:16px}.content,.scrollable-content{padding:.8rem;width:100%!important;max-width:100%!important}h1{font-size:1.8rem}h2{font-size:1.2rem}p{font-size:.9rem}.exploring-list li{font-size:1rem;padding-left:1.5rem}.ai-statement{padding:1rem;font-size:.9rem;margin:1rem 0}.navigation-hint{font-size:.75rem}}@media (max-width: 320px){.left-section{padding-bottom:4rem;width:100%!important}.right-section{padding:.8rem .5rem;width:100%!important}.right-section:before{inset:8px;border-radius:12px}.content,.scrollable-content{padding:.6rem;width:100%!important;max-width:100%!important}h1{font-size:1.5rem}h2{font-size:1.1rem}p{font-size:.85rem}.exploring-list li{font-size:.95rem}.ai-statement{padding:.8rem;font-size:.85rem}.navigation-hint{font-size:.7rem}}*:focus{outline:2px solid #60a5fa;outline-offset:2px;border-radius:4px}::selection{background:#3b82f64d;color:#f1f5f9}::-moz-selection{background:#3b82f64d;color:#f1f5f9}.aurora-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.15),transparent 60%),radial-gradient(circle at 70% 40%,rgba(147,51,234,.15),transparent 60%),radial-gradient(circle at 50% 70%,rgba(16,185,129,.15),transparent 70%);z-index:-2}.aurora-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#3b82f633,#9333ea33,#10b98133,#3b82f633);filter:blur(120px);animation:auroraMove 20s linear infinite}@keyframes auroraMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.contact-links-container{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:100%;max-width:300px;padding:20px 0;z-index:5}.contact-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;justify-items:center;padding:0 20px}.contact-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0f172acc,#1e293b99,#33415566);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(59,130,246,.3);color:#cbd5e1;font-size:1.3rem;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 20px #0000004d,0 2px 8px #3b82f61a,inset 0 1px #94a3b81a;position:relative;overflow:hidden}.contact-link:hover{transform:translateY(-5px) scale(1.15);background:linear-gradient(135deg,#3b82f6e6,#2563ebcc,#1d4ed8b3);color:#f8fafc;border-color:#60a5fa99;box-shadow:0 15px 35px #0006,0 0 30px #3b82f666,0 5px 15px #3b82f64d,inset 0 1px #fff3}.contact-link:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;background:linear-gradient(45deg,#3b82f699,#9333ea99,#10b98199,#3b82f699);opacity:0;transition:opacity .4s ease;z-index:-1;animation:rotate 3s linear infinite}.contact-link:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-link:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3b82f666;transform:translate(-50%,-50%);transition:all .3s ease-out}.contact-link:active:after{width:100px;height:100px}.contact-link:focus{outline:2px solid rgba(59,130,246,.8);outline-offset:3px;box-shadow:0 8px 20px #0000004d,0 0 20px #3b82f680}.contact-link{animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(30px)}.contact-link:nth-child(1){animation-delay:.1s;--hover-color: #0077b5}.contact-link:nth-child(2){animation-delay:.2s;--hover-color: #333}.contact-link:nth-child(3){animation-delay:.3s;--hover-color: #e4405f}.contact-link[title=LinkedIn]:hover{background:linear-gradient(135deg,#0077b5,#005885);border-color:#0077b5;box-shadow:0 15px 35px #0006,0 0 30px #0077b580}.contact-link[title=GitHub]:hover{background:linear-gradient(135deg,#333,#1a1a1a);border-color:#4a5568;box-shadow:0 15px 35px #0006,0 0 30px #33333380}.contact-link[title=Instagram]:hover{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4);border-color:#e4405f;box-shadow:0 15px 35px #0006,0 0 30px #e4405f80}@media (max-width: 1024px){.contact-links-container{position:relative;top:-40px;left:auto;transform:none;margin-bottom:10px;max-width:100%;padding:10px 0}.contact-links-grid{position:relative;top:-40px;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 20px;max-width:280px;margin:0 auto}.contact-link{width:45px;height:45px;font-size:1.2rem}.contact-link:hover{transform:translateY(-3px) scale(1.08)}.navigation-hint{position:relative;top:220px}}@media (max-width: 768px){.contact-links-container{position:relative;top:-60px;left:auto;transform:none;margin-bottom:15px;max-width:100%;padding:15px 0}.contact-links-grid{position:relative;top:-20px;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 20px;max-width:250px;margin:0 auto}.contact-link{width:42px;height:42px;font-size:1.1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-link:hover{transform:translateY(-2px) scale(1.05)}.navigation-hint{position:relative;top:180px;margin-top:1rem}}@media (max-width: 480px){.contact-links-container{top:-55px;padding:12px 0}.contact-links-grid{top:-15px;gap:22px;padding:0 15px;max-width:220px}.contact-link{width:38px;height:38px;font-size:1rem}.contact-link:hover{transform:translateY(-1px) scale(1.03)}}@media (max-width: 320px){.contact-links-container{top:-55px;padding:10px 0}.contact-links-grid{top:-10px;gap:18px;padding:0 10px;max-width:200px}.contact-link{width:35px;height:35px;font-size:.9rem}.contact-link:hover{transform:scale(1.02)}.contact-link:before{display:none}}.circular-nav-container{position:relative;width:400px;height:400px;margin:50px auto;background:radial-gradient(circle at center,#0d1b2a,#000814);border-radius:50%;box-shadow:0 0 25px #0009}.center-circle{position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#1e293b,#334155);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;color:#fff;font-size:2rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.center-circle img{width:165px;height:165px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.15);transition:transform .4s ease,box-shadow .4s ease}.center-circle:hover img{transform:scale(1.1);box-shadow:0 0 20px #00bfff99}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{position:absolute;width:400px;height:400px;top:0;left:0;border-radius:50%;cursor:pointer;transition:all .4s ease;pointer-events:none}.first{background:conic-gradient(from 2.5deg,#407f8d 0deg,#0b3039 40deg,transparent 40deg)}.second{background:conic-gradient(from 47.5deg,#3b9399 0deg,#0b3039 40deg,transparent 40deg)}.third{background:conic-gradient(from 92.5deg,#647aa0 0deg,#0b3039 40deg,transparent 40deg)}.fourth{background:conic-gradient(from 137.5deg,#9f658f 0deg,#0b3039 40deg,transparent 40deg)}.fifth{background:conic-gradient(from 182.5deg,#947c5a 0deg,#0b3039 40deg,transparent 40deg)}.sixth{background:conic-gradient(from 227.5deg,#955a60 0deg,#0b3039 40deg,transparent 40deg)}.seventh{background:conic-gradient(from 272.5deg,#8e5959 0deg,#0b3039 40deg,transparent 40deg)}.eighth{background:conic-gradient(from 317.5deg,#809255 0deg,#0b3039 40deg,transparent 40deg)}.segment{pointer-events:none}.segment-content{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:1.4rem;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none;width:80px;height:60px;z-index:5;text-shadow:0 2px 6px rgba(0,0,0,.3);pointer-events:auto;transition:transform .3s ease,color .3s ease}.segment-label{font-size:.75rem;font-weight:600;white-space:nowrap}.first{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.first .segment-content{top:38px;left:64%;transform:translate(-50%)}.second{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.second .segment-content{top:120px;right:20px;transform:none}.third{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.third .segment-content{top:260px;right:20px;transform:translateY(-50%)}.fourth{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.fourth .segment-content{bottom:25px;right:100px;transform:none}.fifth{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.fifth .segment-content{bottom:25px;left:145px;transform:translate(-50%)}.sixth{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.sixth .segment-content{bottom:105px;left:25px;transform:none}.seventh{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.seventh .segment-content{top:150px;left:20px;transform:translateY(-50%)}.eighth{mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);-webkit-mask:radial-gradient(circle,transparent 100px,black 100px,black 200px,transparent 200px);z-index:1}.eighth .segment-content{top:38px;left:108px;transform:none}.segment:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(0,191,255,.5));z-index:2}@media (max-width: 1024px){.circular-nav-container{width:350px;height:350px;margin:30px auto}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{width:350px;height:350px}.center-circle{width:100px;height:100px}.center-circle img{width:120px;height:120px}.segment-content{width:55px;height:55px;font-size:1.2rem}.segment-label{font-size:.7rem}.first .segment-content{top:35px;left:64%}.second .segment-content{top:100px;right:18px}.third .segment-content{top:220px;right:18px}.fourth .segment-content{bottom:22px;right:85px}.fifth .segment-content{bottom:22px;left:125px}.sixth .segment-content{bottom:90px;left:22px}.seventh .segment-content{top:130px;left:18px}.eighth .segment-content{top:35px;left:95px}}@media (max-width: 768px){.circular-nav-container{width:280px;height:280px;margin:5px auto 10px}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{width:280px;height:280px}.center-circle{width:70px;height:70px;font-size:1.5rem}.center-circle img{width:100px;height:100px}.segment-content{width:60px;height:50px;font-size:1rem;gap:4px}.segment-label{font-size:.6rem;line-height:1.2}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{mask:radial-gradient(circle,transparent 70px,black 70px,black 140px,transparent 140px);-webkit-mask:radial-gradient(circle,transparent 70px,black 70px,black 140px,transparent 140px)}.first .segment-content{top:25px;left:64%}.second .segment-content{top:80px;right:15px}.third .segment-content{top:185px;right:15px}.fourth .segment-content{bottom:15px;right:68px}.fifth .segment-content{bottom:18px;left:98px}.sixth .segment-content{bottom:70px;left:18px}.seventh .segment-content{top:105px;left:15px}.eighth .segment-content{top:25px;left:75px}.segment:hover{transform:scale(1.05)}.navigation-hint{margin-top:15%}}@media (max-width: 480px){.circular-nav-container{width:250px;height:250px;margin:15px auto 5px}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{width:250px;height:250px}.center-circle{width:60px;height:60px;font-size:1.2rem}.center-circle img{width:90px;height:90px}.segment-content{width:50px;height:45px;font-size:.9rem;gap:3px}.segment-label{font-size:.55rem;line-height:1.1}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{mask:radial-gradient(circle,transparent 60px,black 60px,black 125px,transparent 125px);-webkit-mask:radial-gradient(circle,transparent 60px,black 60px,black 125px,transparent 125px)}.first .segment-content{top:22px;left:64%}.second .segment-content{top:73px;right:12px}.third .segment-content{top:165px;right:12px}.fourth .segment-content{bottom:14px;right:60px}.fifth .segment-content{bottom:15px;left:88px}.sixth .segment-content{bottom:62px;left:15px}.seventh .segment-content{top:92px;left:12px}.eighth .segment-content{top:22px;left:67px}.segment:hover{transform:scale(1.02)}}@media (max-width: 320px){.circular-nav-container{width:220px;height:220px;margin:10px auto 5px}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{width:220px;height:220px}.center-circle{width:50px;height:50px;font-size:1rem}.navigation-hint{margin-top:1px}.center-circle img{width:80px;height:80px}.segment-content{width:45px;height:40px;font-size:.8rem;gap:2px}.segment-label{font-size:.5rem;line-height:1}.first,.second,.third,.fourth,.fifth,.sixth,.seventh,.eighth{mask:radial-gradient(circle,transparent 50px,black 50px,black 110px,transparent 110px);-webkit-mask:radial-gradient(circle,transparent 50px,black 50px,black 110px,transparent 110px)}.first .segment-content{top:20px;left:64%}.second .segment-content{top:65px;right:10px}.third .segment-content{top:147px;right:10px}.fourth .segment-content{bottom:13px;right:53px}.fifth .segment-content{bottom:13px;left:78px}.sixth .segment-content{bottom:55px;left:13px}.seventh .segment-content{top:82px;left:10px}.eighth .segment-content{top:20px;left:60px}}.navigation-particles{position:absolute;top:50%;left:100%;width:500px;height:500px;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.navigation-particles span{position:absolute;top:50%;left:60%;width:6px;height:6px;border-radius:50%;background:#93c5fde6;animation:orbit linear infinite;box-shadow:0 0 8px #93c5fd99}.navigation-particles span:nth-child(1){transform-origin:-240px 0;animation-duration:10s;animation-delay:-0s}.navigation-particles span:nth-child(2){transform-origin:-245px 0;animation-duration:11s;animation-delay:-2s}.navigation-particles span:nth-child(3){transform-origin:-250px 0;animation-duration:12s;animation-delay:-4s}.navigation-particles span:nth-child(4){transform-origin:-255px 0;animation-duration:13s;animation-delay:-6s}.navigation-particles span:nth-child(5){transform-origin:-260px 0;animation-duration:14s;animation-delay:-8s}.navigation-particles span:nth-child(6){transform-origin:-265px 0;animation-duration:15s;animation-delay:-10s}.navigation-particles span:nth-child(7){transform-origin:-270px 0;animation-duration:16s;animation-delay:-12s}.navigation-particles span:nth-child(8){transform-origin:-275px 0;animation-duration:17s;animation-delay:-14s}.navigation-particles span:nth-child(9){transform-origin:-280px 0;animation-duration:18s;animation-delay:-16s}.navigation-particles span:nth-child(10){transform-origin:-285px 0;animation-duration:19s;animation-delay:-18s}.navigation-particles span:nth-child(11){transform-origin:-290px 0;animation-duration:20s;animation-delay:-20s}.navigation-particles span:nth-child(12){transform-origin:-295px 0;animation-duration:21s;animation-delay:-22s}.navigation-particles span:nth-child(13){transform-origin:-300px 0;animation-duration:22s;animation-delay:-24s}.navigation-particles span:nth-child(14){transform-origin:-305px 0;animation-duration:23s;animation-delay:-26s}.navigation-particles span:nth-child(15){transform-origin:-310px 0;animation-duration:24s;animation-delay:-28s}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.navigation-particles{width:440px;height:440px}.navigation-particles span:nth-child(1){transform-origin:-210px 0}.navigation-particles span:nth-child(2){transform-origin:-214px 0}.navigation-particles span:nth-child(3){transform-origin:-218px 0}.navigation-particles span:nth-child(4){transform-origin:-222px 0}.navigation-particles span:nth-child(5){transform-origin:-226px 0}.navigation-particles span:nth-child(6){transform-origin:-230px 0}.navigation-particles span:nth-child(7){transform-origin:-234px 0}.navigation-particles span:nth-child(8){transform-origin:-238px 0}.navigation-particles span:nth-child(9){transform-origin:-242px 0}.navigation-particles span:nth-child(10){transform-origin:-246px 0}.navigation-particles span:nth-child(11){transform-origin:-250px 0}.navigation-particles span:nth-child(12){transform-origin:-254px 0}.navigation-particles span:nth-child(13){transform-origin:-258px 0}.navigation-particles span:nth-child(14){transform-origin:-262px 0}.navigation-particles span:nth-child(15){transform-origin:-266px 0}}@media (max-width: 768px){.navigation-particles{width:350px;height:350px}.navigation-particles span{width:5px;height:5px}.navigation-particles span:nth-child(1){transform-origin:-168px 0}.navigation-particles span:nth-child(2){transform-origin:-171px 0}.navigation-particles span:nth-child(3){transform-origin:-174px 0}.navigation-particles span:nth-child(4){transform-origin:-177px 0}.navigation-particles span:nth-child(5){transform-origin:-180px 0}.navigation-particles span:nth-child(6){transform-origin:-183px 0}.navigation-particles span:nth-child(7){transform-origin:-186px 0}.navigation-particles span:nth-child(8){transform-origin:-189px 0}.navigation-particles span:nth-child(9){transform-origin:-192px 0}.navigation-particles span:nth-child(10){transform-origin:-195px 0}.navigation-particles span:nth-child(11){transform-origin:-198px 0}.navigation-particles span:nth-child(12){transform-origin:-201px 0}.navigation-particles span:nth-child(13){transform-origin:-204px 0}.navigation-particles span:nth-child(14){transform-origin:-207px 0}.navigation-particles span:nth-child(15){transform-origin:-210px 0}}@media (max-width: 480px){.navigation-particles{width:310px;height:310px}.navigation-particles span{width:4px;height:4px}.navigation-particles span:nth-child(1){transform-origin:-150px 0}.navigation-particles span:nth-child(2){transform-origin:-152px 0}.navigation-particles span:nth-child(3){transform-origin:-154px 0}.navigation-particles span:nth-child(4){transform-origin:-156px 0}.navigation-particles span:nth-child(5){transform-origin:-158px 0}.navigation-particles span:nth-child(6){transform-origin:-160px 0}.navigation-particles span:nth-child(7){transform-origin:-162px 0}.navigation-particles span:nth-child(8){transform-origin:-164px 0}.navigation-particles span:nth-child(9){transform-origin:-166px 0}.navigation-particles span:nth-child(10){transform-origin:-168px 0}.navigation-particles span:nth-child(11){transform-origin:-170px 0}.navigation-particles span:nth-child(12){transform-origin:-172px 0}.navigation-particles span:nth-child(13){transform-origin:-174px 0}.navigation-particles span:nth-child(14){transform-origin:-176px 0}.navigation-particles span:nth-child(15){transform-origin:-178px 0}}@media (max-width: 320px){.navigation-particles{width:270px;height:270px}.navigation-particles span{width:3px;height:3px;box-shadow:0 0 6px #93c5fd99}.navigation-particles span:nth-child(1){transform-origin:-132px 0}.navigation-particles span:nth-child(2){transform-origin:-134px 0}.navigation-particles span:nth-child(3){transform-origin:-136px 0}.navigation-particles span:nth-child(4){transform-origin:-138px 0}.navigation-particles span:nth-child(5){transform-origin:-140px 0}.navigation-particles span:nth-child(6){transform-origin:-142px 0}.navigation-particles span:nth-child(7){transform-origin:-144px 0}.navigation-particles span:nth-child(8){transform-origin:-146px 0}.navigation-particles span:nth-child(9){transform-origin:-148px 0}.navigation-particles span:nth-child(10){transform-origin:-150px 0}.navigation-particles span:nth-child(11){transform-origin:-152px 0}.navigation-particles span:nth-child(12){transform-origin:-154px 0}.navigation-particles span:nth-child(13){transform-origin:-156px 0}.navigation-particles span:nth-child(14){transform-origin:-158px 0}.navigation-particles span:nth-child(15){transform-origin:-160px 0}.navigation-particles span:nth-child(n+11){display:none}}@media (min-width: 1440px){.navigation-particles{width:550px;height:550px}.navigation-particles span{width:7px;height:7px;box-shadow:0 0 10px #93c5fd99}.navigation-particles span:nth-child(1){transform-origin:-260px 0}.navigation-particles span:nth-child(2){transform-origin:-265px 0}.navigation-particles span:nth-child(3){transform-origin:-270px 0}.navigation-particles span:nth-child(4){transform-origin:-275px 0}.navigation-particles span:nth-child(5){transform-origin:-280px 0}.navigation-particles span:nth-child(6){transform-origin:-285px 0}.navigation-particles span:nth-child(7){transform-origin:-290px 0}.navigation-particles span:nth-child(8){transform-origin:-295px 0}.navigation-particles span:nth-child(9){transform-origin:-300px 0}.navigation-particles span:nth-child(10){transform-origin:-305px 0}.navigation-particles span:nth-child(11){transform-origin:-310px 0}.navigation-particles span:nth-child(12){transform-origin:-315px 0}.navigation-particles span:nth-child(13){transform-origin:-320px 0}.navigation-particles span:nth-child(14){transform-origin:-325px 0}.navigation-particles span:nth-child(15){transform-origin:-330px 0}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{position:absolute;inset:0;background-size:300% 100%;animation:gradient linear infinite;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.projects-scroll-wrapper{position:relative;z-index:1;width:100%;height:100%;overflow-y:auto;padding:1rem;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.projects-scroll-wrapper:before{display:none}.section-header{text-align:center;padding:1rem 0 1.5rem;position:relative;z-index:2}.section-header h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.section-header p{font-size:1rem;color:#94a3b8;max-width:500px;margin:0 auto;line-height:1.6}.projects-list{display:flex;flex-direction:column;gap:2.5rem;max-width:100%;margin:0 auto;position:relative;z-index:2}.project-block{background:#f5f5dc0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(149,178,236,.2);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #95b2ec1a}.project-block:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.6),transparent);opacity:0;transition:opacity .3s ease}.project-block:hover:before{opacity:1}.project-block:hover{transform:translateY(-4px);box-shadow:0 12px 30px #95b2ec26,0 0 0 1px #60a5fa33;border-color:#60a5fa4d}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.8rem;color:#95b2ec;line-height:1.2;letter-spacing:-.01em}.project-description{font-size:.95rem;color:#f0f0e6;line-height:1.6;margin-bottom:1.2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.tech-tag{padding:.25rem .6rem;background:linear-gradient(135deg,#a78bfa1a,#8b5cf61a);border:1px solid rgba(167,139,250,.2);border-radius:12px;font-size:.7rem;color:#c4b5fd;font-weight:500}.project-links{display:flex;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,#60a5fa1a,#93c5fd0d);border:1px solid rgba(96,165,250,.2);border-radius:10px;color:#93c5fd;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-link:hover{background:linear-gradient(135deg,#60a5fa33,#93c5fd1a);border-color:#60a5fa66;color:#dbeafe;transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa33}.project-link svg{width:14px;height:14px}.project-media{margin-top:1rem;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 6px 24px #0006;position:relative;transition:transform .3s ease}.project-block:hover .project-media{transform:translateY(-2px)}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(96,165,250,.1) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.project-block:hover .project-media:after{opacity:1}.video-container,.iframe-container{position:relative;width:100%}.project-video{width:100%;height:auto;min-height:200px;max-height:300px;object-fit:cover;display:block;transition:transform .3s ease}.project-block:hover .project-video{transform:scale(1.01)}.video-overlay{position:absolute;top:.8rem;right:.8rem;z-index:10}.video-control-btn{width:40px;height:40px;border-radius:50%;background:#000000b3;border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-control-btn:hover{background:#000000e6;border-color:#60a5fa80;transform:scale(1.05)}.video-control-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.video-error{display:flex;align-items:center;justify-content:center;min-height:150px;background:#ef44441a;color:#fca5a5;font-size:.9rem;border-radius:8px}.project-video:not([poster]){background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-block{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.project-block:nth-child(1){animation-delay:.1s}.project-block:nth-child(2){animation-delay:.2s}.project-block:nth-child(3){animation-delay:.3s}.project-block:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.projects-scroll-wrapper::-webkit-scrollbar{width:8px}.projects-scroll-wrapper::-webkit-scrollbar-track{background:#1e293b4d;border-radius:4px}.projects-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:4px;transition:all .3s ease}.projects-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 10px #3b82f666}.projects-scroll-wrapper{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(30,41,59,.3)}@media (min-width: 1440px){.projects-scroll-wrapper{padding:2rem}.section-header h1{font-size:2.8rem}.section-header p{font-size:1.1rem}.project-block{padding:2rem}.project-title{font-size:1.8rem}.project-description{font-size:1.05rem}}@media (max-width: 1280px){.section-header h1{font-size:2.2rem}.project-title{font-size:1.6rem}}@media (max-width: 1024px){.projects-scroll-wrapper{padding:1.2rem}.section-header h1{font-size:2rem}.project-block{padding:1.2rem}.projects-list{gap:2rem}.project-title{font-size:1.4rem}.project-description{font-size:.9rem}}@media (max-width: 768px){.projects-scroll-wrapper{min-height:40vh;padding:1rem}.section-header{padding:.8rem 0 1rem}.section-header h1{font-size:1.8rem;margin-bottom:.4rem}.section-header p{font-size:.9rem}.projects-list{gap:1.5rem}.project-block{padding:1rem;border-radius:14px}.project-title{font-size:1.3rem;margin-bottom:.6rem}.project-description{font-size:.85rem;margin-bottom:1rem;line-height:1.5}.tech-tags{gap:.3rem;margin-bottom:1rem}.tech-tag{font-size:.65rem;padding:.2rem .5rem;border-radius:10px}.project-links{gap:.6rem;margin-bottom:1rem}.project-link{padding:.4rem .8rem;font-size:.8rem;border-radius:8px}.project-link svg{width:12px;height:12px}.project-video{min-height:150px;max-height:200px}.video-overlay{top:.6rem;right:.6rem}.video-control-btn{width:36px;height:36px}.loading-spinner{width:14px;height:14px}.project-media{border-radius:10px;margin-top:.8rem}.project-block:hover,.project-block:hover .project-media,.project-block:hover .project-video{transform:none}}@media (max-width: 480px){.projects-scroll-wrapper{padding:.8rem}.section-header h1{font-size:1.6rem}.section-header p{font-size:.85rem}.projects-list{gap:1.2rem}.project-block{padding:.8rem;border-radius:12px}.project-title{font-size:1.2rem}.project-description{font-size:.8rem}.project-links{flex-direction:column;gap:.4rem}.project-link{justify-content:center;padding:.5rem 1rem}.project-video{min-height:120px;max-height:160px}.video-control-btn{width:32px;height:32px}}@media (max-width: 320px){.projects-scroll-wrapper{padding:.6rem}.section-header h1{font-size:1.4rem}.section-header p{font-size:.8rem}.project-block{padding:.6rem;border-radius:10px}.project-title{font-size:1.1rem}.project-description{font-size:.75rem}.tech-tag{font-size:.6rem;padding:.15rem .4rem}.project-link{font-size:.75rem}.project-video{min-height:100px;max-height:140px}.video-control-btn{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.project-block,.project-media,.project-video,.project-link,.video-control-btn{transition:none;animation:none}.project-block:hover{transform:none}.loading-spinner{animation:none}}@media (prefers-contrast: high){.project-block{border-color:#fff6}.project-title{color:#fff}.project-description{color:#e2e8f0}.tech-tag{border-color:#ffffff4d;color:#fff}}