:root{--talent-primary:#5E5CE6;--talent-secondary:#BF5AF2;--talent-accent:#FF2D55;--page-backdrop:#FFFFFF;--surface-solid:rgba(255,255,255,0.4);--surface-soft:rgba(255,255,255,0.1);--surface-border:rgba(0,0,0,0.08);--text-strong:#000000;--text-dimmed:#3C3C43;--text-muted:#8E8E93;--liquid-blur:blur(40px) saturate(250%);--liquid-blur-heavy:blur(60px) saturate(280%);--spatial-shadow:0 4px 24px -1px rgba(0,0,0,0.02),0 2px 8px -1px rgba(0,0,0,0.02);--spatial-focus:0 20px 60px -12px rgba(0,0,0,0.08);--progress-bg:rgba(0,0,0,0.06);--nav-bar-bg:rgba(255,255,255,0.3);--nav-bar-border:rgba(0,0,0,0.03);--nav-active-glow:rgba(94,92,230,0.1)}[data-mantine-color-scheme=dark]{--page-backdrop:#000000;--surface-solid:rgba(28,28,30,0.4);--surface-soft:rgba(255,255,255,0.03);--surface-border:rgba(255,255,255,0.06);--text-strong:#FFFFFF;--text-dimmed:#EBEBF5;--text-muted:#8E8E93;--nav-bar-bg:rgba(28,28,30,0.3);--nav-bar-border:rgba(255,255,255,0.05);--nav-active-glow:rgba(94,92,230,0.15);--progress-bg:rgba(255,255,255,0.08);--spatial-shadow:0 4px 32px rgba(0,0,0,0.5);--spatial-focus:0 24px 80px rgba(0,0,0,0.7)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-backdrop);color:var(--text-strong);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;letter-spacing:-.022em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background .4s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.liquid-card{background:var(--surface-solid)!important;backdrop-filter:var(--liquid-blur)!important;-webkit-backdrop-filter:var(--liquid-blur)!important;border:1px solid var(--surface-border)!important;box-shadow:var(--spatial-shadow);border-radius:36px!important;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.liquid-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.8s;pointer-events:none}.liquid-card:hover:after{left:100%}.liquid-card:hover{background:rgba(255,255,255,.52)!important;transform:translateY(-2px) scale(1.01);box-shadow:var(--spatial-focus)}[data-mantine-color-scheme=dark] .liquid-card:hover{background:rgba(44,44,46,.5)!important}h1,h2,h3,h4{letter-spacing:-.04em;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg,var(--talent-primary),var(--talent-secondary),var(--talent-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-flow 8s ease infinite}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mantine-Button-root{border-radius:20px!important;font-weight:700!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;border:1px solid transparent!important;padding:14px 28px!important}.primary-button{background:var(--text-strong)!important;color:var(--page-backdrop)!important;box-shadow:0 8px 20px rgba(0,0,0,.1)}.primary-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px rgba(0,0,0,.15);filter:brightness(1.1)}.secondary-button{background:var(--surface-soft)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--surface-border)!important;color:var(--text-strong)!important}.secondary-button:hover{background:var(--surface-solid)!important;transform:translateY(-2px)}.glass-effect,.liquid-card,.surface-card{background:var(--surface-solid)!important;backdrop-filter:var(--liquid-blur)!important;-webkit-backdrop-filter:var(--liquid-blur)!important;border:1px solid var(--surface-border)!important;box-shadow:var(--spatial-shadow);border-radius:36px!important;transition:all .5s cubic-bezier(.16,1,.3,1)}.surface-card:before{display:none!important}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}.nav-active-pill{box-shadow:0 0 20px var(--nav-active-glow)}@media (max-width:768px){.mantine-Container-root{padding-left:16px!important;padding-right:16px!important}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.mantine-Badge-label,.mantine-Badge-root{white-space:normal!important;height:auto!important;min-height:24px;line-height:1.2!important;text-align:center;display:inline-flex;align-items:center;justify-content:center;padding-top:4px;padding-bottom:4px}.mantine-Button-root{height:auto!important;min-height:36px}.mantine-Button-label{white-space:normal!important;text-align:center;line-height:1.2!important}:root{--elastic-duration:0.6s;--elastic-ease:cubic-bezier(0.68,-0.55,0.265,1.55);--jelly-ease:cubic-bezier(0.175,0.885,0.32,1.275);--magnetic-distance:80px}.jelly-card{transition:transform .3s var(--jelly-ease),box-shadow .3s ease;transform-origin:center center;will-change:transform}.jelly-card:active{animation:jelly-squeeze .3s var(--jelly-ease)}@keyframes jelly-squeeze{0%{transform:scale(1)}50%{transform:scale(.98,1.02)}to{transform:scale(1)}}.elastic-button{transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.elastic-button:active{animation:elastic-press .2s ease-out}@keyframes elastic-press{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(.98)}}.magnetic{transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.magnetic.is-magnetic-active{transition:transform .15s cubic-bezier(.4,0,.2,1)}.breathing{animation:breathing 4s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.morph-card{transition:border-radius .5s var(--elastic-ease),transform .3s ease;will-change:border-radius,transform}.morph-card:hover{border-radius:32px!important;animation:morph-pulse 1s ease-in-out infinite}@keyframes morph-pulse{0%,to{border-radius:20px}50%{border-radius:32px}}.liquid{transition:all .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform,border-radius}.liquid:active{animation:liquid-squish .5s ease-out}@keyframes liquid-squish{0%{transform:scale(1);border-radius:20px}30%{transform:scale(.95,1.05);border-radius:28px 12px 28px 12px}60%{transform:scale(1.03,.97);border-radius:12px 28px 12px 28px}to{transform:scale(1);border-radius:20px}}.stretchable{transition:transform .4s cubic-bezier(.34,1.56,.64,1);will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.stretchable:active{cursor:grabbing}.stretchable.is-stretching{transition:none}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{background:linear-gradient(-45deg,rgba(0,122,255,.1),rgba(94,92,230,.1),rgba(175,82,222,.1),rgba(255,45,85,.1));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.particle{position:absolute;border-radius:50%;pointer-events:none;opacity:.3;animation:float-particle 20s ease-in-out infinite}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(100px,-100px) scale(1.2);opacity:.5}50%{transform:translate(-50px,-200px) scale(.8);opacity:.2}75%{transform:translate(-150px,-100px) scale(1.1);opacity:.4}}.glow-on-hover{position:relative;overflow:hidden}.glow-on-hover:before{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,.15) 0,transparent 70%);transform:translate(-50%,-50%);transition:opacity .6s ease;pointer-events:none;z-index:0;opacity:0}.glow-on-hover:hover:before{opacity:1}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer-slide 3s infinite}@keyframes shimmer-slide{0%{left:-100%}to{left:100%}}.neon-glow{animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse{0%,to{box-shadow:0 0 5px rgba(0,122,255,.5),0 0 10px rgba(0,122,255,.3),0 0 15px rgba(0,122,255,.2)}50%{box-shadow:0 0 10px rgba(0,122,255,.8),0 0 20px rgba(0,122,255,.5),0 0 30px rgba(0,122,255,.3)}}.parallax-layer{transition:transform .3s ease-out;will-change:transform}@keyframes rainbow-border{0%{border-color:#007AFF}25%{border-color:#5E5CE6}50%{border-color:#AF52DE}75%{border-color:#FF2D55}to{border-color:#007AFF}}.rainbow-border{animation:rainbow-border 4s linear infinite}.glitch{position:relative}.glitch:hover:after,.glitch:hover:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:hover:before{animation:glitch-1 .3s infinite;color:#007AFF;z-index:-1}.glitch:hover:after{animation:glitch-2 .3s infinite;color:#FF2D55;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0)}33%{transform:translate(-2px,2px)}66%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}33%{transform:translate(2px,-2px)}66%{transform:translate(-2px,2px)}}@keyframes wave{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}.wave-animation{animation:wave 3s ease-in-out infinite}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid var(--accent-primary);border-radius:inherit;transform:translate(-50%,-50%);animation:pulse-ring-animation 2s ease-out infinite}@keyframes pulse-ring-animation{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.typewriter{overflow:hidden;border-right:2px solid var(--accent-primary);white-space:nowrap;animation:typing 3s steps(40) 1s 1 normal both,blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.holographic{background:linear-gradient(45deg,#007AFF,#5E5CE6 25%,#AF52DE 50%,#FF2D55 75%,#FF9500);background-size:200% 200%;animation:holographic-shift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes holographic-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.cursor-magnetic{transition:transform .2s cubic-bezier(.4,0,.2,1)}.stretchable:hover~.custom-cursor,a:hover~.custom-cursor,button:hover~.custom-cursor{width:60px!important;height:60px!important;border-color:var(--accent-secondary)!important}@media (hover:none){.glow-on-hover:before{display:none}.shimmer:after{animation:shimmer-slide 4s infinite}}.elastic-button,.parallax-layer,.particle,.stretchable,.surface-card{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.shimmer:after{display:none}}.wobble-on-hover:hover{animation:wobble .8s ease-in-out}@keyframes wobble{0%,to{transform:rotate(0deg)}15%{transform:rotate(-5deg)}30%{transform:rotate(3deg)}45%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}.glow-pulse{animation:glow-pulse-animation 2s ease-in-out infinite}@keyframes glow-pulse-animation{0%,to{box-shadow:0 0 20px rgba(0,122,255,.3)}50%{box-shadow:0 0 40px rgba(0,122,255,.6)}}.tilt-card{transform-style:preserve-3d;transition:transform .3s ease;will-change:transform}.tilt-card.is-tilting{transition:none}.bounce-click:active{animation:bounce-click-animation .4s ease}@keyframes bounce-click-animation{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.05)}75%{transform:scale(.98)}to{transform:scale(1)}}.shake-on-error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}.scale-pulse{animation:scale-pulse-animation 2s ease-in-out infinite}@keyframes scale-pulse-animation{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (hover:none){.morph-card:hover{animation:none;border-radius:20px!important}.wobble-on-hover:hover{animation:none}.jelly-card:active{animation-duration:.3s}.elastic-button:active{animation-duration:.2s}}@media (prefers-reduced-motion:reduce){.bounce-click,.breathing,.elastic-button,.floating,.glow-pulse,.jelly-card,.liquid,.magnetic,.morph-card,.scale-pulse,.stretchable,.tilt-card,.wobble-on-hover{animation:none!important;transition:opacity .2s ease,transform .2s ease!important}}.elastic-button,.jelly-card,.liquid,.magnetic,.morph-card,.stretchable,.tilt-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}