:root,html.theme-pink{--bg-main:#E6DCE2;--bg-surface:rgba(255,255,255,0.26);--bg-hover:rgba(255,255,255,0.40);--border-color:rgba(255,255,255,0.65);--rim-light:rgba(255,255,255,0.92);--glass-grad:linear-gradient(135deg,rgba(255,255,255,0.46) 0%,rgba(248,242,245,0.14) 50%,rgba(220,195,210,0.22) 100%);--text-main:#161215;--text-sub:#433740;--text-muted:#6E5E6A;--accent-text:#6B2146;--spotlight-rgb:157,78,118;--liquid-shadow:rgba(28,18,24,0.14);--liquid-inner:rgba(190,130,160,0.24);--blob-1:radial-gradient(circle,rgba(185,95,135,0.44) 0%,rgba(225,180,200,0) 70%);--blob-2:radial-gradient(circle,rgba(140,110,165,0.38) 0%,rgba(205,190,215,0) 70%);--blob-3:radial-gradient(circle,rgba(195,145,140,0.40) 0%,rgba(230,205,200,0) 70%);--blob-4:radial-gradient(circle,rgba(170,110,145,0.40) 0%,rgba(225,200,215,0) 70%)}
html.theme-sky{--bg-main:#DCE3EC;--bg-surface:rgba(255,255,255,0.26);--bg-hover:rgba(255,255,255,0.40);--border-color:rgba(255,255,255,0.65);--rim-light:rgba(255,255,255,0.92);--glass-grad:linear-gradient(135deg,rgba(255,255,255,0.46) 0%,rgba(242,246,250,0.14) 50%,rgba(190,208,228,0.22) 100%);--text-main:#11161F;--text-sub:#354254;--text-muted:#5C6D82;--accent-text:#1E3A6E;--spotlight-rgb:56,98,160;--liquid-shadow:rgba(16,24,38,0.14);--liquid-inner:rgba(110,145,190,0.24);--blob-1:radial-gradient(circle,rgba(70,115,180,0.44) 0%,rgba(170,195,225,0) 70%);--blob-2:radial-gradient(circle,rgba(105,110,165,0.38) 0%,rgba(185,190,220,0) 70%);--blob-3:radial-gradient(circle,rgba(90,135,175,0.40) 0%,rgba(185,210,230,0) 70%);--blob-4:radial-gradient(circle,rgba(80,125,180,0.40) 0%,rgba(195,215,235,0) 70%)}
body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease;overflow-x:hidden}
.liquid-glass{background-color:var(--bg-surface);background-image:var(--glass-grad);backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);box-shadow:inset 0 1.5px 2px var(--rim-light),inset 0 -1px 2px var(--liquid-inner),0 8px 24px -6px var(--liquid-shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.apple-liquid-glass{background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0.05) 100%);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border:1px solid rgba(255,255,255,0.52);box-shadow:inset 0 1px 1px rgba(255,255,255,0.68),inset 0 -1px 1px rgba(255,255,255,0.15),0 4px 14px -4px rgba(15,18,28,0.04);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .2s ease}
.apple-liquid-glass:hover{background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.12) 100%);border-color:rgba(var(--spotlight-rgb),0.55);box-shadow:inset 0 1.5px 1.5px rgba(255,255,255,0.85),inset 0 -1px 1.5px rgba(255,255,255,0.25),0 8px 20px -6px rgba(15,18,28,0.08)}
.apple-liquid-glass-active{background:linear-gradient(135deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.06) 50%,rgba(255,255,255,0.14) 100%);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1.5px solid rgba(var(--spotlight-rgb),0.62);box-shadow:inset 0 1.5px 2px rgba(255,255,255,0.88),inset 0 -1px 1.5px rgba(var(--spotlight-rgb),0.18),0 6px 18px -5px var(--liquid-shadow);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .2s ease}
.apple-liquid-glass-active:hover{background:linear-gradient(135deg,rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.10) 50%,rgba(255,255,255,0.20) 100%);border-color:rgba(var(--spotlight-rgb),0.85)}
.apple-sheet-glass{background-color:var(--bg-main);background-image:var(--glass-grad);backdrop-filter:blur(28px) saturate(210%);-webkit-backdrop-filter:blur(28px) saturate(210%);border-left:1px solid var(--border-color);box-shadow:inset 1.5px 0 2px var(--rim-light),inset 0 -1px 2px var(--liquid-inner),-20px 0 48px -12px var(--liquid-shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.liquid-step-card{background-color:var(--bg-surface);background-image:var(--glass-grad);backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);border:1px solid var(--border-color);box-shadow:inset 0 1.5px 2px var(--rim-light),inset 0 -1px 2px var(--liquid-inner),0 8px 24px -6px var(--liquid-shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.liquid-field{width:100%;padding:.55rem .8rem;border-radius:.7rem;background:rgba(255,255,255,0.48);border:1px solid var(--border-color);box-shadow:inset 0 1px 1.5px var(--rim-light);color:var(--text-main);font-weight:500;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.liquid-field::placeholder{color:var(--text-muted);font-weight:400}
.liquid-field:focus{outline:none;background:rgba(255,255,255,0.82);border-color:rgba(var(--spotlight-rgb),0.75);box-shadow:inset 0 1px 1.5px var(--rim-light),0 0 0 3px rgba(var(--spotlight-rgb),0.14)}
.liquid-select{appearance:none;-webkit-appearance:none;padding-right:2.1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='%234A5568'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.9rem}
[dir="rtl"] .liquid-select{padding-right:.85rem;padding-left:2.1rem;background-position:left .7rem center}
.glass-nav{backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%)}
.lang-dropdown-panel{background:rgba(255,255,255,0.94);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,0.92);box-shadow:inset 0 1px 1.5px rgba(255,255,255,0.98),0 14px 32px -6px rgba(15,15,25,0.22)}
#langDropdownMenu{display:none}
#langDropdownWrap:hover #langDropdownMenu,#langDropdownWrap.is-open #langDropdownMenu,#langDropdownWrap.open #langDropdownMenu{display:block}
#langDropdownWrap:hover #langDropdownChevron,#langDropdownWrap.is-open #langDropdownChevron{transform:rotate(180deg)}
@keyframes floatBlob1{0%,100%{transform:translate(0px,0px) scale(1)}33%{transform:translate(60px,-45px) scale(1.1)}66%{transform:translate(-35px,35px) scale(0.92)}}
@keyframes floatBlob2{0%,100%{transform:translate(0px,0px) scale(1)}33%{transform:translate(-50px,45px) scale(0.94)}66%{transform:translate(45px,-30px) scale(1.08)}}
@keyframes floatBlob3{0%,100%{transform:translate(0px,0px) scale(1)}50%{transform:translate(40px,35px) scale(1.05)}}
.liquid-blob-1{animation:floatBlob1 24s ease-in-out infinite;background:var(--blob-1);will-change:transform;transform:translate3d(0,0,0)}
.liquid-blob-2{animation:floatBlob2 28s ease-in-out infinite;background:var(--blob-2);will-change:transform;transform:translate3d(0,0,0)}
.liquid-blob-3{animation:floatBlob3 32s ease-in-out infinite;background:var(--blob-3);will-change:transform;transform:translate3d(0,0,0)}
.liquid-blob-4{animation:floatBlob1 20s ease-in-out infinite reverse;background:var(--blob-4);will-change:transform;transform:translate3d(0,0,0)}
.spotlight-card{position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.spotlight-card::before{content:'';position:absolute;inset:0;background:radial-gradient(480px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--spotlight-rgb),0.22),transparent 45%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}
.spotlight-card:hover::before{opacity:1}
.spotlight-card>*{position:relative;z-index:1}
.reveal-on-scroll{opacity:1;transform:translateY(0) scale(1);transition:opacity .65s cubic-bezier(0.16,1,0.3,1),transform .65s cubic-bezier(0.16,1,0.3,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}
@media (pointer:fine){#cursorFollower{display:block}}
#cursorFollower{position:fixed;top:0;left:0;width:28px;height:28px;border:1.5px solid rgba(var(--spotlight-rgb),0.55);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background-color .2s ease,border-color .2s ease}
#cursorFollower.cursor-active{width:48px;height:48px;background-color:rgba(var(--spotlight-rgb),0.10);border-color:rgba(var(--spotlight-rgb),0.85)}
.magnetic-el{transition:transform .2s cubic-bezier(0.2,0.8,0.2,1)}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(var(--spotlight-rgb),0.45)}50%{box-shadow:0 0 0 8px rgba(var(--spotlight-rgb),0)}}
.glow-pulse{background-color:rgb(var(--spotlight-rgb));animation:pulseGlow 2.4s infinite}