@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,html,body,#app{font-family:Peyda,Tahoma,Segoe UI,sans-serif;direction:rtl;text-align:right;line-height:1.6;color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}input,button,textarea,select{font-family:inherit}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}img,video,svg{max-width:100%;height:auto;display:block}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.loading-spinner{display:inline-block;border-radius:50%;border-style:solid;border-color:#7c3aed33;border-top-color:#7c3aed;animation:spinner-spin .8s linear infinite;vertical-align:middle}.loading-spinner--sm{width:16px;height:16px;border-width:2px}.loading-spinner--md{width:24px;height:24px;border-width:2.5px}.loading-spinner--lg{width:32px;height:32px;border-width:3px}.loading-spinner--xl{width:48px;height:48px;border-width:4px}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.5s}}.app-header{position:sticky;top:0;z-index:100;background:#0b0d17d9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));direction:rtl;width:100%}.app-header__container{max-width:1280px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.score-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;transition:all .2s ease;cursor:default}.score-pill:hover{transform:translateY(-1px)}.score-pill__icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;display:flex;align-items:center;justify-content:center}.score-pill--hearts .score-pill__icon{stroke:none;fill:currentColor}.score-pill__content{display:flex;align-items:baseline;gap:4px}.score-pill__label{font-size:11px;font-weight:600;opacity:.8}.score-pill__value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.score-pill__recovery{font-size:10px;font-weight:600;opacity:.7;margin-right:2px}.score-pill--weekly{background:#7c5cff1a;border:1px solid rgba(124,92,255,.2);color:#a78bfa}.score-pill--weekly .score-pill__value{color:#c4b5fd}.score-pill--total{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.score-pill--total .score-pill__value{color:#fcd34d}.score-pill--hearts{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.score-pill--hearts.heart-healthy{background:#10b9811a;border-color:#10b98133;color:#34d399}.score-pill--hearts.heart-warning{background:#f973161a;border-color:#f9731633;color:#fb923c}.score-pill--hearts.heart-danger{background:#ef444426;border-color:#ef44444d;color:#f87171;animation:heart-pulse 1.5s ease-in-out infinite}.score-pill--hearts.heart-critical{background:#dc262633;border-color:#dc262666;color:#ef4444;animation:heart-pulse-critical 1s ease-in-out infinite}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes heart-pulse-critical{0%,to{transform:scale(1);box-shadow:0 0 #dc262666}50%{transform:scale(1.05);box-shadow:0 0 0 6px #dc262600}}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#7c5cff1a;border:1px solid rgba(124,92,255,.2);border-radius:50%;text-decoration:none;color:#a78bfa;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;margin-right:auto}.header-icon-btn:hover{transform:scale(1.1) rotate(-5deg);background:#7c5cff33;border-color:#a78bfa;color:#c4b5fd}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.icon-bell{width:20px;height:20px;stroke:currentColor;stroke-width:2;transition:all .3s ease}.header-icon-btn:hover .icon-bell{animation:bell-ring .6s ease-in-out}@keyframes bell-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:99px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-deep, #0B0D17);box-shadow:0 2px 8px #ef444466;animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.app-header__container{padding:10px 12px;gap:10px}.score-pill{padding:5px 12px;gap:6px}.score-pill__icon{width:16px;height:16px}.score-pill__label{font-size:10px}.score-pill__value{font-size:13px}}@media(max-width:480px){.app-header__container{padding:8px 10px;gap:8px}.score-pill{padding:4px 10px;gap:5px}.score-pill__label{display:none}.score-pill__value{font-size:12px}.score-pill__recovery{font-size:9px}.header-icon-btn{width:36px;height:36px}.icon-bell{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.score-pill,.header-icon-btn{transition:none}.score-pill:hover,.header-icon-btn:hover{transform:none}.score-pill--hearts.heart-danger,.score-pill--hearts.heart-critical{animation:none}}.score-pill:focus-visible,.header-icon-btn:focus-visible{outline:2px solid var(--accent, #00D2D3);outline-offset:2px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.footer-logo{color:var(--primary);filter:drop-shadow(0 0 12px var(--primary-glow))}.footer-name{font-size:28px;font-weight:800;color:var(--text-main)!important}.footer-description{margin:0;font-size:15px;color:var(--text-muted)!important;line-height:1.8;max-width:300px}.layout-container{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:100vw;margin:0 auto;background-color:var(--bg-deep, #0B0D17);color:var(--text-main, #F4F6FF);overflow:hidden;font-family:Peyda,sans-serif;position:relative}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding:0 16px 16px;scroll-behavior:smooth}.main-content::-webkit-scrollbar{display:none}.main-content{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){.main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media(min-width:769px){.layout-container{border-left:1px solid var(--border-subtle, rgba(255,255,255,.08));border-right:1px solid var(--border-subtle, rgba(255,255,255,.08));box-shadow:0 0 50px #00000080}.main-content{padding-right:0;padding-left:0}}:root{--bg-deep: #0B0D17;--bg-surface: rgba(22, 26, 46, .8);--bg-surface-solid: #161A2E;--primary: #7C5CFF;--primary-glow: rgba(124, 92, 255, .5);--accent: #00D2D3;--text-main: #F8FAFC !important;--text-muted: #CBD5E1 !important;--border-subtle: rgba(255, 255, 255, .1);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.desktop-layout{position:relative;min-height:100vh;min-height:100dvh;background-color:var(--bg-deep)!important;font-family:Peyda,Tahoma,sans-serif;direction:rtl;overflow-x:hidden;color:var(--text-main)}.desktop-layout__content{max-width:1280px;margin:0 auto;padding:120px 24px 80px}.welcome-sticky-header{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;background:#0b0d17e6!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);padding:16px 0;transition:var(--transition-smooth)}.sticky-header__content{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.sticky-header__logo{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit;transition:var(--transition-smooth);color:var(--text-main)}.sticky-header__logo:hover{transform:scale(1.05)}.logo-icon{width:32px;height:32px;color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.logo-text{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--text-main),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sticky-header__nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);font-size:15px;font-weight:500;color:var(--text-muted)!important;cursor:pointer;transition:var(--transition-smooth);font-family:inherit;white-space:nowrap}.nav-link:hover{background:#7c5cff1a;color:var(--text-main)!important}.nav-link__icon{width:18px;height:18px;stroke:currentColor}.nav-link--active{background:#7c5cff26;border-color:#7c5cff4d;color:var(--primary)!important;font-weight:700}.sticky-header__login-btn{padding:10px 24px;background:linear-gradient(135deg,var(--primary),#6A4BEE);color:#fff!important;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);font-family:inherit;box-shadow:0 4px 16px var(--primary-glow)}.sticky-header__login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c5cff99}.welcome-desktop-footer{width:100%;max-width:1280px;margin:0 auto;padding:48px 24px;background:var(--bg-surface)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;overflow:hidden}.welcome-desktop-footer:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(124,92,255,.1),transparent 70%);border-radius:50%;pointer-events:none}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:32px;position:relative;z-index:1}.footer-col{display:flex;flex-direction:column;gap:16px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:0}.footer-text-group{display:flex;flex-direction:column;gap:8px}.footer-logo{color:var(--primary);filter:drop-shadow(0 0 12px var(--primary-glow));flex-shrink:0}.footer-name{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--text-main),var(--primary))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;line-height:1.2}.footer-description{margin:0;font-size:15px;color:var(--text-muted)!important;line-height:1.8;max-width:300px;text-align:right!important}.footer-col-title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text-main)!important}.footer-links-vertical{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.footer-link{color:#cbd5e1!important;text-decoration:none;font-size:15px;font-weight:500;padding:6px 0;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:right;transition:var(--transition-smooth)}.footer-link:hover{color:#f8fafc!important;transform:translate(-4px)}.footer-enamad{display:flex;justify-content:flex-start;align-items:center;padding:12px;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:var(--transition-smooth)}.footer-enamad:hover{background:#ffffff14;border-color:#7c5cff66}.footer-enamad img{max-width:100px;height:auto;display:block;border-radius:8px}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-subtle);text-align:center;position:relative;z-index:1}.footer-copyright{margin:0;font-size:14px;font-weight:500;color:#cbd5e1!important}@media(max-width:768px){.welcome-sticky-header,.welcome-desktop-footer{display:none!important}.desktop-layout__content{padding-top:0;padding-left:0;padding-right:0}}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}.footer-col:first-child{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sticky-header__logo:focus-visible,.nav-link:focus-visible,.sticky-header__login-btn:focus-visible,.footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.terms-wrapper{--bg-deep: #0B0D17;--bg-surface: rgba(22, 26, 46, .7);--bg-elevated: rgba(32, 37, 59, .85);--primary: #7C5CFF;--primary-glow: rgba(124, 92, 255, .5);--accent: #00D2D3;--text-main: #F8FAFC;--text-muted: #CBD5E1;--border-subtle: rgba(255, 255, 255, .1);--border-primary: rgba(124, 92, 255, .3);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);position:relative;min-height:100dvh;width:100%;max-width:100vw;background-color:var(--bg-deep);font-family:Peyda,Tahoma,sans-serif;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(40px,8vw,80px);color:var(--text-main);overflow-x:hidden!important;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.terms-wrapper::-webkit-scrollbar{display:none!important}.terms-wrapper .ambient-glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:.3;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.terms-wrapper .glow-1{width:clamp(300px,40vw,500px);height:clamp(300px,40vw,500px);background:radial-gradient(circle,var(--primary),transparent 70%);top:-10%;left:-10%}.terms-wrapper .glow-2{width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);background:radial-gradient(circle,var(--accent),transparent 70%);bottom:-5%;right:-5%;animation-delay:-7s}.terms-container{position:relative;z-index:2;max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px,5vw,48px)}.terms-hero{text-align:center;padding:clamp(32px,6vw,64px) 0 clamp(16px,3vw,24px);animation:fade-in-up .7s ease-out forwards}.terms-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;box-shadow:0 0 30px var(--primary-glow);animation:pulse 3s ease-in-out infinite}.terms-hero__icon svg{width:40px;height:40px;stroke:#fff;stroke-width:2}.terms-hero__title{font-size:clamp(32px,6vw,48px);font-weight:800;color:var(--text-main);margin:0 0 12px;line-height:1.2}.terms-hero__subtitle{font-size:clamp(14px,2vw,16px);color:var(--text-muted);margin:0;font-weight:500}.terms-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.terms-section:nth-child(2){animation-delay:.1s}.terms-section:nth-child(3){animation-delay:.2s}.terms-section:nth-child(4){animation-delay:.3s}.terms-section:nth-child(5){animation-delay:.4s}.terms-section:nth-child(6){animation-delay:.5s}.terms-section__title{font-size:clamp(22px,4vw,28px);font-weight:800;color:var(--text-main);margin:0 0 20px;text-align:center}.terms-card{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(24px,4vw,36px);margin-bottom:20px;position:relative;overflow:hidden;transition:var(--transition-smooth)}.terms-card:hover{border-color:var(--border-primary);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.terms-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:20px;background:#7c5cff1a;border-radius:50%}.terms-card__icon svg{width:32px;height:32px;stroke:var(--primary);stroke-width:2}.terms-card__title{font-size:clamp(22px,4vw,28px);font-weight:800;color:var(--text-main);margin:0 0 20px;text-align:center}.terms-card__subtitle{font-size:clamp(18px,3vw,22px);font-weight:700;color:var(--primary);margin:0 0 16px;padding-right:16px;border-right:3px solid var(--primary)}.terms-card__content{text-align:right}.terms-card__content p{font-size:clamp(14px,2vw,16px);color:var(--text-muted);line-height:2;margin:0 0 16px}.terms-card__content p:last-child{margin-bottom:0}.terms-card__content strong{color:var(--text-main);font-weight:700}.terms-contact{display:flex;flex-direction:column;gap:16px;margin:20px 0}.terms-contact__item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#7c5cff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-smooth)}.terms-contact__item:hover{background:#7c5cff1a;border-color:var(--border-primary);transform:translate(-4px)}.terms-contact__item svg{width:24px;height:24px;stroke:var(--primary);stroke-width:2;flex-shrink:0}.terms-contact__item>div{display:flex;flex-direction:column;gap:4px}.terms-contact__item strong{font-size:14px;color:var(--text-main);font-weight:700}.terms-contact__item a{color:var(--primary);text-decoration:none;font-size:15px;font-weight:600;transition:var(--transition-smooth);direction:ltr;text-align:right}.terms-contact__item a:hover{color:var(--accent);text-decoration:underline}@media(max-width:640px){.terms-card{padding:20px 16px}.terms-card__subtitle{padding-right:12px}.terms-contact__item{padding:12px 16px}}@media(max-width:480px){.terms-wrapper{padding:16px 16px 40px}.terms-hero__icon{width:64px;height:64px}.terms-hero__icon svg{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.terms-hero,.terms-section{animation:none!important;opacity:1!important;transform:none!important}}.terms-contact__item:focus-within{outline:2px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.welcome-wrapper{--bg-deep: #0B0D17;--bg-surface: rgba(22, 26, 46, .85);--bg-elevated: rgba(32, 37, 59, .9);--primary: #7C5CFF;--primary-hover: #6A4BEE;--primary-glow: rgba(124, 92, 255, .5);--accent: #00D2D3;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--border-subtle: rgba(255, 255, 255, .1);--border-primary: rgba(124, 92, 255, .3);--border-hover: rgba(124, 92, 255, .5);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);position:relative;height:100dvh;width:100%;background-color:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;font-family:Peyda,sans-serif;overflow-x:hidden;overflow-y:auto;direction:rtl;color:var(--text-primary);scrollbar-width:none;-ms-overflow-style:none}.welcome-wrapper::-webkit-scrollbar{display:none}.welcome-wrapper .ambient-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none;opacity:.3}.welcome-wrapper .glow-1{width:500px;height:500px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-150px;right:-150px;animation:float 12s ease-in-out infinite}.welcome-wrapper .glow-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent),transparent 70%);bottom:-100px;left:-100px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-30px,30px) scale(1.1);opacity:.5}}.welcome-wrapper .welcome-card{position:relative;z-index:10;background:var(--bg-surface);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:48px 36px;max-width:520px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-wrapper .brand-logo{width:80px;height:80px;margin:0 auto 28px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px var(--primary-glow);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 30px var(--primary-glow);transform:scale(1)}50%{box-shadow:0 0 50px var(--primary-glow);transform:scale(1.05)}}.welcome-wrapper .brand-logo svg{width:40px;height:40px;stroke:#fff;stroke-width:2}.welcome-wrapper .welcome-title{font-size:32px;font-weight:800;margin:0 0 16px;line-height:1.2;color:var(--text-primary);letter-spacing:-.5px}.welcome-wrapper .text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.welcome-wrapper .welcome-tagline{font-size:16px;font-weight:400;color:var(--text-secondary);line-height:1.8;margin:0 0 36px}.welcome-wrapper .feature-badges{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.welcome-wrapper .badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#7c5cff1a;border:1px solid var(--border-primary);border-radius:99px;font-size:13px;font-weight:600;color:var(--primary);transition:var(--transition-fast)}.welcome-wrapper .badge:hover{background:#7c5cff26;border-color:var(--border-hover);transform:translateY(-2px)}.welcome-wrapper .badge svg{width:16px;height:16px;stroke:currentColor;stroke-width:2}.welcome-wrapper .action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.welcome-wrapper .btn-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 24px;font-size:16px;font-weight:700;font-family:Peyda,sans-serif;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);transition:var(--transition-smooth);position:relative;overflow:hidden}.welcome-wrapper .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.welcome-wrapper .btn-primary:hover:before{left:100%}.welcome-wrapper .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #7c5cff99}.welcome-wrapper .btn-primary:active{transform:translateY(-1px) scale(.98)}.welcome-wrapper .btn-primary svg{width:20px;height:20px;stroke:currentColor;stroke-width:2}.welcome-wrapper .btn-secondary{width:100%;padding:16px 24px;font-size:15px;font-weight:600;font-family:Peyda,sans-serif;color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth)}.welcome-wrapper .btn-secondary:hover{background:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary);transform:translateY(-2px)}.welcome-wrapper .footer-hint{font-size:13px;color:var(--text-muted);opacity:.8;padding-top:24px;border-top:1px dashed var(--border-subtle)}.welcome-wrapper .desktop-features{display:none}@media(min-width:769px){.welcome-wrapper{height:auto;min-height:100dvh;justify-content:flex-start;padding-top:120px;padding-bottom:100px;gap:80px}.welcome-wrapper .desktop-features{display:block;width:100%;max-width:1100px;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.welcome-wrapper .section-title{text-align:center;font-size:32px;font-weight:800;margin-bottom:56px;color:var(--text-primary)!important;letter-spacing:-.5px}.welcome-wrapper .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.welcome-wrapper .feature-item{background:var(--bg-elevated)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg);padding:40px 28px;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.welcome-wrapper .feature-item:before{content:"";position:absolute;top:-80px;right:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(124,92,255,.15),transparent 70%);border-radius:50%;pointer-events:none;transition:var(--transition-smooth);opacity:0}.welcome-wrapper .feature-item:hover{transform:translateY(-8px);border-color:var(--border-primary)!important;box-shadow:0 20px 40px #0006}.welcome-wrapper .feature-item:hover:before{opacity:1;transform:scale(1.2)}.welcome-wrapper .icon-box{font-size:48px;margin-bottom:24px;display:inline-block;filter:drop-shadow(0 4px 16px rgba(124,92,255,.4));transition:var(--transition-bounce)}.welcome-wrapper .feature-item:hover .icon-box{transform:scale(1.2) rotate(-5deg)}.welcome-wrapper .feature-item h3{font-size:22px;font-weight:700;margin:0 0 16px;color:var(--text-primary)!important}.welcome-wrapper .feature-item p{font-size:15px;color:var(--text-secondary)!important;line-height:1.8;margin:0}}@media(min-width:769px)and (max-width:1024px){.welcome-wrapper .features-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.welcome-wrapper .welcome-card{padding:36px 24px}.welcome-wrapper .welcome-title{font-size:26px}.welcome-wrapper .welcome-tagline{font-size:15px}.welcome-wrapper .feature-badges{gap:8px}.welcome-wrapper .badge{padding:8px 14px;font-size:12px}}.welcome-wrapper .btn-primary:focus-visible,.welcome-wrapper .btn-secondary:focus-visible,.welcome-wrapper .badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.auth-wrapper{--bg-deep: #0B0D17 !important;--bg-surface: rgba(22, 26, 46, .6) !important;--primary: #7C5CFF !important;--primary-glow: rgba(124, 92, 255, .4) !important;--accent: #00D2D3 !important;--text-main: #F4F6FF !important;--text-muted: #94A3B8 !important;--border-subtle: rgba(255, 255, 255, .08) !important;--error-bg: rgba(255, 82, 98, .1) !important;--error-text: #FF5262 !important;--success-bg: rgba(0, 200, 83, .1) !important;--success-text: #00C853 !important;position:relative;height:100dvh;width:100%;background-color:var(--bg-deep)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;font-family:Peyda,sans-serif;overflow-x:hidden;overflow-y:auto;direction:rtl;color:var(--text-main)!important;scrollbar-width:none;-ms-overflow-style:none}.auth-wrapper::-webkit-scrollbar{display:none}.glow-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-100px;right:-100px;animation:breathe 8s ease-in-out infinite alternate}.glow-2{width:300px;height:300px;background:radial-gradient(circle,var(--accent),transparent 70%);bottom:-50px;left:-50px;animation:breathe 10s ease-in-out infinite alternate-reverse}.auth-card{position:relative;z-index:10;background:var(--bg-surface)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle)!important;border-radius:24px;padding:40px 32px;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.auth-header{margin-bottom:32px}.auth-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--primary-glow)}.auth-icon svg{width:36px;height:36px;stroke:#fff}.auth-title{font-size:28px;font-weight:800;margin:0 0 12px;line-height:1.3;color:var(--text-main)!important}.auth-subtitle{font-size:15px;font-weight:400;color:var(--text-muted)!important;line-height:1.7;margin:0}.auth-alert.success{background:var(--success-bg)!important;color:var(--success-text)!important;border:1px solid rgba(0,200,83,.2)!important}.auth-form{margin-bottom:24px;text-align:right}.input-group{margin-bottom:24px}.input-label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-main)!important}.input-field{width:100%;padding:16px;background:#ffffff08!important;border:1px solid var(--border-subtle)!important;border-radius:16px;font-size:16px;font-family:Peyda,sans-serif;color:var(--text-main)!important;transition:all .3s ease;box-sizing:border-box;direction:ltr;text-align:center}.input-field.text-center{letter-spacing:8px;font-weight:700;font-size:24px}.input-hint{font-size:13px;color:var(--text-muted)!important;margin-top:8px;line-height:1.5;text-align:right}.privacy-group{margin-bottom:24px;text-align:right}.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-muted)!important;cursor:pointer;line-height:1.6}.custom-checkbox{margin-top:3px;width:18px;height:18px;accent-color:var(--primary)!important;cursor:pointer;flex-shrink:0}.text-link{color:var(--primary)!important;text-decoration:none;font-weight:600;border-bottom:1px dashed var(--primary);transition:all .2s ease;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer}.text-link:hover{color:var(--accent)!important;border-bottom-style:solid}.btn-text{width:100%;padding:12px;font-size:14px;font-weight:600;font-family:Peyda,sans-serif;color:var(--text-muted)!important;background:transparent!important;border:none!important;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-text:hover:not(:disabled){color:var(--primary)!important;background:#7c5cff0d!important}.btn-text:disabled{color:var(--text-muted)!important;opacity:.5;cursor:not-allowed}.secondary-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.auth-progress{display:flex;align-items:center;gap:12px;margin-top:32px;padding:12px 24px;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:99px;backdrop-filter:blur(12px)}.progress-step{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-muted)!important;transition:all .3s ease}.progress-line{width:32px;height:2px;background:var(--border-subtle)!important}.modal-overlay{position:fixed;inset:0;background:#0b0d17cc!important;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:24px;padding:32px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080;direction:rtl;text-align:right;animation:slideUp .3s ease-out forwards}.modal-close{position:absolute;top:16px;left:16px;background:#ffffff0d;border:1px solid var(--border-subtle)!important;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)!important;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff1a!important;color:var(--text-main)!important}.modal-close svg{width:20px;height:20px}.modal-title{font-size:20px;font-weight:800;color:var(--text-main)!important;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)!important}.modal-body{font-size:14px;line-height:1.8;color:var(--text-muted)!important;margin-bottom:32px}.modal-body p{margin-bottom:16px}.modal-body strong{color:var(--text-main)!important}@media(max-width:480px){.auth-wrapper{padding:16px}.auth-card{padding:32px 24px}.input-field.text-center{letter-spacing:4px;font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.auth-card,.auth-alert,.auth-progress{animation:none!important;opacity:1!important;transform:none!important}}.input-field:focus-visible,.btn-primary:focus-visible,.btn-text:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.about-wrapper{--bg-deep: #0B0D17;--bg-surface: rgba(22, 26, 46, .7);--bg-elevated: rgba(32, 37, 59, .85);--primary: #7C5CFF;--primary-glow: rgba(124, 92, 255, .5);--accent: #00D2D3;--text-main: #F8FAFC;--text-muted: #CBD5E1;--border-subtle: rgba(255, 255, 255, .1);--border-primary: rgba(124, 92, 255, .3);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);position:relative;min-height:100dvh;width:100%;max-width:100vw;background-color:var(--bg-deep);font-family:Peyda,Tahoma,sans-serif;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(40px,8vw,80px);color:var(--text-main);overflow-x:hidden!important;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.about-wrapper::-webkit-scrollbar{display:none!important}.about-container{position:relative;z-index:2;max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(40px,6vw,64px)}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--text-main);margin:0;text-align:center}.about-hero{text-align:center;padding:clamp(32px,6vw,64px) 0;animation:fade-in-up .7s ease-out forwards}.about-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#7c5cff1a;border:1px solid var(--border-primary);border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:var(--primary);margin-bottom:24px}.about-hero__badge svg{width:16px;height:16px;stroke:currentColor}.about-hero__title{font-size:clamp(36px,7vw,56px);font-weight:800;color:var(--text-main);margin:0 0 16px;line-height:1.2}.about-hero__subtitle{font-size:clamp(16px,2.5vw,18px);color:var(--text-muted);margin:0 auto;line-height:1.8;max-width:700px;font-weight:400}.story-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .1s forwards;opacity:0}.story-card{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(32px,5vw,48px);text-align:center}.story-card__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-lg);margin-bottom:24px;box-shadow:0 0 30px var(--primary-glow)}.story-card__icon-wrapper svg{width:40px;height:40px;stroke:#fff;stroke-width:2}.story-card__title{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--text-main);margin:0 0 24px}.story-card__content{max-width:800px;margin:0 auto;text-align:right}.story-card__content p{font-size:16px;color:var(--text-muted);line-height:2;margin:0 0 16px}.story-card__content p:last-child{margin-bottom:0}.story-card__content strong{color:var(--text-main);font-weight:700}.values-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .2s forwards;opacity:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.value-card{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:var(--transition-smooth)}.value-card:hover{transform:translateY(-6px);border-color:var(--border-primary);box-shadow:0 20px 40px #0000004d}.value-card:hover:before{opacity:1}.value-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:20px;background:#7c5cff1a;border-radius:50%;transition:var(--transition-bounce)}.value-card__icon svg{width:32px;height:32px;stroke:var(--primary);stroke-width:2}.value-card:hover .value-card__icon{transform:scale(1.1) rotate(-5deg);background:#7c5cff33}.value-card__title{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--text-main)}.value-card__description{margin:0;font-size:15px;color:var(--text-muted);line-height:1.8}.stats-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-primary)}.stat-card__icon{display:inline-flex;margin-bottom:16px}.stat-card__icon svg{width:40px;height:40px;stroke:var(--accent);stroke-width:2}.stat-card__value{font-size:clamp(32px,5vw,40px);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:8px}.stat-card__label{font-size:15px;font-weight:500;color:var(--text-muted)}.vision-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .4s forwards;opacity:0}.vision-card{background:linear-gradient(135deg,#7c5cff26,#00d2d30d);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:clamp(32px,5vw,48px);text-align:center;position:relative;overflow:hidden}.vision-card__icon{display:inline-flex;margin-bottom:20px}.vision-card__icon svg{width:48px;height:48px;stroke:var(--primary);stroke-width:2;filter:drop-shadow(0 0 10px var(--primary-glow))}.vision-card__title{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--text-main);margin:0 0 16px}.vision-card__text{font-size:16px;color:var(--text-muted);line-height:1.9;margin:0 auto 32px;max-width:700px}.vision-card__text strong{color:var(--text-main);font-weight:700}.vision-card__features{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto}.vision-feature{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-muted);transition:var(--transition-smooth)}.vision-feature:hover{background:#7c5cff1a;border-color:var(--border-primary);color:var(--text-main);transform:translate(-4px)}.vision-feature__icon svg{width:20px;height:20px;stroke:var(--accent);stroke-width:2;flex-shrink:0}.contact-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .5s forwards;opacity:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-card{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:var(--transition-smooth);text-decoration:none;color:inherit;display:block}.contact-card:hover{transform:translateY(-6px);border-color:var(--border-primary);box-shadow:0 20px 40px #0000004d}.contact-card__icon{display:inline-flex;margin-bottom:16px}.contact-card__icon svg{width:40px;height:40px;stroke:var(--primary);stroke-width:2}.contact-card:hover .contact-card__icon svg{stroke:var(--accent);transform:scale(1.1);transition:var(--transition-bounce)}.contact-card__title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-main)}.contact-card__value{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--primary);direction:ltr}.contact-card__hint{margin:0;font-size:14px;color:var(--text-muted)}.cta-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .6s forwards;opacity:0}@media(max-width:640px){.values-grid,.stats-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:480px){.about-wrapper{padding:16px 16px 40px}.story-card,.value-card,.stat-card,.contact-card,.cta-card{padding:24px 20px}}.cta-btn:focus-visible,.contact-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.services-wrapper{--bg-deep: #0B0D17;--bg-surface: rgba(22, 26, 46, .7);--bg-elevated: rgba(32, 37, 59, .85);--primary: #7C5CFF;--primary-glow: rgba(124, 92, 255, .5);--accent: #00D2D3;--text-main: #F8FAFC;--text-muted: #CBD5E1;--border-subtle: rgba(255, 255, 255, .1);--border-primary: rgba(124, 92, 255, .3);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);position:relative;min-height:100dvh;width:100%;max-width:100vw;background-color:var(--bg-deep);font-family:Peyda,Tahoma,sans-serif;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(40px,8vw,80px);color:var(--text-main);overflow-x:hidden!important;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.services-wrapper::-webkit-scrollbar{display:none!important}.ambient-glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:.3;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.glow-1{width:clamp(300px,40vw,500px);height:clamp(300px,40vw,500px);background:radial-gradient(circle,var(--primary),transparent 70%);top:-10%;left:-10%}.glow-2{width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);background:radial-gradient(circle,var(--accent),transparent 70%);bottom:-5%;right:-5%;animation-delay:-7s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}.services-container{position:relative;z-index:2;max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(40px,6vw,64px)}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--text-main);margin:0 0 12px;text-align:center}.section-title svg{width:32px;height:32px;stroke:var(--primary);stroke-width:2}.section-subtitle{font-size:clamp(15px,2.5vw,17px);color:var(--text-muted);text-align:center;margin:0 auto 32px;line-height:1.7;max-width:600px}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-hero{text-align:center;padding:clamp(32px,6vw,64px) 0;animation:fade-in-up .7s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#7c5cff1a;border:1px solid var(--border-primary);border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:var(--primary);margin-bottom:24px}.services-hero__badge svg{width:16px;height:16px;stroke:currentColor}.services-hero__title{font-size:clamp(36px,7vw,56px);font-weight:800;color:var(--text-main);margin:0 0 16px;line-height:1.2}.services-hero__subtitle{font-size:clamp(16px,2.5vw,18px);color:var(--text-muted);margin:0 auto;line-height:1.8;max-width:700px;font-weight:400}@keyframes card-entrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .1s forwards;opacity:0}.service-overview-card{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.service-overview-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:var(--transition-smooth)}.service-overview-card:hover{transform:translateY(-6px);border-color:var(--border-primary);box-shadow:0 20px 40px #0000004d}.service-overview-card:hover:before{opacity:1}.service-overview-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:20px;background:#7c5cff1a;border-radius:50%;transition:var(--transition-bounce)}.service-overview-card__icon svg{width:32px;height:32px;stroke:var(--primary);stroke-width:2}.service-overview-card:hover .service-overview-card__icon{transform:scale(1.1) rotate(-5deg);background:#7c5cff33}.service-overview-card__title{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--text-main)}.service-overview-card__desc{margin:0;font-size:15px;color:var(--text-muted);line-height:1.8}.features-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .2s forwards;opacity:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 24px;transition:var(--transition-smooth)}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-primary)}.feature-card__icon{display:inline-flex;margin-bottom:16px}.feature-card__icon svg{width:36px;height:36px;stroke:var(--accent);stroke-width:2}.feature-card__title{margin:0 0 10px;font-size:18px;font-weight:700;color:var(--text-main)}.feature-card__desc{margin:0;font-size:14px;color:var(--text-muted);line-height:1.7}.cta-section{animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}.cta-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:clamp(32px,5vw,48px);text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,92,255,.1),transparent 60%);pointer-events:none}.cta-card__title{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--text-main);margin:0 0 12px;position:relative;z-index:1}.cta-card__subtitle{font-size:16px;color:var(--text-muted);margin:0 0 32px;line-height:1.7;position:relative;z-index:1}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,var(--primary),#6A4BEE);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);transition:var(--transition-smooth);font-family:inherit;position:relative;z-index:1;overflow:hidden}.cta-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #7c5cff99}.cta-btn:hover:before{left:100%}.cta-btn:active{transform:translateY(-1px) scale(.98)}@media(max-width:640px){.services-overview,.features-grid{grid-template-columns:1fr}}@media(max-width:480px){.services-wrapper{padding:16px 16px 40px}.service-overview-card,.feature-card,.cta-card{padding:24px 20px}}.cta-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.profile-input{width:100%;padding:16px;background:#ffffff08!important;border:1px solid var(--border-subtle)!important;border-radius:16px;font-size:16px;font-family:Peyda,sans-serif;color:var(--text-main)!important;transition:all .3s ease;box-sizing:border-box;direction:rtl;text-align:right}.profile-input:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff0d!important}.profile-input::placeholder{color:var(--text-muted)!important;opacity:.6}.profile-input.input-error{border-color:var(--error-text)!important;background:var(--error-bg)!important}.profile-input.input-error:focus{box-shadow:0 0 0 4px #ff526233!important}.profile-input.input-filled:not(.input-error){border-color:var(--primary)!important}.profile-input-error{display:block;margin-top:8px;font-size:13px;color:var(--error-text)!important;font-weight:500}.profile-input-hint{display:block;margin-top:8px;font-size:13px;color:var(--text-muted)!important;line-height:1.5}.profile-input:focus-visible,.btn-primary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;opacity:.4}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-100px;left:-100px;animation:breathe 8s ease-in-out infinite alternate}.orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--accent),transparent 70%);bottom:-50px;right:-50px;animation:breathe 10s ease-in-out infinite alternate-reverse}.profile-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--primary-glow);animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 0 20px #7c5cff4d;transform:scale(1)}50%{box-shadow:0 0 40px #00d2d366;transform:scale(1.05)}}.profile-alert{padding:14px 18px;border-radius:16px;font-size:14px;font-weight:600;margin-bottom:24px;text-align:right;animation:slideUp .3s ease-out forwards}.profile-alert-error{background:var(--error-bg)!important;color:var(--error-text)!important;border:1px solid rgba(255,82,98,.2)!important}.profile-form{margin-bottom:24px;text-align:right}.profile-form-group{margin-bottom:24px}.profile-label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-main)!important}.input-field{width:100%;padding:16px;background:#ffffff08!important;border:1px solid var(--border-subtle)!important;border-radius:16px;font-size:16px;font-family:Peyda,sans-serif;color:var(--text-main)!important;transition:all .3s ease;box-sizing:border-box;direction:rtl;text-align:right;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.input-field:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff0d!important}.input-field::placeholder{color:var(--text-muted)!important;opacity:.6}.input-field option{background-color:#161a2e!important;color:#f4f6ff!important;padding:12px}.select-wrapper{position:relative;width:100%}.select-arrow{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;color:var(--text-muted)!important;transition:all .3s ease}.input-field:focus+.select-arrow,.select-wrapper:hover .select-arrow{color:var(--primary)!important;transform:translateY(-50%) scale(1.1)}.select-arrow svg{width:100%;height:100%;stroke:currentColor}.input-hint{display:block;margin-top:8px;font-size:13px;color:var(--text-muted)!important;line-height:1.5}.btn-primary{width:100%;padding:16px;font-size:16px;font-weight:700;font-family:Peyda,sans-serif;color:#fff!important;background:linear-gradient(135deg,var(--primary),#6A4BEE);border:none!important;border-radius:16px;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-primary.btn-success{background:linear-gradient(135deg,var(--success-text),#009624)!important;animation:btn-confetti .5s ease-out}@keyframes btn-confetti{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:480px){.profile-wrapper{padding:16px}.profile-card{padding:32px 24px}.profile-progress{width:100%;justify-content:center;padding:10px 16px}.step-label{display:none}.progress-step{gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.profile-card,.profile-alert,.profile-motivation,.profile-progress{animation:none!important;opacity:1!important;transform:none!important}}.input-field:focus-visible,.btn-primary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-info: #3b82f6;--color-info-bg: #eff6ff;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--shadow-selected: 0 0 0 4px rgba(245, 158, 11, .5), 0 20px 60px rgba(124, 58, 237, .35);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: all .5s cubic-bezier(.34, 1.56, .64, 1)}.profile-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl}.bg-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.profile-card{position:relative;z-index:2;background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:clamp(24px,6vw,40px);max-width:clamp(320px,95vw,720px);width:100%;box-shadow:var(--shadow-soft);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(25px)}.profile-header{text-align:center;margin-bottom:clamp(20px,5vw,32px)}.profile-icon{width:clamp(56px,12vw,72px);height:clamp(56px,12vw,72px);margin:0 auto clamp(12px,3vw,20px);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);animation:icon-pulse 3s ease-in-out infinite}.profile-icon-avatar svg{width:55%;height:55%}@keyframes icon-pulse{0%,to{box-shadow:0 12px 40px #7c3aed59;transform:scale(1)}50%{box-shadow:0 20px 55px #f59e0b66;transform:scale(1.04)}}.profile-icon svg{width:50%;height:50%;stroke:var(--color-white);stroke-width:1.5}.profile-title{font-size:clamp(20px,5.5vw,28px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(6px,2vw,10px);line-height:1.3}.profile-subtitle{font-size:clamp(13px,3.8vw,16px);color:var(--color-text-secondary);margin:0;line-height:1.6;opacity:.95;font-weight:500}.profile-alert{padding:clamp(10px,2.5vw,14px) clamp(14px,4vw,18px);border-radius:var(--radius-md);font-size:clamp(13px,3.5vw,14px);font-weight:500;margin-bottom:clamp(16px,4vw,20px);text-align:right;animation:alert-slide .3s ease-out}.profile-alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #fecaca}.profile-alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #bfdbfe}.avatar-preview{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto clamp(24px,6vw,36px);padding:clamp(20px,5vw,28px);background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border:2px dashed var(--color-primary-light);border-radius:var(--radius-lg);max-width:220px;animation:preview-entrance .5s ease-out forwards}@keyframes preview-entrance{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-preview-glow{position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(245,158,11,.35),transparent 65%);filter:blur(12px);opacity:.6;pointer-events:none;animation:glow-pulse 2.5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.75}}.avatar-preview-image{width:clamp(90px,22vw,130px);height:clamp(90px,22vw,130px);border-radius:50%;object-fit:cover;border:4px solid var(--color-white);box-shadow:var(--shadow-selected);animation:avatar-float 3.5s ease-in-out infinite;z-index:1;background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-end))}@keyframes avatar-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(1deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-6px) rotate(-1deg)}}.avatar-preview-name{margin-top:clamp(10px,2.5vw,14px);font-size:clamp(15px,4vw,18px);font-weight:800;color:var(--color-text-primary);z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.avatar-preview-badge{position:absolute;top:-10px;left:-10px;padding:5px 14px;background:linear-gradient(135deg,var(--color-success),#15803d);color:#fff;font-size:12px;font-weight:800;border-radius:var(--radius-pill);box-shadow:0 4px 14px #16a34a80;animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;z-index:2;letter-spacing:.5px}@keyframes badge-pop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.25) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,3.5vw,22px);margin-bottom:clamp(24px,6vw,32px);padding:clamp(8px,2vw,12px);justify-items:center}.avatar-grid-loading{pointer-events:none;opacity:.8}.avatar-card-skeleton{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:#ffffffb3;border-radius:var(--radius-md);animation:skeleton-pulse 1.6s ease-in-out infinite;width:100%;max-width:140px}@keyframes skeleton-pulse{0%,to{opacity:.65}50%{opacity:.35}}.skeleton-avatar{width:clamp(70px,18vw,95px);height:clamp(70px,18vw,95px);border-radius:50%;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s infinite}.skeleton-name{width:70%;height:14px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s infinite}.btn-primary{width:100%;padding:clamp(15px,4vw,20px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:clamp(16px,4.5vw,18px);font-weight:800;cursor:pointer;box-shadow:0 12px 35px #6d28d973;transition:var(--transition-bounce);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--shadow-hover)}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{background:linear-gradient(135deg,#a78bfa,#8b5cf6);cursor:not-allowed;transform:none;box-shadow:none;opacity:.85}.btn-primary-avatar{margin-top:clamp(10px,2.5vw,14px)}.btn-celebration{display:inline-flex;align-items:center;gap:10px;animation:celebrate-pulse .7s ease-in-out infinite}@keyframes celebrate-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.confetti{font-size:1.3em;animation:confetti-fall 1.2s ease-out forwards;display:inline-block}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(-25px) rotate(360deg) scale(1.2);opacity:.9}}.btn-loading{display:inline-flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}.btn-primary svg{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px);stroke:currentColor;transition:transform .25s ease;flex-shrink:0}.btn-primary:hover:not(:disabled) svg{transform:translate(-5px)}.profile-footer{padding-top:clamp(18px,4.5vw,26px);border-top:1px dashed rgba(147,51,234,.25);text-align:center}.profile-motivation{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-muted);font-weight:700;margin:0;animation:fade-in .5s ease-out forwards;animation-delay:.3s;opacity:0;letter-spacing:.3px}@keyframes fade-in{to{opacity:1}}.profile-progress{position:fixed;bottom:clamp(14px,3.5vw,22px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:clamp(8px,2.5vw,12px) clamp(20px,5vw,28px);background:#fffffff5;border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);font-size:clamp(12px,3.2vw,14px);color:var(--color-text-secondary);z-index:10;animation:slide-up .5s ease-out forwards;animation-delay:.4s;opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6)}@keyframes slide-up{to{opacity:1;transform:translate(-50%) translateY(0)}0%{opacity:0;transform:translate(-50%) translateY(18px)}}.progress-step{font-weight:700;color:#94a3b8;transition:var(--transition-smooth);white-space:nowrap;padding:2px 6px}.progress-step.active{color:var(--color-primary);text-shadow:0 0 8px rgba(124,58,237,.3)}.progress-step.completed{color:var(--color-success)}.progress-divider{width:20px;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);border-radius:1px}.confetti-container:before,.confetti-container:after,.confetti-container span{content:"🎉✨💜🚀🎊🏆";position:absolute;font-size:clamp(22px,6vw,36px);animation:confetti-rain 2.2s ease-out forwards;opacity:0}.confetti-container:before{left:15%;animation-delay:.1s}.confetti-container:after{right:15%;animation-delay:.35s}@keyframes confetti-rain{0%{top:-60px;opacity:1;transform:rotate(0) scale(.4) translateY(0)}20%{opacity:1}to{top:130vh;opacity:0;transform:rotate(720deg) scale(1.3) translateY(20px)}}@media(max-width:768px){.avatar-grid{gap:clamp(12px,3vw,18px);padding:4px}.profile-card{padding:clamp(22px,5.5vw,36px)}.avatar-preview{max-width:200px;padding:18px 16px}.avatar-preview-image{width:110px;height:110px}}@media(max-width:520px){.avatar-grid{grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.5vw,14px)}.profile-wrapper{padding:14px}.profile-card{padding:26px 18px;margin:0 6px;border-radius:var(--radius-lg)}.avatar-preview{max-width:180px;padding:16px 14px}.avatar-preview-image{width:100px;height:100px}.profile-progress{width:calc(100% - 40px);justify-content:center;flex-wrap:wrap;gap:6px;padding:8px 16px}.progress-step{font-size:11px;padding:2px 4px}.progress-divider{width:14px}.btn-primary{padding:14px 18px;font-size:16px}}@media(max-width:360px){.avatar-grid{grid-template-columns:repeat(2,1fr);gap:10px}.avatar-card-skeleton{padding:10px;max-width:110px}.skeleton-avatar{width:65px;height:65px}.profile-title{font-size:22px}.profile-subtitle{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.profile-card,.profile-alert,.profile-motivation,.profile-progress,.avatar-preview,.avatar-preview-image,.confetti-container,.btn-primary,.avatar-card{animation:none!important;transition:none!important;transform:none!important}.avatar-preview-image{animation:none!important}}.profile-card:focus-within,.btn-primary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.dashboard-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px)}.dashboard-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(20px,5vw,32px);padding:0 clamp(8px,2vw,16px)}.dashboard-header-content{flex:1}.dashboard-title{font-size:clamp(22px,5.5vw,30px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(4px,1.5vw,8px);line-height:1.3}.dashboard-subtitle{font-size:clamp(13px,3.8vw,16px);color:var(--color-text-secondary);margin:0;font-weight:500;opacity:.95}.dashboard-settings-menu{position:relative;flex-shrink:0}.dashboard-settings-btn{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-soft);padding:0}.dashboard-settings-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--color-primary-light)}.dashboard-settings-btn svg{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px);stroke:var(--color-primary)}.dashboard-settings-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-md);box-shadow:var(--shadow-hover);padding:8px;min-width:180px;z-index:100;animation:dropdown-slide .2s ease-out forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-settings-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;color:var(--color-error);text-align:right;transition:var(--transition-smooth);font-family:inherit}.dashboard-settings-dropdown-item:hover{background:#dc262614;transform:translate(-4px)}.dashboard-settings-dropdown-item svg{width:18px;height:18px;stroke:currentColor;flex-shrink:0}.dashboard-card{position:relative;z-index:2;background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:clamp(24px,6vw,40px);max-width:clamp(320px,95vw,600px);margin:0 auto;box-shadow:var(--shadow-soft);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards}.dashboard-avatar-section{text-align:center;margin-bottom:clamp(24px,6vw,32px)}.avatar-display,.avatar-placeholder{display:inline-flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:var(--transition-smooth);padding:8px;border-radius:var(--radius-lg)}.avatar-display:hover,.avatar-placeholder:hover{background:#7c3aed0f;transform:translateY(-2px)}.avatar-image-large{width:clamp(100px,24vw,140px);height:clamp(100px,24vw,140px);border-radius:50%;object-fit:cover;border:4px solid var(--color-white);box-shadow:var(--shadow-glow);transition:var(--transition-smooth);background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-end))}.avatar-display:hover .avatar-image-large{transform:scale(1.05);box-shadow:var(--shadow-hover)}.avatar-placeholder{width:clamp(100px,24vw,140px);height:clamp(100px,24vw,140px);background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border:3px dashed var(--color-primary-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted);font-size:13px;font-weight:500}.avatar-placeholder svg{width:50px;height:50px;stroke:var(--color-primary);opacity:.7}.avatar-edit-hint{font-size:12px;color:var(--color-text-muted);font-weight:500;opacity:.8}.avatar-edit-mode{text-align:right}.section-title{font-size:clamp(16px,4vw,18px);font-weight:700;color:var(--color-text-primary);margin:0 0 clamp(16px,4vw,20px);text-align:center}.empty-state{text-align:center;padding:20px;color:var(--color-text-muted);font-size:14px}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,18px);padding:4px}.avatar-card{position:relative;padding:10px;border:3px solid transparent;border-radius:var(--radius-md);background:#fff9;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:6px}.avatar-card:hover{transform:translateY(-3px);background:#fffffff2;box-shadow:var(--shadow-soft);z-index:1}.avatar-card.selected{border-color:var(--color-accent);background:linear-gradient(135deg,#f59e0b26,#7c3aed26);box-shadow:0 0 0 3px #f59e0b4d,var(--shadow-soft);transform:scale(1.03);z-index:2}.avatar-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.avatar-badge-default{position:absolute;top:-4px;right:-4px;padding:2px 8px;background:var(--color-primary);color:#fff;font-size:9px;font-weight:700;border-radius:var(--radius-pill);box-shadow:0 2px 6px #7c3aed66;z-index:3}.avatar-image-wrapper{width:clamp(55px,14vw,70px);height:clamp(55px,14vw,70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-end));border-radius:var(--radius-md);border:2px solid var(--color-white);overflow:hidden}.avatar-image{width:90%;height:90%;object-fit:contain;border-radius:6px}.avatar-name{font-size:clamp(10px,2.8vw,12px);font-weight:600;color:var(--color-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:80px}.avatar-checkmark{position:absolute;top:4px;left:4px;width:22px;height:22px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 2px 8px #16a34a80;animation:checkmark-pop .3s ease-out forwards;z-index:3}.dashboard-name-section{text-align:center;margin-bottom:clamp(20px,5vw,28px)}.username-display{font-size:clamp(20px,5vw,26px);font-weight:800;color:var(--color-text-primary);margin:0;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:6px}.username-display:hover{color:var(--color-primary)}.edit-hint{font-size:14px;opacity:.6;transition:var(--transition-smooth)}.username-display:hover .edit-hint{opacity:1;transform:translate(-2px)}.edit-mode{max-width:280px;margin:0 auto}.input-primary{width:100%;padding:clamp(12px,3vw,16px);border:2px solid #e2e8f0;border-radius:var(--radius-md);font-size:clamp(15px,4vw,17px);font-family:inherit;text-align:center;transition:var(--transition-smooth);background:var(--color-white)}.input-primary:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed26}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,3vw,16px);margin-bottom:clamp(24px,6vw,32px)}.stat-card{display:flex;align-items:center;gap:12px;padding:clamp(14px,3.5vw,18px);background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-md);transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.stat-icon{font-size:clamp(24px,6vw,32px);flex-shrink:0}.stat-content{text-align:right;flex:1}.stat-label{display:block;font-size:clamp(11px,3vw,13px);color:var(--color-text-muted);font-weight:500;margin-bottom:2px}.stat-value{display:block;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary);line-height:1.2}.dashboard-education-section{padding:clamp(16px,4vw,20px);background:#fff9;border-radius:var(--radius-md);margin-bottom:clamp(20px,5vw,28px);text-align:center}.education-display{margin:0;font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.education-display:hover{color:var(--color-primary)}.education-label{color:var(--color-text-muted);font-weight:400}.education-separator{color:var(--color-primary-light);margin:0 4px}.select-group{margin-bottom:12px;text-align:right}.select-group label{display:block;font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.select-primary{width:100%;border:2px solid #e2e8f0;border-radius:var(--radius-md);font-size:15px;font-family:inherit;background:var(--color-white);cursor:pointer;transition:var(--transition-smooth);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236d28d9' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:16px;padding:10px 14px 10px 36px}.select-primary:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed26}.dashboard-actions{display:flex;flex-direction:column;gap:10px;margin-top:clamp(20px,5vw,28px);padding-top:clamp(16px,4vw,20px);border-top:1px dashed rgba(147,51,234,.2)}.btn-primary{width:100%;padding:clamp(14px,3.5vw,18px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(15px,4.2vw,17px);font-weight:700;cursor:pointer;box-shadow:0 10px 30px #6d28d966;transition:var(--transition-bounce);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:disabled{background:linear-gradient(135deg,#a78bfa,#8b5cf6);cursor:not-allowed;opacity:.8}.btn-secondary{width:100%;padding:clamp(12px,3vw,15px);background:transparent;border:2px solid #e2e8f0;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-smooth);font-family:inherit}.btn-secondary:hover{background:#e2e8f080;border-color:var(--color-primary-light);color:var(--color-primary)}.dashboard-social-section{margin-bottom:clamp(24px,6vw,32px);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) .2s backwards}.social-section__title{display:flex;align-items:center;gap:8px;margin:0 0 clamp(12px,3vw,16px);font-size:clamp(15px,3.8vw,17px);font-weight:800;color:var(--color-text-primary);text-align:right}.social-section__title-icon{font-size:18px;padding:4px;background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border-radius:50%}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.5vw,14px)}.social-card{position:relative;display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:clamp(14px,3.5vw,18px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1.5px solid rgba(124,58,237,.15);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:right;font-family:inherit;overflow:hidden}.social-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;opacity:.8;transition:opacity .3s ease}.social-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed26;border-color:#7c3aed4d}.social-card:hover:before{opacity:1}.social-card:active{transform:translateY(-1px)}.social-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.social-card--followers{background:linear-gradient(135deg,#7c3aed14,#a78bfa14);border-color:#7c3aed33}.social-card--followers:before{background:linear-gradient(180deg,#7c3aed,#a78bfa)}.social-card--followers:hover{background:linear-gradient(135deg,#7c3aed1f,#a78bfa1f);box-shadow:0 10px 30px #7c3aed33}.social-card--followers .social-card__icon-wrapper{background:linear-gradient(135deg,#7c3aed33,#a78bfa33)}.social-card--followers .social-card__count{color:var(--color-primary)}.social-card--following{background:linear-gradient(135deg,#f59e0b14,#fbbf2414);border-color:#f59e0b33}.social-card--following:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.social-card--following:hover{background:linear-gradient(135deg,#f59e0b1f,#fbbf241f);box-shadow:0 10px 30px #f59e0b33}.social-card--following .social-card__icon-wrapper{background:linear-gradient(135deg,#f59e0b33,#fbbf2433)}.social-card--following .social-card__count{background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.social-card__icon-wrapper{flex-shrink:0;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.social-card:hover .social-card__icon-wrapper{transform:scale(1.1) rotate(-5deg)}.social-card__icon{font-size:clamp(20px,5vw,24px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.social-card__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.social-card__count{font-size:clamp(18px,4.5vw,22px);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.social-card__label{font-size:clamp(11px,2.8vw,13px);font-weight:600;color:var(--color-text-muted);opacity:.85}.social-card__arrow{flex-shrink:0;font-size:18px;font-weight:800;color:var(--color-text-muted);opacity:0;transform:translate(8px);transition:all .3s ease}.social-card:hover .social-card__arrow{opacity:.7;transform:translate(0)}@media(max-width:600px){.social-grid{grid-template-columns:1fr}.social-card{padding:14px}.social-card__icon-wrapper{width:40px;height:40px}.social-card__count{font-size:18px}}.dashboard-admin-panel{text-align:center;margin-top:clamp(24px,6vw,32px);padding-top:clamp(16px,4vw,20px);border-top:1px dashed rgba(147,51,234,.2)}.btn-admin{padding:clamp(12px,3vw,16px) clamp(24px,6vw,32px);background:linear-gradient(135deg,var(--color-success),#15803d);color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #16a34a59;transition:var(--transition-bounce);font-family:inherit;display:inline-flex;align-items:center;gap:8px}.btn-admin:hover{transform:translateY(-3px);box-shadow:0 12px 32px #16a34a80}.dashboard-loading-state,.dashboard-error-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px}.dashboard-loading-state p,.dashboard-error-state p{font-size:16px;color:var(--color-text-secondary);margin:0}.dashboard-error-state .btn-primary{max-width:200px}.confetti-container:before,.confetti-container:after{content:"🎉✨💜🚀🏆";position:absolute;font-size:clamp(24px,6vw,40px);animation:confetti-rain 2.5s ease-out forwards;opacity:0}.confetti-container:before{left:20%;animation-delay:.1s}.confetti-container:after{right:20%;animation-delay:.35s}@keyframes confetti-rain{0%{top:-60px;opacity:1;transform:rotate(0) scale(.5)}20%{opacity:1}to{top:130vh;opacity:0;transform:rotate(720deg) scale(1.3)}}@media(max-width:600px){.dashboard-header{flex-direction:column;align-items:center;text-align:center}.dashboard-title{font-size:24px}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-stats-grid{grid-template-columns:1fr}.stat-card{padding:14px}}@media(max-width:400px){.avatar-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:24px 18px}.btn-primary,.btn-secondary{padding:14px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dashboard-card,.confetti-container,.avatar-card,.btn-primary{animation:none!important;transform:none!important}}.dashboard-settings-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.username-display:focus-visible,.education-display:focus-visible,.avatar-display:focus-visible,.avatar-placeholder:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.consultation-hero-card{--card-primary: #7c3aed;--card-primary-dark: #6d28d9;--card-primary-light: #a78bfa;--card-accent: #f59e0b;--card-accent-light: #fbbf24;--card-text-primary: #4c1d95;--card-text-secondary: #6b21a8;--card-bg: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(245, 158, 11, .08) 100%);--card-radius: 24px;--card-transition: all .3s cubic-bezier(.34, 1.56, .64, 1)}.consultation-hero-card{position:relative;background:var(--card-bg);border:2px solid rgba(124,58,237,.15);border-radius:var(--card-radius);padding:32px 28px;margin:24px 0;overflow:hidden;transition:var(--card-transition);box-shadow:0 10px 40px -10px #7c3aed26;animation:card-entrance .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.consultation-hero-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -15px #7c3aed4d;border-color:#7c3aed40}.hero-card-bg-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;pointer-events:none;animation:orb-float 20s ease-in-out infinite}.hero-card-bg-orb-1{width:200px;height:200px;background:radial-gradient(circle,var(--card-primary-light),transparent 70%);top:-50px;right:-50px}.hero-card-bg-orb-2{width:150px;height:150px;background:radial-gradient(circle,var(--card-accent),transparent 70%);bottom:-30px;left:-30px;animation-delay:-10s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.95)}}.hero-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px}.hero-card-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--card-primary),var(--card-primary-dark));border-radius:20px;box-shadow:0 12px 30px #7c3aed59;animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 12px 30px #7c3aed59;transform:scale(1)}50%{box-shadow:0 16px 40px #f59e0b66;transform:scale(1.05)}}.hero-card-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero-card-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--card-accent),var(--card-accent-light));color:#fff;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:12px;box-shadow:0 4px 12px #f59e0b66;animation:badge-bounce 2s ease-in-out infinite}@keyframes badge-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-3deg)}}.hero-card-text{display:flex;flex-direction:column;gap:8px}.hero-card-title{font-size:1.5rem;font-weight:800;color:var(--card-text-primary);margin:0;line-height:1.3;font-family:Peyda,Vazirmatn,sans-serif}.hero-card-subtitle{font-size:.95rem;color:var(--card-text-secondary);margin:0;line-height:1.7;font-family:Peyda,Vazirmatn,sans-serif}.hero-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--card-primary),var(--card-primary-dark));color:#fff;border:none;padding:14px 28px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--card-transition);box-shadow:0 8px 20px #7c3aed4d;font-family:Peyda,Vazirmatn,sans-serif;position:relative;overflow:hidden;align-self:flex-start}.hero-card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-card-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed66}.hero-card-btn:hover:before{left:100%}.hero-card-btn:active{transform:translateY(0)}.hero-card-btn-arrow{width:20px;height:20px;transition:transform .2s ease}.hero-card-btn:hover .hero-card-btn-arrow{transform:translate(-4px)}.hero-card-decoration{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;color:#7c3aed14;pointer-events:none;animation:decoration-rotate 30s linear infinite}@keyframes decoration-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.consultation-hero-card{padding:24px 20px;margin:20px 0;border-radius:20px}.hero-card-icon-wrapper{width:64px;height:64px;border-radius:18px}.hero-card-icon{font-size:2.2rem}.hero-card-title{font-size:1.3rem}.hero-card-subtitle{font-size:.9rem}.hero-card-btn{width:100%;padding:14px 24px}.hero-card-decoration{width:100px;height:100px;bottom:-15px;right:-15px}}@media(min-width:768px){.hero-card-content{flex-direction:row;align-items:center;gap:24px}.hero-card-text{flex:1}.hero-card-btn{align-self:center}}@media(prefers-reduced-motion:reduce){.consultation-hero-card,.hero-card-icon-wrapper,.hero-card-badge,.hero-card-bg-orb,.hero-card-decoration{animation:none!important}.consultation-hero-card:hover,.hero-card-btn:hover{transform:none!important}}.hero-card-btn:focus-visible{outline:3px solid var(--card-accent);outline-offset:2px}.follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.follow-btn:disabled{cursor:wait;opacity:.85}.follow-btn:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.follow-btn--small{padding:5px 12px;font-size:12px;min-width:65px}.follow-btn--medium{padding:7px 16px;font-size:13px;min-width:80px}.follow-btn--large{padding:10px 20px;font-size:15px;min-width:95px}.follow-btn--not-following{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 14px #7c3aed59}.follow-btn--not-following:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.follow-btn--not-following:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #7c3aed4d}.follow-btn--following{background:#7c3aed1a;color:#7c3aed;border:1.5px solid rgba(124,58,237,.3);box-shadow:none}.follow-btn--following:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 4px 14px #ef444459;transform:translateY(-2px)}.follow-btn--following:active:not(:disabled){transform:translateY(0)}.follow-btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159;animation:follow-btn-success-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes follow-btn-success-pop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.follow-btn--error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459;animation:follow-btn-error-shake .4s ease-in-out}@keyframes follow-btn-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.follow-btn__icon{font-size:1.1em;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;border-radius:50%;background:#fff3}.follow-btn--following .follow-btn__icon{background:#7c3aed26}.follow-btn--following:hover .follow-btn__icon{background:#fff3}.follow-btn__feedback-icon{font-size:1em;font-weight:800;line-height:1}.follow-btn__feedback-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.follow-login-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;color:#d97706;border:1.5px dashed rgba(217,119,6,.4);border-radius:10px;font-size:12px;font-weight:600;font-style:italic;cursor:pointer;transition:all .25s ease;font-family:inherit}.follow-login-btn:hover{background:#f59e0b14;border-color:#d97706;color:#92400e;transform:translateY(-1px)}.follow-login-btn:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.follow-login-btn__icon{font-size:13px}.follow-self-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#10b9811a,#34d3991a);color:#059669;border:1.5px solid rgba(16,185,129,.3);border-radius:10px;font-size:12px;font-weight:700}.follow-self-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;font-size:10px;font-weight:800;box-shadow:0 2px 4px #10b9814d}@media(prefers-reduced-motion:reduce){.follow-btn,.follow-login-btn,.follow-btn--success,.follow-btn--error{animation:none;transition:none}.follow-btn:hover:not(:disabled),.follow-login-btn:hover{transform:none}}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--radius-lg: 20px;--radius-md: 14px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.chart-wrapper{position:relative;width:100%;height:100%;min-height:clamp(240px,50vw,320px);display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,16px);background:linear-gradient(135deg,#f8f5ff99,#ede9fe99);border-radius:var(--radius-lg);overflow:hidden;opacity:0;transform:translateY(10px);transition:var(--transition-smooth)}.chart-wrapper.chart-loaded{opacity:1;transform:translateY(0);animation:chart-entrance .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes chart-entrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chart-skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:10;border-radius:inherit}.skeleton-pulse{width:clamp(120px,30vw,200px);height:clamp(120px,30vw,200px);border-radius:50%;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.chart-canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block;position:relative;z-index:2}.chart-glow{position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(245,158,11,.15),transparent 60%);filter:blur(20px);opacity:0;pointer-events:none;z-index:1;animation:glow-pulse 3s ease-in-out infinite;animation-delay:.5s}.chart-wrapper.chart-loaded .chart-glow{opacity:.6}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.chart-tooltip{background:#1e1b4bfa!important;border:1px solid rgba(167,139,250,.4)!important;border-radius:12px!important;box-shadow:0 8px 32px #7c3aed4d!important;font-family:Peyda,Vazirmatn,sans-serif!important;direction:rtl!important}.chart-legend{font-family:Peyda,Vazirmatn,sans-serif!important}.chart-legend-item{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;margin:2px 0!important;background:#fffc!important;border-radius:var(--radius-md)!important;transition:var(--transition-smooth)!important}.chart-legend-item:hover{background:#7c3aed1a!important;transform:translate(-3px)!important}.chart-legend-color{border-radius:50%!important;box-shadow:0 2px 8px #0000001a!important}.chart-wrapper canvas{filter:drop-shadow(0 4px 12px rgba(124,58,237,.15))}.chart-wrapper:hover .chart-canvas{filter:drop-shadow(0 8px 24px rgba(124,58,237,.25));transition:filter .3s ease}@media(max-width:768px){.chart-wrapper{min-height:clamp(220px,45vw,280px);padding:8px}.chart-wrapper.chart-loaded{animation-duration:.4s}}@media(max-width:480px){.chart-wrapper{min-height:200px;padding:4px;border-radius:var(--radius-md)}.skeleton-pulse{width:100px;height:100px}.chart-legend{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chart-wrapper,.chart-glow,.skeleton-pulse{animation:none!important;transition:none!important}.chart-wrapper.chart-loaded{opacity:1!important;transform:none!important}}.chart-wrapper:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-lg)}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}.profile-wrapper{--bg-deep: #0B0D17 !important;--bg-surface: rgba(22, 26, 46, .6) !important;--primary: #7C5CFF !important;--primary-glow: rgba(124, 92, 255, .4) !important;--accent: #00D2D3 !important;--text-main: #F4F6FF !important;--text-muted: #94A3B8 !important;--border-subtle: rgba(255, 255, 255, .08) !important;--error-bg: rgba(255, 82, 98, .1) !important;--error-text: #FF5262 !important;--success-bg: rgba(0, 200, 83, .1) !important;--success-text: #00C853 !important;position:relative;min-height:100dvh;background-color:var(--bg-deep)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;font-family:Peyda,sans-serif;overflow-x:hidden;direction:rtl;color:var(--text-main)!important}.ambient-glow{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;opacity:.4}.glow-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary),transparent 70%);top:-100px;left:-100px;animation:breathe 8s ease-in-out infinite alternate}.glow-2{width:300px;height:300px;background:radial-gradient(circle,var(--accent),transparent 70%);bottom:-50px;right:-50px;animation:breathe 10s ease-in-out infinite alternate-reverse}@keyframes breathe{0%{transform:scale(1);opacity:.3}to{transform:scale(1.1);opacity:.5}}.profile-card{position:relative;z-index:10;background:var(--bg-surface)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle)!important;border-radius:24px;padding:40px 32px;max-width:500px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-header{margin-bottom:32px}.profile-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--primary-glow)}.profile-icon svg{width:36px;height:36px;stroke:#fff}.profile-title{font-size:28px;font-weight:800;margin:0 0 12px;line-height:1.3;color:var(--text-main)!important}.profile-subtitle{font-size:15px;font-weight:400;color:var(--text-muted)!important;line-height:1.7;margin:0}.auth-alert{padding:14px 18px;border-radius:16px;font-size:14px;font-weight:600;margin-bottom:24px;text-align:right;animation:slideUp .3s ease-out forwards}.auth-alert.error{background:var(--error-bg)!important;color:var(--error-text)!important;border:1px solid rgba(255,82,98,.2)!important}.upload-zone{position:relative;width:100%;min-height:220px;border:2px dashed var(--border-subtle)!important;border-radius:20px;background:#ffffff05!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-bottom:32px;overflow:hidden}.upload-zone:hover{border-color:var(--primary)!important;background:#7c5cff0d!important}.upload-zone.has-preview{border-style:solid!important;border-color:var(--primary)!important;padding:8px;min-height:auto}.preview-container{position:relative;width:100%;max-width:250px;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;display:block}.preview-overlay{position:absolute;inset:0;background:#0b0d17b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff!important;font-weight:600;font-size:15px;opacity:0;transition:opacity .3s ease}.preview-container:hover .preview-overlay{opacity:1}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-placeholder svg{width:48px;height:48px;stroke:var(--primary);stroke-width:1.5}.upload-text{font-size:16px;font-weight:600;color:var(--text-main)!important}.upload-hint{font-size:13px;color:var(--text-muted)!important}.btn-primary{width:100%;padding:16px;font-size:16px;font-weight:700;font-family:Peyda,sans-serif;color:#fff!important;background:linear-gradient(135deg,var(--primary),#6A4BEE);border:none!important;border-radius:16px;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #7c5cff99}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{background:#4b5563!important;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.btn-loading{display:inline-flex;align-items:center;gap:10px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-primary svg{width:20px;height:20px;stroke:currentColor;transition:transform .25s ease}.btn-primary:hover:not(:disabled) svg{transform:translate(-4px)}.profile-footer{padding-top:24px;border-top:1px dashed var(--border-subtle)!important;text-align:center}.profile-motivation{font-size:14px;color:var(--text-muted)!important;font-weight:500;margin:0;animation:fadeIn .5s ease-out forwards;animation-delay:.3s;opacity:0}@keyframes fadeIn{to{opacity:1}}.profile-progress{display:flex;align-items:center;gap:12px;margin-top:32px;padding:12px 24px;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:99px;backdrop-filter:blur(12px)}.progress-step{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-muted)!important;transition:all .3s ease;white-space:nowrap}.progress-step.active{color:var(--primary)!important}.progress-step.completed{color:var(--success-text)!important}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;font-size:12px;font-weight:700}.progress-step.active .step-number{background:var(--primary);color:#fff}.progress-step.completed .step-number{background:var(--success-text);color:#fff}.progress-divider{width:32px;height:2px;background:var(--border-subtle)!important}@media(max-width:480px){.profile-wrapper{padding:16px}.profile-card{padding:32px 24px}.upload-zone{min-height:180px}.profile-progress{width:100%;justify-content:center;padding:10px 16px}.step-label{display:none}.progress-step{gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.profile-card,.auth-alert,.profile-motivation,.profile-progress{animation:none!important;opacity:1!important;transform:none!important}}.upload-zone:focus-visible,.btn-primary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;--transition-bounce: transform .4s cubic-bezier(.68, -.55, .265, 1.55), background-color .2s ease}.battle-timer{display:flex;flex-direction:column;gap:clamp(16px,4vw,24px);padding:clamp(20px,5vw,28px);background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-lg);animation:timer-entrance .3s ease-out forwards;will-change:opacity}@keyframes timer-entrance{0%{opacity:0}to{opacity:1}}.timer-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:clamp(8px,2vw,12px)}.timer-icon{font-size:clamp(24px,6vw,32px);animation:icon-pulse 2s ease-in-out 1s infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-title{margin:0;font-size:clamp(16px,4vw,20px);font-weight:800;color:var(--color-text-primary)}.quick-durations{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.5vw,14px)}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(12px,3vw,16px);background:#fffc;border:2px solid rgba(124,58,237,.2);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);font-family:inherit}.quick-btn:hover{transform:translateY(-3px);background:#fff;border-color:var(--color-primary-light);box-shadow:var(--shadow-soft)}.quick-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:#fff;box-shadow:0 8px 24px #6d28d966;transform:translateY(-2px)}.quick-btn__icon{font-size:clamp(20px,5vw,26px)}.quick-btn__label{font-size:clamp(13px,3.5vw,15px);font-weight:700}.custom-duration{display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);padding:clamp(14px,3.5vw,18px);background:#fff9;border-radius:var(--radius-md);border:1px dashed rgba(124,58,237,.2)}.custom-label{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--color-text-secondary);text-align:center}.input-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.duration-input{width:clamp(80px,20vw,120px);padding:clamp(10px,2.5vw,14px);border:2px solid rgba(124,58,237,.3);border-radius:var(--radius-md);font-size:clamp(16px,4vw,20px);font-weight:700;text-align:center;font-family:inherit;transition:var(--transition-smooth);background:#fff}.duration-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed26}.input-suffix{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--color-text-muted)}.btn-start-battle{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);width:100%;padding:clamp(14px,3.5vw,18px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(15px,4vw,18px);font-weight:800;cursor:pointer;box-shadow:0 10px 30px #6d28d966;transition:var(--transition-bounce);font-family:inherit;position:relative;overflow:hidden}.btn-start-battle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-start-battle:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-start-battle:hover:not(:disabled):before{left:100%}.btn-start-battle:active:not(:disabled){transform:translateY(-1px)}.btn-start-battle:disabled{background:linear-gradient(135deg,#a78bfa,#8b5cf6);cursor:not-allowed;opacity:.8;box-shadow:none}.btn-icon{font-size:clamp(18px,4.5vw,22px)}.btn-text{font-weight:800}.timer-hint{margin:0;padding:clamp(10px,2.5vw,14px);background:linear-gradient(135deg,#3b82f61a,#7c3aed1a);border-radius:var(--radius-md);font-size:clamp(12px,3.2vw,14px);color:var(--color-text-secondary);text-align:center;line-height:1.6;font-weight:500}@media(max-width:480px){.quick-durations{grid-template-columns:repeat(2,1fr);gap:10px}.quick-btn{padding:12px 8px}.btn-start-battle{padding:14px}}.quick-btn:focus-visible,.duration-input:focus-visible,.btn-start-battle:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--shadow-selected: 0 0 0 3px rgba(245, 158, 11, .5), 0 10px 30px rgba(124, 58, 237, .3);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.subject-selector{display:flex;flex-direction:column;gap:clamp(16px,4vw,24px);padding:clamp(16px,4vw,24px);background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-lg);animation:selector-entrance .5s ease-out forwards}.subject-selector__header{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:clamp(12px,3vw,16px);border-bottom:1px dashed rgba(147,51,234,.2)}.subject-selector__icon{font-size:clamp(22px,5.5vw,28px);animation:icon-bounce 2s ease-in-out infinite}.subject-selector__title{margin:0;font-size:clamp(16px,4vw,20px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.subject-count{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--color-text-muted);background:#7c3aed1a;padding:3px 10px;border-radius:var(--radius-pill)}.subject-search{display:flex;flex-direction:column;gap:8px}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;right:clamp(12px,3vw,16px);font-size:16px;pointer-events:none;opacity:.7}.search-input{width:100%;padding:clamp(10px,2.5vw,14px);padding-right:clamp(40px,10vw,48px);padding-left:clamp(40px,10vw,48px);border:2px solid rgba(124,58,237,.2);border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-family:inherit;background:#ffffffe6;color:var(--color-text-primary);transition:var(--transition-smooth);direction:rtl}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed26;background:#fff}.search-input::placeholder{color:var(--color-text-muted);opacity:.7}.search-clear{position:absolute;left:clamp(10px,2.5vw,14px);width:24px;height:24px;border:none;background:#7c3aed26;color:var(--color-primary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:var(--transition-smooth);padding:0}.search-clear:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.search-result-count{margin:0;font-size:12px;color:var(--color-text-muted);text-align:center;font-weight:500}.subject-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,30vw,180px),1fr));gap:clamp(10px,2.5vw,14px)}.subject-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(16px,4vw,20px) clamp(12px,3vw,16px);background:#ffffffd9;border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);font-family:inherit;text-align:center;overflow:hidden;animation:card-stagger .4s ease-out backwards}@keyframes card-stagger{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.subject-card:after{content:"";position:absolute;bottom:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));opacity:0;transition:opacity .3s ease}.subject-card:hover{transform:translateY(-4px);background:#fff;border-color:var(--color-primary-light);box-shadow:var(--shadow-soft)}.subject-card:hover:after{opacity:1}.subject-card.selected{background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border-color:var(--color-accent);box-shadow:var(--shadow-selected);transform:translateY(-2px)}.subject-card.selected:after{opacity:1;height:5px}.subject-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.subject-card__icon{width:clamp(48px,12vw,60px);height:clamp(48px,12vw,60px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;font-size:clamp(22px,5.5vw,28px);box-shadow:0 4px 12px #7c3aed4d;transition:var(--transition-smooth)}.subject-card:hover .subject-card__icon{transform:scale(1.1) rotate(-5deg)}.subject-card.selected .subject-card__icon{background:linear-gradient(135deg,var(--color-accent),#d97706);box-shadow:0 4px 16px #f59e0b66;animation:icon-wiggle .5s ease-out}@keyframes icon-wiggle{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.15) rotate(-10deg)}75%{transform:scale(1.15) rotate(10deg)}}.subject-card__name{font-size:clamp(13px,3.5vw,15px);font-weight:700;color:var(--color-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;word-break:break-word}.subject-card__check{position:absolute;top:8px;left:8px;width:clamp(22px,5.5vw,26px);height:clamp(22px,5.5vw,26px);background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,3.5vw,15px);font-weight:800;box-shadow:0 2px 8px #16a34a66;animation:checkmark-pop .3s ease-out forwards}.subject-selector__grid--loading{pointer-events:none}.subject-card-skeleton{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:#ffffffb3;border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-name{width:70%;height:14px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.subject-selector__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(20px,5vw,28px);background:var(--color-error-bg);border:2px dashed var(--color-error);border-radius:var(--radius-md);text-align:center;animation:shake .4s ease-out}.btn-retry:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.subject-selector__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(24px,6vw,32px);background:linear-gradient(135deg,#3b82f614,#7c3aed14);border:2px dashed var(--color-primary-light);border-radius:var(--radius-md);text-align:center}.subject-selector__no-results{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(20px,5vw,28px);background:linear-gradient(135deg,#f59e0b14,#7c3aed14);border:2px dashed var(--color-accent);border-radius:var(--radius-md);text-align:center}.no-results-icon{font-size:clamp(32px,8vw,40px)}.no-results-text{margin:0;font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);font-weight:600;line-height:1.5}.no-results-text strong{color:var(--color-primary);font-weight:800}.btn-clear-search{padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);background:transparent;color:var(--color-primary);border:2px solid var(--color-primary-light);border-radius:var(--radius-md);font-size:clamp(13px,3.5vw,15px);font-weight:700;cursor:pointer;transition:var(--transition-smooth);font-family:inherit;margin-top:4px}.btn-clear-search:hover{background:#7c3aed14;border-color:var(--color-primary);transform:translateY(-2px)}.subject-selector__hint{margin:0;padding:clamp(10px,2.5vw,14px);background:linear-gradient(135deg,#3b82f614,#7c3aed14);border-radius:var(--radius-md);font-size:clamp(12px,3.2vw,14px);color:var(--color-text-secondary);text-align:center;line-height:1.6;font-weight:500}@media(max-width:600px){.subject-selector__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.subject-card{padding:14px 10px}.subject-card__icon{width:48px;height:48px;font-size:22px}}@media(max-width:400px){.subject-selector{padding:14px}.subject-selector__grid{grid-template-columns:repeat(2,1fr)}.subject-card__name{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.subject-card,.subject-selector__error,.subject-selector__empty{animation:none!important}}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--shadow-selected: 0 0 0 3px rgba(245, 158, 11, .5), 0 10px 30px rgba(124, 58, 237, .3);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;--transition-bounce: background-color .4s cubic-bezier(.68, -.55, .265, 1.55)}.chapter-selector{display:flex;flex-direction:column;gap:clamp(16px,4vw,24px);padding:clamp(16px,4vw,24px);background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-lg);animation:selector-entrance .5s ease-out forwards}@keyframes selector-entrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chapter-selector__header{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:clamp(12px,3vw,16px);border-bottom:1px dashed rgba(147,51,234,.2)}.chapter-selector__icon{font-size:clamp(22px,5.5vw,28px);animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chapter-selector__title{margin:0;font-size:clamp(16px,4vw,20px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.chapter-count{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--color-text-muted);background:#7c3aed1a;padding:3px 10px;border-radius:var(--radius-pill)}.chapter-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,40vw,220px),1fr));gap:clamp(10px,2.5vw,14px)}.chapter-card{position:relative;display:flex;align-items:center;gap:clamp(12px,3vw,16px);padding:clamp(14px,3.5vw,18px);background:#ffffffd9;border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);font-family:inherit;text-align:right;overflow:hidden;animation:card-stagger .4s ease-out backwards}@keyframes card-stagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapter-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));opacity:0;transition:opacity .3s ease}.chapter-card:hover{background:#fff;border-color:var(--color-primary-light);box-shadow:var(--shadow-soft)}.chapter-card:hover:before{opacity:1}.chapter-card.selected{background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border-color:var(--color-accent);box-shadow:var(--shadow-selected)}.chapter-card.selected:before{opacity:1;width:5px}.chapter-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.chapter-card__number{flex-shrink:0;width:clamp(38px,10vw,48px);height:clamp(38px,10vw,48px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:clamp(15px,4vw,18px);font-weight:800;border-radius:50%;box-shadow:0 4px 12px #7c3aed4d;transition:var(--transition-smooth)}.chapter-card.selected .chapter-card__number{background:linear-gradient(135deg,var(--color-accent),#d97706);box-shadow:0 4px 16px #f59e0b66}.chapter-card__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.chapter-card__label{font-size:clamp(10px,2.8vw,12px);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.chapter-card__name{font-size:clamp(13px,3.5vw,15px);font-weight:700;color:var(--color-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.chapter-card__check{position:absolute;top:8px;left:8px;width:clamp(22px,5.5vw,26px);height:clamp(22px,5.5vw,26px);background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,3.5vw,15px);font-weight:800;box-shadow:0 2px 8px #16a34a66;animation:checkmark-pop .3s ease-out forwards}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.chapter-selector--collapsed{gap:clamp(12px,3vw,16px)}.chapter-card--single{max-width:100%;animation:none}.chapter-selector__grid--loading{grid-template-columns:repeat(auto-fill,minmax(clamp(180px,40vw,220px),1fr));pointer-events:none}.chapter-card-skeleton{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffffb3;border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.35}}.skeleton-number{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;flex-shrink:0}.skeleton-name{flex:1;height:16px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chapter-selector__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(20px,5vw,28px);background:var(--color-error-bg);border:2px dashed var(--color-error);border-radius:var(--radius-md);text-align:center;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{font-size:clamp(32px,8vw,40px)}.error-text{margin:0;font-size:clamp(14px,3.8vw,16px);color:var(--color-error);font-weight:600;line-height:1.5}.btn-retry{padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(13px,3.5vw,15px);font-weight:700;cursor:pointer;transition:var(--transition-bounce);font-family:inherit;margin-top:4px}.btn-retry:hover{box-shadow:var(--shadow-soft)}.btn-retry:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.chapter-selector__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(24px,6vw,32px);background:linear-gradient(135deg,#3b82f614,#7c3aed14);border:2px dashed var(--color-primary-light);border-radius:var(--radius-md);text-align:center}.empty-icon{font-size:clamp(36px,9vw,48px);animation:icon-float 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-text{margin:0;font-size:clamp(14px,3.8vw,16px);color:var(--color-text-primary);font-weight:700}.empty-hint{margin:0;font-size:clamp(12px,3.2vw,14px);color:var(--color-text-muted);line-height:1.5}.chapter-selector__hint{margin:0;padding:clamp(10px,2.5vw,14px);background:linear-gradient(135deg,#3b82f614,#7c3aed14);border-radius:var(--radius-md);font-size:clamp(12px,3.2vw,14px);color:var(--color-text-secondary);text-align:center;line-height:1.6;font-weight:500}@media(max-width:600px){.chapter-selector__grid{grid-template-columns:1fr}.chapter-card{padding:14px}}@media(max-width:400px){.chapter-selector{padding:14px}.chapter-card__number{width:36px;height:36px;font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chapter-card,.chapter-selector__error,.chapter-selector__empty{animation:none!important}}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--shadow-battle: 0 0 40px rgba(245, 158, 11, .25);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;--transition-bounce: transform .4s cubic-bezier(.68, -.55, .265, 1.55), background-color .2s ease}.bg-orb{position:fixed;border-radius:50%;opacity:.3;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.orb-1{width:clamp(200px,40vw,400px);height:clamp(200px,40vw,400px);background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:clamp(150px,30vw,320px);height:clamp(150px,30vw,320px);background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 70%);bottom:-5%;right:-5%;animation-delay:-7s}.orb-3{width:clamp(100px,20vw,220px);height:clamp(100px,20vw,220px);background:radial-gradient(circle,rgba(167,139,250,.4) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.2}@media(display-mode:standalone){.bg-orb{animation:none!important}}.battle-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(24px,6vw,32px);padding:0 clamp(8px,2vw,16px);flex-wrap:wrap}.battle-header__content{flex:1;min-width:280px}.battle-title{font-size:clamp(22px,5.5vw,32px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(4px,1.5vw,8px);line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.battle-subtitle{font-size:clamp(13px,3.8vw,16px);color:var(--color-text-secondary);margin:0;font-weight:500;opacity:.95}.battle-user-card{display:flex;align-items:center;gap:10px;padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);flex-shrink:0}.battle-avatar,.battle-avatar-placeholder{width:clamp(40px,10vw,52px);height:clamp(40px,10vw,52px);border-radius:50%;object-fit:cover;border:2px solid var(--color-white);background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-end));flex-shrink:0}.battle-avatar-placeholder{display:flex;align-items:center;justify-content:center}.battle-avatar-placeholder svg{width:60%;height:60%;stroke:var(--color-primary);opacity:.7}.battle-username{font-size:clamp(13px,3.5vw,15px);font-weight:700;color:var(--color-text-primary);white-space:nowrap}.battle-card{position:relative;z-index:2;background:var(--color-bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:clamp(24px,6vw,40px);max-width:clamp(320px,95vw,700px);margin:0 auto;box-shadow:var(--shadow-soft);will-change:transform;animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards}.battle-alert{padding:clamp(10px,2.5vw,14px) clamp(14px,4vw,18px);border-radius:var(--radius-md);font-size:clamp(13px,3.5vw,14px);font-weight:500;margin-bottom:clamp(16px,4vw,20px);text-align:right;animation:alert-slide .3s ease-out}@keyframes alert-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.battle-alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #fecaca}.battle-steps{display:flex;flex-direction:column;gap:clamp(20px,5vw,28px)}.battle-step{position:relative;padding:clamp(16px,4vw,20px);background:#fff9;border:2px solid transparent;border-radius:var(--radius-lg);transition:border-color .3s ease;opacity:1}.battle-step.active{opacity:1;border-color:var(--color-primary-light);background:linear-gradient(135deg,#7c3aed14,#f59e0b14);box-shadow:var(--shadow-soft)}.battle-step.completed{opacity:1;border-color:var(--color-success)}.battle-step.completed:hover{opacity:1}.step-indicator{position:absolute;top:-12px;right:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;font-weight:800;font-size:14px;box-shadow:0 4px 12px #7c3aed66;z-index:1}.battle-step.completed .step-indicator{background:var(--color-success)}.step-check{position:absolute;font-size:18px;animation:checkmark-pop .3s ease-out forwards}@keyframes checkmark-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.step-content{padding-top:20px;text-align:right}.step-title{font-size:clamp(16px,4vw,18px);font-weight:700;color:var(--color-text-primary);margin:0 0 clamp(12px,3vw,16px);display:flex;align-items:center;gap:6px}.step-title--clickable{cursor:pointer;transition:color .2s ease;user-select:none;-webkit-tap-highlight-color:rgba(124,58,237,.1)}.step-title--clickable:hover{color:var(--color-primary)}.step-title--clickable:active{color:var(--color-primary-dark)}.step-title--clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.battle-hint{margin-top:clamp(20px,5vw,28px);padding:clamp(14px,3.5vw,18px);background:linear-gradient(135deg,#3b82f61a,#7c3aed1a);border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:10px;text-align:right}.hint-icon{font-size:20px;flex-shrink:0}.battle-hint p{margin:0;font-size:clamp(13px,3.5vw,14px);color:var(--color-text-secondary);line-height:1.6}.battle-loading-state,.battle-error-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px;animation:fade-in .4s ease-out}.loading-spinner{width:56px;height:56px;border:4px solid rgba(124,58,237,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.battle-error-state{background:var(--color-error-bg)}.error-icon{font-size:clamp(40px,10vw,56px);margin-bottom:8px}.battle-error-state h2{margin:0 0 8px;font-size:clamp(18px,4.5vw,22px);font-weight:700;color:var(--color-error)}.battle-error-state p{margin:0 0 20px;font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);max-width:320px}.btn-primary{padding:clamp(12px,3vw,16px) clamp(24px,6vw,32px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6d28d966;transition:var(--transition-bounce);font-family:inherit;display:inline-flex;align-items:center;gap:8px}.subject-selector,.chapter-selector{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,12px);justify-content:center}.subject-btn,.chapter-btn{padding:clamp(8px,2vw,12px) clamp(14px,3.5vw,20px);background:#fffc;border:2px solid var(--color-primary-light);border-radius:var(--radius-pill);font-size:clamp(12px,3vw,14px);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-smooth);font-family:inherit}.subject-btn:hover,.chapter-btn:hover{background:#7c3aed1a;border-color:var(--color-primary);transform:translateY(-2px)}.subject-btn.selected,.chapter-btn.selected{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-soft)}@media(max-width:768px){.battle-header{flex-direction:column;align-items:center;text-align:center}.battle-title{justify-content:center}.battle-user-card{order:-1;margin-bottom:8px}.battle-step{padding:16px 14px}.step-indicator{right:14px}}@media(max-width:480px){.battle-wrapper{padding:14px 14px 90px}.battle-card{padding:24px 18px;margin:0 4px}.subject-btn,.chapter-btn{width:100%;justify-content:center}.battle-footer{width:calc(100% - 28px);bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.battle-card,.battle-alert,.battle-footer,.battle-step{animation:none!important;transition:none!important;transform:none!important}}.battle-card:focus-within,.btn-primary:focus-visible,.subject-btn:focus-visible,.chapter-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--timer-normal: #16a34a;--timer-warning: #f59e0b;--timer-critical: #dc2626;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--shadow-battle: 0 0 50px rgba(245, 158, 11, .35);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.battle-card-timer{text-align:center}.timer-progress-wrapper{margin-bottom:clamp(24px,6vw,32px)}.timer-progress-bar{position:relative;height:clamp(10px,2.5vw,14px);background:#9333ea26;border-radius:var(--radius-pill);overflow:hidden;box-shadow:inset 0 2px 8px #0000001a}.timer-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:inherit;transition:width 1s linear;position:relative}.timer-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.timer-progress-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--color-text-muted);font-weight:500}.timer-display{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(20px,5vw,32px);background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);margin-bottom:clamp(20px,5vw,28px);transition:var(--transition-smooth)}.timer-warning-badge{display:inline-block;margin-top:8px;padding:6px 14px;background:linear-gradient(135deg,var(--color-error),#b91c1c);color:#fff;font-size:13px;font-weight:700;border-radius:var(--radius-pill);animation:pulse-warning-badge 1s ease-in-out infinite;box-shadow:0 4px 16px #dc262666}@keyframes pulse-warning-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(prefers-reduced-motion:reduce){.timer-warning-badge{animation:none!important}}.timer-display.timer-warning{border-color:var(--color-warning);background:linear-gradient(135deg,#f59e0b1f,#fbbf241f);animation:pulse-warning 2s ease-in-out infinite}.timer-display.timer-critical{border-color:var(--color-error);background:linear-gradient(135deg,#dc26261f,#fecaca1f);animation:pulse-critical 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 #f59e0b33}50%{box-shadow:0 0 0 15px #f59e0b00}}@keyframes pulse-critical{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 20px #dc262600}}.timer-icon{font-size:clamp(28px,7vw,36px)}.timer-value{font-size:clamp(42px,12vw,64px);font-weight:800;color:var(--color-text-primary);font-family:Peyda,monospace;letter-spacing:-2px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.1)}.timer-label{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);font-weight:500}.timer-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,3vw,16px);margin-bottom:clamp(24px,6vw,32px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(12px,3vw,16px);background:#fff9;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.1)}.stat-icon{font-size:clamp(20px,5vw,24px)}.stat-value{font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.stat-label{font-size:clamp(11px,3vw,13px);color:var(--color-text-muted);font-weight:500}.btn-early-end{width:100%;max-width:280px;padding:clamp(12px,3vw,16px) clamp(20px,5vw,28px);background:linear-gradient(135deg,var(--color-error),#b91c1c);color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #dc262659;transition:var(--transition-bounce);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-early-end:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #dc262680}.btn-early-end:active:not(:disabled){transform:translateY(-1px)}.btn-early-end:disabled{background:linear-gradient(135deg,#fca5a5,#f87171);cursor:not-allowed;opacity:.8}.modal-overlay{position:fixed;inset:0;background:#1e1b4bb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);z-index:100;animation:modal-fade-in .2s ease-out forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-bg-card);border:2px solid var(--color-warning);border-radius:var(--radius-lg);padding:clamp(24px,6vw,32px);max-width:clamp(300px,90vw,420px);width:100%;text-align:center;box-shadow:var(--shadow-hover);animation:modal-slide-up .3s ease-out forwards}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{font-size:clamp(36px,9vw,48px);margin-bottom:clamp(12px,3vw,16px)}.modal-title{font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(12px,3vw,16px)}.modal-text{font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);margin:0 0 clamp(12px,3vw,16px);line-height:1.6}.modal-text .text-warning{color:var(--color-error);font-weight:700}.modal-hint{font-size:clamp(13px,3.5vw,14px);color:var(--color-text-muted);margin:0 0 clamp(20px,5vw,28px);font-style:italic}.modal-actions{display:flex;flex-direction:column;gap:clamp(10px,2.5vw,12px)}.btn-modal{width:100%;padding:clamp(12px,3vw,16px);border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;transition:var(--transition-bounce);font-family:inherit}.btn-modal-danger{background:linear-gradient(135deg,var(--color-error),#b91c1c);color:#fff;box-shadow:0 6px 20px #dc26264d}.btn-modal-danger:hover{transform:translateY(-2px);box-shadow:0 10px 28px #dc262673}.btn-modal-secondary{background:transparent;border:2px solid var(--color-primary-light);color:var(--color-primary-dark)}.btn-modal-secondary:hover{background:#7c3aed14;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.battle-loading-state,.battle-processing-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px;animation:fade-in .4s ease-out}.loading-spinner,.processing-spinner{width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);border:4px solid rgba(124,58,237,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text,.battle-processing-state p{font-size:clamp(15px,4vw,17px);color:var(--color-text-secondary);margin:0;font-weight:500}.battle-processing-state h2{font-size:clamp(20px,5vw,24px);font-weight:800;color:var(--color-text-primary);margin:0 0 8px}@media(max-width:600px){.timer-stats{grid-template-columns:1fr}.timer-value{font-size:clamp(36px,10vw,52px)}.modal-actions{flex-direction:column-reverse}}@media(max-width:480px){.battle-wrapper{padding:14px 14px 90px}.battle-card{padding:24px 18px;margin:0 4px}.timer-display{padding:16px 12px}.timer-value{font-size:42px}.btn-early-end,.btn-modal{padding:14px;font-size:15px}.battle-footer{width:calc(100% - 28px);bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.battle-card,.modal-card,.battle-footer,.timer-progress-fill:after{animation:none!important;transition:none!important}.timer-display.timer-warning,.timer-display.timer-critical{animation:none!important}}.btn-early-end:focus-visible,.btn-modal:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.modal-overlay.modal-success{background:#16a34a26}.modal-card-success{background:var(--color-bg-card);border:2px solid var(--color-success);border-radius:var(--radius-lg);padding:clamp(24px,6vw,32px);max-width:clamp(300px,90vw,420px);width:100%;text-align:center;box-shadow:0 20px 60px #16a34a4d;animation:modal-slide-up .3s ease-out forwards}.modal-icon-success{font-size:clamp(40px,10vw,56px);margin-bottom:clamp(12px,3vw,16px);animation:icon-bounce .5s ease-out forwards}@keyframes icon-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.modal-title-success{font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-success);margin:0 0 clamp(12px,3vw,16px)}.modal-text-success{font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);margin:0 0 clamp(16px,4vw,20px);line-height:1.6}.modal-info-box{display:flex;align-items:flex-start;gap:10px;padding:clamp(12px,3vw,16px);background:linear-gradient(135deg,#3b82f61a,#7c3aed1a);border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:clamp(20px,5vw,28px);text-align:right}.info-icon{font-size:20px;flex-shrink:0}.info-text{margin:0;font-size:clamp(13px,3.5vw,14px);color:var(--color-text-secondary);line-height:1.6}.btn-modal-success{width:100%;padding:clamp(12px,3vw,16px);background:linear-gradient(135deg,var(--color-success),#15803d);color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 6px 20px #16a34a4d;transition:var(--transition-bounce);font-family:inherit}.btn-modal-success:hover{transform:translateY(-2px);box-shadow:0 10px 28px #16a34a73}.btn-modal-success:active{transform:translateY(-1px)}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2"),url(/fonts/PeydaWeb-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2"),url(/fonts/PeydaWeb-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2"),url(/fonts/PeydaWeb-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2"),url(/fonts/PeydaWeb-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2"),url(/fonts/PeydaWeb-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2"),url(/fonts/PeydaWeb-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2"),url(/fonts/PeydaWeb-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--shadow-victory: 0 0 60px rgba(245, 158, 11, .4);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.battle-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(80px,15vw,120px)}.bg-orb{position:fixed;border-radius:50%;filter:blur(40px);opacity:.4;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.orb-1{width:clamp(200px,40vw,400px);height:clamp(200px,40vw,400px);background:radial-gradient(circle,var(--color-primary-light),transparent 70%);top:-10%;left:-10%;animation-delay:0s}.battle-header{position:relative;z-index:2;text-align:center;margin-bottom:clamp(24px,6vw,32px);padding:0 clamp(8px,2vw,16px)}.battle-title{font-size:clamp(22px,5.5vw,30px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(4px,1.5vw,8px);line-height:1.3;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.battle-subtitle{font-size:clamp(13px,3.8vw,16px);color:var(--color-text-secondary);margin:0 auto;max-width:400px;font-weight:500;opacity:.95;animation:fade-in .5s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.battle-card{position:relative;z-index:2;background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:clamp(24px,6vw,40px);max-width:clamp(320px,95vw,560px);margin:0 auto;box-shadow:var(--shadow-soft);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards}.battle-card-result{text-align:center}@keyframes card-slide-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.result-badge{display:inline-flex;align-items:center;gap:8px;padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);border-radius:var(--radius-pill);font-size:clamp(13px,3.5vw,15px);font-weight:700;margin-bottom:clamp(20px,5vw,28px);animation:badge-pop .4s ease-out forwards}@keyframes badge-pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-badge.result-success{background:linear-gradient(135deg,var(--color-success-bg),rgba(22,163,74,.1));border:2px solid var(--color-success);color:var(--color-success);box-shadow:0 4px 16px #16a34a33}.result-badge.result-early{background:linear-gradient(135deg,var(--color-warning-bg),rgba(245,158,11,.1));border:2px solid var(--color-warning);color:var(--color-warning);box-shadow:0 4px 16px #f59e0b33}.result-badge__icon{font-size:clamp(18px,4.5vw,22px)}.score-card{background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);padding:clamp(24px,6vw,32px);margin-bottom:clamp(20px,5vw,28px);position:relative;overflow:hidden}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.score-card__header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:clamp(16px,4vw,24px)}.score-card__icon{font-size:clamp(24px,6vw,32px)}.score-card__title{margin:0;font-size:clamp(16px,4vw,18px);font-weight:700;color:var(--color-text-primary)}.score-card__value-wrapper{margin-bottom:clamp(20px,5vw,28px)}.score-card__value{display:block;font-size:clamp(42px,12vw,64px);font-weight:800;color:var(--color-text-primary);font-family:Peyda,monospace;letter-spacing:-2px;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:score-pop .5s ease-out forwards}@keyframes score-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.score-card__label{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-muted);font-weight:500}.score-breakdown{background:#fff9;border-radius:var(--radius-md);padding:clamp(16px,4vw,20px);text-align:right}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,2vw,12px) 0;border-bottom:1px dashed rgba(147,51,234,.2)}.breakdown-row:last-of-type{border-bottom:none}.breakdown-row--total{padding-top:clamp(12px,3vw,16px);margin-top:clamp(8px,2vw,12px);border-top:2px solid var(--color-primary-light);font-weight:700}.breakdown-label{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);font-weight:500}.breakdown-value{font-size:clamp(14px,3.8vw,16px);font-weight:700;color:var(--color-primary)}.breakdown-value--final{font-size:clamp(18px,4.5vw,22px);color:var(--color-accent)}.stats-card{background:#fff9;border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-lg);padding:clamp(20px,5vw,24px);margin-bottom:clamp(24px,6vw,32px);text-align:right}.stats-card__title{font-size:clamp(15px,4vw,17px);font-weight:700;color:var(--color-text-primary);margin:0 0 clamp(16px,4vw,20px);display:flex;align-items:center;gap:6px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,16px)}.stat-mini{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(10px,2.5vw,14px);background:#fffc;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.1)}.stat-mini__icon{font-size:clamp(18px,4.5vw,22px)}.stat-mini__value{font-size:clamp(16px,4vw,20px);font-weight:800;color:var(--color-text-primary)}.stat-mini__label{font-size:clamp(10px,2.8vw,12px);color:var(--color-text-muted);font-weight:500;text-align:center}.result-actions{display:flex;flex-direction:column;gap:clamp(10px,2.5vw,12px);margin-bottom:clamp(20px,5vw,28px)}.btn-primary{width:100%;max-width:280px;padding:clamp(14px,3.5vw,18px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(15px,4.2vw,17px);font-weight:700;cursor:pointer;box-shadow:0 10px 30px #6d28d966;transition:var(--transition-bounce);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.btn-primary-glow{position:relative;overflow:hidden}.btn-primary-glow:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent 70%);opacity:0;transition:opacity .3s ease}.btn-primary-glow:hover:after{opacity:1}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-secondary{width:100%;max-width:280px;padding:clamp(12px,3vw,15px);background:transparent;border:2px solid var(--color-primary-light);border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:600;color:var(--color-primary-dark);cursor:pointer;transition:var(--transition-smooth);font-family:inherit;margin:0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.result-footer{padding-top:clamp(16px,4vw,20px);border-top:1px dashed rgba(147,51,234,.2)}.result-footer__text{font-size:clamp(13px,3.5vw,14px);color:var(--color-text-muted);font-weight:500;margin:0;line-height:1.6}.battle-footer{position:fixed;bottom:clamp(12px,3vw,20px);left:50%;transform:translate(-50%);width:calc(100% - clamp(32px,8vw,64px));max-width:640px;text-align:center;padding:clamp(10px,2.5vw,14px) clamp(16px,4vw,24px);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);z-index:10;animation:slide-up .5s ease-out forwards;animation-delay:.3s}@keyframes slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.battle-motivation{font-size:clamp(12px,3.2vw,14px);color:var(--color-text-muted);font-weight:600;margin:0}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:clamp(8px,2vw,12px);height:clamp(8px,2vw,12px);border-radius:2px;animation:confetti-fall 2.5s ease-out forwards;opacity:0}@keyframes confetti-fall{0%{top:-20px;opacity:1;transform:rotate(0) scale(.5) translateY(0)}20%{opacity:1}to{top:120vh;opacity:0;transform:rotate(720deg) scale(1) translateY(30px)}}.battle-loading-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px;animation:fade-in .4s ease-out}.loading-spinner{width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);border:4px solid rgba(124,58,237,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:clamp(16px,4vw,18px);color:var(--color-text-secondary);margin:0;font-weight:500}.loading-hint{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-muted);margin:0}@media(max-width:600px){.stats-grid{grid-template-columns:1fr;gap:10px}.score-card__value{font-size:clamp(36px,10vw,52px)}.result-actions{align-items:center}}@media(max-width:480px){.battle-wrapper{padding:14px 14px 90px}.battle-card{padding:24px 18px;margin:0 4px}.score-card{padding:20px 16px}.btn-primary,.btn-secondary{width:100%;max-width:100%}.battle-footer{width:calc(100% - 28px);bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.battle-card,.result-badge,.score-card__value,.confetti-piece{animation:none!important;transition:none!important}}.league-card{position:relative;background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:2px solid rgba(124,58,237,.25);border-radius:20px;padding:clamp(16px,4vw,24px);margin-bottom:clamp(20px,5vw,28px);overflow:hidden;box-shadow:0 10px 40px #7c3aed26;transition:all .3s cubic-bezier(.4,0,.2,1);animation:league-card-entrance .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes league-card-entrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.league-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #7c3aed40;border-color:#7c3aed66}.league-card__glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(245,158,11,.15) 0%,transparent 50%);animation:league-card-glow-rotate 20s linear infinite;pointer-events:none;z-index:0}@keyframes league-card-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.league-card__header{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(12px,3vw,16px);margin-bottom:clamp(16px,4vw,20px);padding-bottom:clamp(14px,3.5vw,18px);border-bottom:1px dashed rgba(124,58,237,.2)}.league-card__avatar{position:relative;flex-shrink:0;width:clamp(60px,15vw,76px);height:clamp(60px,15vw,76px);border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#f59e0b);border:3px solid white;box-shadow:0 6px 20px #7c3aed59,0 0 0 4px #f59e0b33;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;animation:league-card-avatar-pulse 3s ease-in-out infinite}@keyframes league-card-avatar-pulse{0%,to{box-shadow:0 6px 20px #7c3aed59,0 0 0 4px #f59e0b33}50%{box-shadow:0 8px 28px #7c3aed80,0 0 0 6px #f59e0b4d}}.league-card__avatar:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 10px 32px #7c3aed80,0 0 0 6px #f59e0b66}.league-card__avatar:active{transform:scale(1.05)}.league-card__avatar:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.league-card__avatar-image{width:100%;height:100%;object-fit:cover;display:block}.league-card__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(24px,6vw,32px);font-weight:800;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.2)}.league-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.league-card__name{margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:#4c1d95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.league-card__league{margin:0;font-size:clamp(13px,3.2vw,15px);font-weight:600;color:#6b21a8;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-card__league-icon{font-size:16px;flex-shrink:0}.league-card__rank-wrapper{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.league-card__rank{display:flex;align-items:baseline;gap:2px;line-height:1}.league-card__rank-hash{font-size:clamp(20px,5vw,26px);font-weight:800;background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.league-card__rank-number{font-size:clamp(28px,7vw,36px);font-weight:800;background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.league-card__rank-change{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:clamp(11px,2.8vw,13px);font-weight:700;white-space:nowrap;animation:league-card-rank-change-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes league-card-rank-change-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.league-card__rank-change--up{background:linear-gradient(135deg,#10b98126,#05966926);color:#059669;border:1px solid rgba(16,185,129,.3)}.league-card__rank-change--down{background:linear-gradient(135deg,#ef444426,#dc262626);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.league-card__rank-change--stable{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.league-card__rank-change--new{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);color:#d97706;border:1px solid rgba(245,158,11,.3);animation:league-card-rank-change-pop .5s cubic-bezier(.34,1.56,.64,1),league-card-rank-change-sparkle 2s ease-in-out infinite}@keyframes league-card-rank-change-sparkle{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 12px 2px #f59e0b4d}}.league-card__rank-change-icon{font-size:12px}.league-card__rank-change-text{font-variant-numeric:tabular-nums}.league-card__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(10px,2.5vw,14px)}.league-card__stat{display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:clamp(10px,2.5vw,14px);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.1);border-radius:14px;transition:all .3s ease}.league-card__stat:hover{background:#ffffffe6;border-color:#7c3aed40;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed1a}.league-card__stat-icon{font-size:clamp(24px,6vw,32px);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.league-card__stat-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.league-card__stat-label{font-size:clamp(11px,2.8vw,13px);font-weight:600;color:#6b21a8;opacity:.8}.league-card__stat-value{font-size:clamp(16px,4vw,20px);font-weight:800;background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;line-height:1.2}@media(max-width:600px){.league-card{padding:14px}.league-card__header{gap:10px;margin-bottom:14px;padding-bottom:12px}.league-card__avatar{width:56px;height:56px}.league-card__avatar-fallback{font-size:24px}.league-card__stats{grid-template-columns:1fr}}@media(max-width:400px){.league-card{padding:12px}.league-card__header{gap:8px}.league-card__avatar{width:50px;height:50px}.league-card__avatar-fallback{font-size:20px}.league-card__name{font-size:16px}.league-card__league{font-size:12px}.league-card__rank-number{font-size:24px}.league-card__stat{padding:10px}.league-card__stat-icon{font-size:22px}.league-card__stat-value{font-size:16px}}@media(prefers-reduced-motion:reduce){.league-card,.league-card__glow,.league-card__avatar,.league-card__rank-change,.league-card__rank-change--new{animation:none!important}.league-card:hover,.league-card__avatar:hover,.league-card__stat:hover{transform:none}}.rank-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:rank-badge-entrance .5s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes rank-badge-entrance{0%{opacity:0;transform:scale(.5) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rank-badge--sm{width:32px;height:32px;font-size:12px}.rank-badge--md{width:40px;height:40px;font-size:14px}.rank-badge--lg{width:48px;height:48px;font-size:18px}.rank-badge--gold{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;box-shadow:0 4px 16px #fbbf2480,inset 0 1px #ffffff4d,inset 0 -2px #0000001a;animation:rank-badge-entrance .5s cubic-bezier(.34,1.56,.64,1) backwards,rank-badge-gold-glow 2s ease-in-out infinite}@keyframes rank-badge-gold-glow{0%,to{box-shadow:0 4px 16px #fbbf2480,inset 0 1px #ffffff4d,inset 0 -2px #0000001a}50%{box-shadow:0 6px 24px #fbbf24b3,inset 0 1px #fff6,inset 0 -2px #0000001a}}.rank-badge--silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff;box-shadow:0 4px 16px #94a3b880,inset 0 1px #fff6,inset 0 -2px #0000001a}.rank-badge--bronze{background:linear-gradient(135deg,#d97706,#92400e);color:#fff;box-shadow:0 4px 16px #d9770680,inset 0 1px #ffffff4d,inset 0 -2px #0000001a}.rank-badge--normal{background:linear-gradient(135deg,#7c3aed1a,#a78bfa1a);color:#7c3aed;border:2px solid rgba(124,58,237,.25);box-shadow:0 2px 8px #7c3aed26}.rank-badge__content{position:relative;z-index:1;line-height:1;font-variant-numeric:tabular-nums}.rank-badge--gold .rank-badge__content,.rank-badge--silver .rank-badge__content,.rank-badge--bronze .rank-badge__content{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.rank-badge__change{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;border:2px solid white;animation:rank-badge-change-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes rank-badge-change-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rank-badge__change--up{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98166}.rank-badge__change--down{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 6px #ef444466}.rank-badge:hover{transform:scale(1.1) rotate(-5deg)}.rank-badge--gold:hover{box-shadow:0 8px 28px #fbbf24b3,inset 0 1px #fff6,inset 0 -2px #0000001a}.rank-badge--silver:hover{box-shadow:0 8px 28px #94a3b8b3,inset 0 1px #ffffff80,inset 0 -2px #0000001a}.rank-badge--bronze:hover{box-shadow:0 8px 28px #d97706b3,inset 0 1px #fff6,inset 0 -2px #0000001a}.rank-badge--normal:hover{background:linear-gradient(135deg,#7c3aed26,#a78bfa26);border-color:#7c3aed66;box-shadow:0 4px 16px #7c3aed4d}@media(prefers-reduced-motion:reduce){.rank-badge,.rank-badge--gold,.rank-badge__change{animation:none!important}.rank-badge:hover{transform:none}}.leaderboard-item{display:flex;align-items:center;gap:clamp(10px,2vw,14px);padding:clamp(10px,2.5vw,14px);background:var(--color-bg-card, rgba(255, 255, 255, .95));border:1px solid rgba(124,58,237,.1);border-radius:16px;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:leaderboard-item-entrance .5s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes leaderboard-item-entrance{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.leaderboard-item:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;opacity:0;transition:opacity .3s ease}.leaderboard-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed1f}.leaderboard-item:hover:before{opacity:1}.leaderboard-item--gold{background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border-color:#fbbf2440}.leaderboard-item--gold:before{background:linear-gradient(180deg,#fbbf24,#d97706)}.leaderboard-item--gold:hover{box-shadow:0 8px 24px #fbbf2440}.leaderboard-item--silver{background:linear-gradient(135deg,#94a3b814,#cbd5e10d);border-color:#94a3b840}.leaderboard-item--silver:before{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.leaderboard-item--silver:hover{box-shadow:0 8px 24px #94a3b840}.leaderboard-item--bronze{background:linear-gradient(135deg,#d9770614,#92400e0d);border-color:#d9770640}.leaderboard-item--bronze:before{background:linear-gradient(180deg,#d97706,#92400e)}.leaderboard-item--bronze:hover{box-shadow:0 8px 24px #d9770640}.leaderboard-item--current-user{background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:2px solid rgba(124,58,237,.3);box-shadow:0 4px 16px #7c3aed26}.leaderboard-item--current-user:before{background:linear-gradient(180deg,#7c3aed,#f59e0b);opacity:1}.leaderboard-item--current-user:hover{box-shadow:0 8px 28px #7c3aed40;border-color:#7c3aed80}.leaderboard-item--normal:hover:before{background:linear-gradient(180deg,#7c3aed,#a78bfa)}.leaderboard-item__rank{flex-shrink:0;width:48px;display:flex;align-items:center;justify-content:center}.leaderboard-item__avatar-wrapper{position:relative;flex-shrink:0}.leaderboard-item__avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#f59e0b);border:2px solid white;box-shadow:0 4px 12px #7c3aed40;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit}.leaderboard-item__avatar:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 20px #7c3aed66;border-color:#f59e0b}.leaderboard-item__avatar:active{transform:scale(1.05)}.leaderboard-item__avatar:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.leaderboard-item__avatar-image{width:100%;height:100%;object-fit:cover;display:block}.leaderboard-item__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:800;text-transform:uppercase}.leaderboard-item__you-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:9px;font-weight:800;padding:2px 8px;border-radius:10px;border:2px solid white;box-shadow:0 2px 6px #f59e0b66;white-space:nowrap;animation:you-badge-pulse 2s ease-in-out infinite}@keyframes you-badge-pulse{0%,to{box-shadow:0 2px 6px #f59e0b66}50%{box-shadow:0 4px 12px #f59e0b99}}.leaderboard-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.leaderboard-item__name-row{display:flex;align-items:center;gap:8px}.leaderboard-item__name{margin:0;font-size:clamp(14px,3.5vw,16px);font-weight:700;color:#4c1d95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.leaderboard-item--gold .leaderboard-item__name,.leaderboard-item--silver .leaderboard-item__name,.leaderboard-item--bronze .leaderboard-item__name{background:linear-gradient(135deg,#4c1d95,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-item__score-row{display:flex;align-items:center;gap:10px}.leaderboard-item__progress{flex:1;height:6px;background:#7c3aed1a;border-radius:3px;overflow:hidden;position:relative}.leaderboard-item__progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#f59e0b);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.leaderboard-item__progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.leaderboard-item--gold .leaderboard-item__progress-fill{background:linear-gradient(90deg,#fbbf24,#d97706)}.leaderboard-item--silver .leaderboard-item__progress-fill{background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.leaderboard-item--bronze .leaderboard-item__progress-fill{background:linear-gradient(90deg,#d97706,#92400e)}.leaderboard-item__score{flex-shrink:0;min-width:60px;text-align:left;font-size:clamp(13px,3.2vw,15px);font-weight:800;color:#7c3aed;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#7c3aed,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:600px){.leaderboard-item{gap:8px;padding:10px;margin-bottom:8px}.leaderboard-item__rank{width:40px}.leaderboard-item__avatar{width:42px;height:42px}.leaderboard-item__avatar-fallback{font-size:18px}.leaderboard-item__score{min-width:50px;font-size:13px}}@media(max-width:400px){.leaderboard-item{gap:6px;padding:8px}.leaderboard-item__rank{width:36px}.leaderboard-item__avatar{width:38px;height:38px}.leaderboard-item__avatar-fallback{font-size:16px}.leaderboard-item__name{font-size:13px}.leaderboard-item__score{min-width:45px;font-size:12px}.leaderboard-item__progress{height:5px}}@media(prefers-reduced-motion:reduce){.leaderboard-item,.leaderboard-item__avatar,.leaderboard-item__progress-fill,.leaderboard-item__progress-fill:after,.leaderboard-item__you-badge{animation:none!important}.leaderboard-item:hover,.leaderboard-item__avatar:hover{transform:none}}.league-wrapper{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-gold: #fbbf24;--color-gold-dark: #d97706;--color-silver: #cbd5e1;--color-silver-dark: #94a3b8;--color-bronze: #d97706;--color-bronze-dark: #92400e;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.league-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(80px,15vw,120px)}.league-container{position:relative;z-index:2;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(20px,5vw,28px)}.league-header{text-align:center;padding:clamp(20px,5vw,32px) clamp(16px,4vw,24px);animation:fade-in-up .6s ease-out forwards}.league-header__icon{font-size:clamp(48px,12vw,64px);margin-bottom:12px;display:inline-block;animation:trophy-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(251,191,36,.4))}@keyframes trophy-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.league-header__title{font-size:clamp(26px,6.5vw,36px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(6px,1.5vw,10px);line-height:1.3}.league-header__subtitle{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);margin:0 0 clamp(16px,4vw,20px);font-weight:500}.league-header__actions{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);flex-wrap:wrap}.league-header__reset{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--color-text-primary)}.reset-icon{animation:spin-slow 4s linear infinite;font-size:14px}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.league-header__refresh{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-bounce);font-family:inherit;box-shadow:0 4px 12px #7c3aed4d}.league-header__refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.league-header__refresh:active:not(:disabled){transform:translateY(0)}.league-header__refresh:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{font-size:14px;transition:transform .5s ease}.refresh-icon.spinning{animation:spin-fast .8s linear infinite}@keyframes spin-fast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:clamp(8px,2vw,12px);align-items:end;padding:clamp(16px,4vw,24px) clamp(8px,2vw,16px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);animation:podium-entrance .8s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(30px)}@keyframes podium-entrance{to{opacity:1;transform:translateY(0)}}.podium-item{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;animation:podium-rise .6s ease-out backwards}.podium-item--first{animation-delay:.3s}.podium-item--second{animation-delay:.5s}.podium-item--third{animation-delay:.7s}@keyframes podium-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.podium-crown{font-size:clamp(24px,6vw,32px);animation:crown-bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(251,191,36,.5))}@keyframes crown-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}.podium-medal{font-size:clamp(20px,5vw,28px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.podium-avatar-wrapper{position:relative;margin-bottom:4px}.podium-avatar-btn{position:relative;display:block;padding:0;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:var(--transition-bounce);font-family:inherit}.podium-avatar-btn:hover{transform:scale(1.1) rotate(-5deg)}.podium-avatar-btn:active{transform:scale(1.05)}.podium-avatar-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.podium-avatar{width:clamp(52px,13vw,72px);height:clamp(52px,13vw,72px);border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 16px #00000026;display:block}.podium-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:clamp(20px,5vw,28px);font-weight:800;border:3px solid white;box-shadow:0 4px 16px #00000026;width:clamp(52px,13vw,72px);height:clamp(52px,13vw,72px);border-radius:50%}.podium-item--first .podium-avatar{border-color:var(--color-gold);box-shadow:0 0 0 3px #fbbf244d,0 8px 24px #fbbf2466}.podium-item--second .podium-avatar{border-color:var(--color-silver);box-shadow:0 0 0 3px #cbd5e14d,0 6px 18px #cbd5e166}.podium-item--third .podium-avatar{border-color:var(--color-bronze);box-shadow:0 0 0 3px #d977064d,0 6px 18px #d9770666}.podium-rank{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:22px;height:22px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:2px solid white;box-shadow:0 2px 6px #0003}.podium-name{font-size:clamp(12px,3vw,14px);font-weight:700;color:var(--color-text-primary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:clamp(11px,2.8vw,13px);font-weight:800;color:var(--color-accent);background:#f59e0b1a;padding:2px 10px;border-radius:var(--radius-pill)}.podium-base{width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-weight:800;color:#fff;font-size:14px}.podium-base--gold{height:clamp(60px,15vw,80px);background:linear-gradient(180deg,var(--color-gold),var(--color-gold-dark));box-shadow:0 -4px 16px #fbbf244d}.podium-base--silver{height:clamp(45px,11vw,60px);background:linear-gradient(180deg,var(--color-silver),var(--color-silver-dark));box-shadow:0 -4px 12px #cbd5e14d}.podium-base--bronze{height:clamp(35px,9vw,50px);background:linear-gradient(180deg,var(--color-bronze),var(--color-bronze-dark));box-shadow:0 -4px 12px #d977064d}.leaderboard-card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(25px);animation-delay:.2s}.leaderboard-header{padding:clamp(16px,4vw,20px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-title{margin:0;font-size:clamp(16px,4vw,18px);font-weight:800;display:flex;align-items:center;gap:8px}.leaderboard-title__icon{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.leaderboard-count{padding:4px 12px;background:#fff3;border-radius:var(--radius-pill);font-size:13px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rank-indicator{position:relative;height:6px;background:#7c3aed1a}.rank-indicator__fill{position:absolute;top:0;right:0;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));transition:width .8s cubic-bezier(.4,0,.2,1)}.rank-indicator__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 8px #7c3aed66;transition:left .8s cubic-bezier(.4,0,.2,1)}.leaderboard-list{padding:clamp(12px,3vw,16px);min-height:200px}.loading-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:clamp(16px,4vw,24px);animation:fade-in .3s ease-out}.loading-more__spinner{width:24px;height:24px;border:3px solid rgba(124,58,237,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.end-of-list{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(20px,5vw,28px) 16px;margin-top:12px;background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:1px dashed rgba(124,58,237,.2);border-radius:var(--radius-lg);text-align:center;animation:fade-in .5s ease-out}.leaderboard-empty{padding:clamp(32px,8vw,48px) clamp(16px,4vw,24px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:clamp(48px,12vw,64px);animation:trophy-bounce 2s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-subtitle{margin:0;font-size:clamp(13px,3.5vw,15px);color:var(--color-text-muted);font-weight:500;line-height:1.7;max-width:320px}.btn-empty-action{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:clamp(10px,2.5vw,14px) clamp(20px,5vw,28px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6d28d959;transition:var(--transition-bounce);font-family:inherit}.btn-empty-action:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6d28d980}.btn-empty-action:active{transform:translateY(-1px)}.rank-badge-wrapper{padding:clamp(12px,3vw,16px);background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border-top:1px dashed rgba(147,51,234,.2);text-align:center}.rank-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--color-white);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft)}.rank-badge__rank{font-size:clamp(16px,4vw,18px);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-badge__label{font-size:clamp(12px,3.2vw,14px);color:var(--color-text-secondary);font-weight:600}.league-footer{text-align:center;padding:clamp(12px,3vw,16px);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft)}.league-footer p{margin:0;font-size:clamp(12px,3.2vw,14px);font-weight:600;color:var(--color-text-muted)}.league-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px}.loading-trophy{font-size:clamp(56px,14vw,72px);animation:trophy-float 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(251,191,36,.4))}.league-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px}.error-message{margin:0;font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);max-width:320px;line-height:1.6}.btn-retry:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-retry:active:not(:disabled){transform:translateY(-1px)}.btn-retry:disabled{opacity:.7;cursor:not-allowed}.spin-icon{display:inline-block;animation:spin 1s linear infinite}@media(max-width:640px){.podium{gap:6px;padding:16px 8px}.podium-name{font-size:11px}.podium-score{font-size:10px;padding:2px 8px}.league-header__actions{flex-direction:column;gap:8px}}@media(max-width:400px){.league-wrapper{padding:12px 12px 90px}.podium-crown{font-size:20px}.podium-medal{font-size:18px}.leaderboard-header{flex-direction:column;gap:8px}}.league-header__refresh:focus-visible,.btn-retry:focus-visible,.btn-empty-action:focus-visible,.podium-avatar-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.league-filters{display:flex;flex-direction:column;gap:16px;animation:fade-in-up .6s ease-out .1s backwards}.week-toggle{display:flex;background:#7c3aed14;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-pill);padding:4px;width:100%}.week-toggle__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);font-family:inherit}.week-toggle__btn:hover{color:var(--color-text-primary);background:#ffffff80}.week-toggle__btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 4px 12px #7c3aed26;font-weight:700}.week-toggle__icon{font-size:16px}.grade-filter{position:relative;width:100%}.grade-select{width:100%;padding:12px 16px 12px 40px;background:var(--color-bg-card);border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-text-primary);font-family:inherit;cursor:pointer;transition:var(--transition-smooth);appearance:none;-webkit-appearance:none}.grade-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed1a}.grade-select option{background:var(--color-bg-card);color:var(--color-text-primary);padding:8px}.grade-filter .select-arrow{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-primary);pointer-events:none;transition:var(--transition-smooth)}.grade-select:focus+.select-arrow{transform:translateY(-50%) scale(1.1)}.grade-filter .select-arrow svg{width:100%;height:100%;stroke:currentColor}@media(min-width:640px){.league-filters{flex-direction:row;align-items:center}.week-toggle{width:auto;flex:1;max-width:320px}.grade-filter{width:200px}}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.referral-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(40px,10vw,80px)}.referral-container{position:relative;z-index:2;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.referral-header{text-align:center;padding:clamp(20px,5vw,32px) clamp(16px,4vw,24px);animation:fade-in-up .6s ease-out forwards}.referral-header__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:clamp(70px,16vw,90px);height:clamp(70px,16vw,90px);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-lg);margin-bottom:clamp(16px,4vw,24px);box-shadow:var(--shadow-glow);animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 12px 40px #7c3aed59;transform:scale(1)}50%{box-shadow:0 20px 55px #f59e0b66;transform:scale(1.05)}}.referral-header__icon{font-size:clamp(32px,8vw,44px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.referral-header__title{font-size:clamp(26px,6.5vw,36px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(8px,2vw,12px);line-height:1.3}.referral-header__subtitle{font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);margin:0;line-height:1.7;font-weight:500}.referral-header__subtitle strong{color:var(--color-accent);font-weight:800;background:linear-gradient(135deg,var(--color-accent),#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.code-card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:clamp(20px,5vw,28px);box-shadow:var(--shadow-soft);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(25px);animation-delay:.1s}@keyframes card-slide-up{to{opacity:1;transform:translateY(0)}}.code-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(14px,3.5vw,18px);flex-wrap:wrap;gap:10px}.code-card__title{margin:0;font-size:clamp(16px,4vw,18px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.code-card__title-icon{font-size:clamp(20px,5vw,24px)}.btn-share{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border:1px solid var(--color-primary-light);border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:var(--color-primary);cursor:pointer;transition:var(--transition-smooth);font-family:inherit}.btn-share:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.code-card__display{position:relative;background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:2px dashed var(--color-primary-light);border-radius:var(--radius-lg);padding:clamp(20px,5vw,28px);text-align:center;cursor:pointer;transition:var(--transition-smooth);overflow:hidden}.code-card__display:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#7c3aed14,#f59e0b14);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.code-card__display:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.code-card__glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(245,158,11,.2),transparent 60%);filter:blur(20px);opacity:.5;pointer-events:none;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.6}}.code-card__code{position:relative;font-family:Courier New,monospace;font-size:clamp(24px,7vw,36px);font-weight:800;letter-spacing:3px;color:var(--color-text-primary);direction:ltr;text-shadow:0 2px 8px rgba(124,58,237,.2);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;user-select:all;z-index:1}.code-card__copied-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-success-bg),rgba(22,163,74,.15));display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.code-card__copied-overlay.visible{opacity:1;animation:copied-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes copied-pop{0%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:scale(1)}}.copied-icon{font-size:24px}.copied-text{font-size:clamp(16px,4vw,18px);font-weight:800;color:var(--color-success)}.code-card__hint{margin:clamp(10px,2.5vw,14px) 0 0;font-size:clamp(12px,3.2vw,14px);color:var(--color-text-muted);text-align:center;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(12px,3vw,16px)}.stat-card{display:flex;align-items:center;gap:clamp(12px,3vw,16px);padding:clamp(16px,4vw,20px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition-bounce);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(25px)}.stat-card:nth-child(1){animation-delay:.2s}.stat-card:nth-child(2){animation-delay:.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-card__icon-wrapper{flex-shrink:0;width:clamp(48px,12vw,60px);height:clamp(48px,12vw,60px);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.stat-card--friends .stat-card__icon-wrapper{background:linear-gradient(135deg,#3b82f626,#60a5fa26);border:1px solid rgba(59,130,246,.3)}.stat-card--points .stat-card__icon-wrapper{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);border:1px solid rgba(245,158,11,.3)}.stat-card:hover .stat-card__icon-wrapper{transform:scale(1.1) rotate(-5deg)}.stat-card__icon{font-size:clamp(22px,5.5vw,28px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-card__content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.stat-card__value{font-size:clamp(22px,5.5vw,28px);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.stat-card--friends .stat-card__value{color:#2563eb}.stat-card--points .stat-card__value{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card__label{font-size:clamp(12px,3.2vw,14px);font-weight:600;color:var(--color-text-muted)}.progress-card{background:linear-gradient(135deg,#f59e0b14,#fbbf2414);border:2px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);padding:clamp(18px,4.5vw,24px);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(25px);animation-delay:.4s}.progress-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(12px,3vw,16px);flex-wrap:wrap;gap:8px}.progress-card__title{margin:0;font-size:clamp(15px,4vw,17px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:6px}.progress-card__badge{padding:4px 12px;background:linear-gradient(135deg,var(--color-accent),#d97706);color:#fff;border-radius:var(--radius-pill);font-size:12px;font-weight:800;box-shadow:0 2px 8px #f59e0b4d}.progress-card__bar{position:relative;height:12px;background:#f59e0b26;border-radius:var(--radius-pill);overflow:hidden;margin-bottom:clamp(10px,2.5vw,14px)}.progress-card__fill{position:relative;height:100%;background:linear-gradient(90deg,var(--color-accent),#d97706);border-radius:inherit;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #f59e0b80}.progress-card__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.progress-card__hint{margin:0;font-size:clamp(12px,3.2vw,14px);color:var(--color-text-secondary);line-height:1.6;font-weight:500}.progress-card__hint strong{color:var(--color-accent);font-weight:800}.info-card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);padding:clamp(20px,5vw,28px);box-shadow:var(--shadow-soft);animation:card-slide-up .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(25px);animation-delay:.5s}.info-card__title{margin:0 0 clamp(14px,3.5vw,18px);font-size:clamp(16px,4vw,18px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.info-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(10px,2.5vw,14px)}.info-card__item{display:flex;align-items:flex-start;gap:clamp(10px,2.5vw,14px);padding:clamp(10px,2.5vw,14px);background:#7c3aed0d;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.1);transition:var(--transition-smooth)}.info-card__item:hover{background:#7c3aed14;border-color:var(--color-primary-light);transform:translate(-4px)}.info-card__step{flex-shrink:0;width:clamp(26px,6.5vw,32px);height:clamp(26px,6.5vw,32px);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,3vw,14px);font-weight:800;box-shadow:0 2px 8px #7c3aed4d}.info-card__text{flex:1;font-size:clamp(13px,3.5vw,15px);color:var(--color-text-primary);line-height:1.6;font-weight:500;padding-top:3px}.info-card__text strong{color:var(--color-accent);font-weight:800}.referral-footer{text-align:center;padding:clamp(14px,3.5vw,18px);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);animation:card-slide-up .5s ease-out forwards;animation-delay:.6s;opacity:0;transform:translateY(25px)}.referral-footer p{margin:0;font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--color-text-muted)}.referral-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px}.loading-icon{font-size:clamp(56px,14vw,72px);animation:icon-pulse 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.3))}.loading-title{margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.loading-subtitle{margin:0;font-size:clamp(13px,3.5vw,15px);color:var(--color-text-muted)}.referral-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg-card);z-index:50;text-align:center;padding:20px}.error-icon{font-size:clamp(48px,12vw,64px);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-title{margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.error-message{margin:0;font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);max-width:320px}.btn-retry{display:inline-flex;align-items:center;gap:8px;padding:clamp(12px,3vw,16px) clamp(24px,6vw,32px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6d28d966;transition:var(--transition-bounce);font-family:inherit;margin-top:8px}.btn-retry:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-retry:active{transform:translateY(-1px)}@media(max-width:480px){.referral-wrapper{padding:14px 14px 70px}.stats-grid{grid-template-columns:1fr}.code-card__code{font-size:24px;letter-spacing:2px}.info-card__item{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.code-card,.stat-card,.progress-card,.info-card,.referral-footer{animation:none!important;opacity:1!important;transform:none!important}}.code-card__display:focus-visible,.btn-share:focus-visible,.btn-retry:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.user-card{display:flex;align-items:center;gap:clamp(12px,3vw,16px);padding:clamp(12px,3vw,16px);background:var(--color-bg-card, rgba(255, 255, 255, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.1);border-radius:16px;margin-bottom:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:user-card-entrance .4s cubic-bezier(.34,1.56,.64,1) backwards}.user-card:before{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:linear-gradient(180deg,#7c3aed,#f59e0b);opacity:0;transition:opacity .3s ease}.user-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed26;border-color:#7c3aed40}.user-card:hover:before{opacity:1}.user-card:active{transform:translateY(-1px)}.user-card:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.user-card__avatar-wrapper{position:relative;flex-shrink:0}.user-card__avatar{position:relative;width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);border-radius:50%;background:linear-gradient(135deg,#7c3aed,#f59e0b);border:2.5px solid white;box-shadow:0 4px 12px #7c3aed40;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.user-card:hover .user-card__avatar{transform:scale(1.05);box-shadow:0 6px 18px #7c3aed59}.user-card__avatar-image{width:100%;height:100%;object-fit:cover;display:block}.user-card__avatar-fallback{color:#fff;font-size:clamp(18px,4.5vw,22px);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-card__you-badge{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:9px;font-weight:800;padding:2px 8px;border-radius:10px;border:2px solid white;box-shadow:0 2px 6px #f59e0b66;white-space:nowrap}.user-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.user-card__name{margin:0;font-size:clamp(14px,3.5vw,16px);font-weight:700;color:#4c1d95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-card__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.user-card__meta-item{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:clamp(11px,2.8vw,12px);font-weight:600;white-space:nowrap}.user-card__meta-icon{font-size:12px;line-height:1}.user-card__meta-item--league{background:linear-gradient(135deg,#7c3aed14,#a78bfa14);color:#6b21a8;border:1px solid rgba(124,58,237,.15)}.user-card__meta-item--score{background:linear-gradient(135deg,#f59e0b14,#fbbf2414);color:#92400e;border:1px solid rgba(245,158,11,.2)}.user-card__action{flex-shrink:0;display:flex;align-items:center}@media(max-width:600px){.user-card{gap:10px;padding:12px;margin-bottom:10px}.user-card__avatar{width:46px;height:46px}.user-card__avatar-fallback{font-size:18px}.user-card__meta{gap:4px}.user-card__meta-item{padding:2px 8px;font-size:11px}}@media(max-width:400px){.user-card{gap:8px;padding:10px}.user-card__avatar{width:42px;height:42px}.user-card__name{font-size:14px}.user-card__meta-item--league{display:none}}@media(prefers-reduced-motion:reduce){.user-card,.user-card__avatar{animation:none;transition:none}.user-card:hover,.user-card:hover .user-card__avatar{transform:none}}.error-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fee2e2cc,#fecaca99);border:1px solid rgba(220,38,38,.2);border-radius:14px;animation:error-alert-entrance .4s cubic-bezier(.34,1.56,.64,1)}@keyframes error-alert-entrance{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-alert__icon{flex-shrink:0;font-size:20px;line-height:1;margin-top:2px;filter:drop-shadow(0 2px 4px rgba(220,38,38,.2))}.error-alert__content{flex:1;min-width:0}.error-alert__message{margin:0;font-size:14px;font-weight:600;color:#991b1b;line-height:1.6}.error-alert__retry{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;background:#dc26261a;color:#991b1b;border:1px solid rgba(220,38,38,.25);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.error-alert__retry:hover{background:#dc26262e;border-color:#dc262666;transform:translateY(-1px)}.error-alert__retry:active{transform:translateY(0)}.error-alert__retry-icon{font-size:13px;display:inline-block;transition:transform .3s ease}.error-alert__retry:hover .error-alert__retry-icon{transform:rotate(-180deg)}.error-alert__retry:focus-visible{outline:2px solid #dc2626;outline-offset:2px}@media(prefers-reduced-motion:reduce){.error-alert,.error-alert__retry-icon{animation:none;transition:none}.error-alert__retry:hover .error-alert__retry-icon{transform:none}}.followers-page{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.followers-page{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(80px,15vw,120px)}.followers-page--loading{display:flex;align-items:center;justify-content:center}.followers-container{position:relative;z-index:2;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.followers-header{display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:clamp(14px,3.5vw,18px) clamp(16px,4vw,20px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);animation:header-entrance .5s cubic-bezier(.34,1.56,.64,1) backwards}.followers-back-btn{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:1px solid rgba(124,58,237,.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition-smooth);font-family:inherit}.followers-back-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:transparent;transform:scale(1.1) rotate(-10deg)}.followers-back-btn:active{transform:scale(1.05)}.followers-back-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.followers-back-btn__icon{display:inline-block;transform:scaleX(-1)}.followers-header__title{flex:1;margin:0;display:flex;align-items:center;gap:8px;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.followers-header__icon{font-size:clamp(22px,5.5vw,26px);filter:drop-shadow(0 2px 4px rgba(124,58,237,.3))}.followers-header__count{display:flex;align-items:baseline;gap:4px;padding:6px 14px;background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-pill)}.followers-header__count-value{font-size:clamp(15px,3.8vw,18px);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.followers-header__count-label{font-size:12px;font-weight:600;color:var(--color-text-muted)}.followers-error-wrapper{animation:error-entrance .4s cubic-bezier(.34,1.56,.64,1)}.followers-empty{text-align:center;padding:clamp(32px,8vw,48px) clamp(20px,5vw,32px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);animation:empty-entrance .6s cubic-bezier(.34,1.56,.64,1) backwards}.followers-empty__icon{font-size:clamp(56px,14vw,72px);margin-bottom:16px;display:inline-block;animation:empty-icon-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.25))}.followers-empty__title{margin:0 0 8px;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.followers-empty__subtitle{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);line-height:1.7;max-width:320px;margin:0 auto 20px}.followers-list{display:flex;flex-direction:column;gap:0}.followers-list>div{animation:user-card-entrance .4s cubic-bezier(.34,1.56,.64,1) backwards}.followers-loading{text-align:center;padding:40px}.followers-loading__icon{font-size:64px;margin-bottom:16px;animation:loading-icon-float 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.3))}.followers-loading__title{margin:16px 0 8px;font-size:20px;font-weight:800;color:var(--color-text-primary)}.followers-loading__subtitle{margin:0;font-size:14px;color:var(--color-text-muted)}@media(max-width:600px){.followers-header{padding:12px 14px}.followers-back-btn{width:32px;height:32px}.followers-header__count{padding:5px 12px}}@media(max-width:400px){.followers-page{padding:12px 12px 80px}.followers-header__title{font-size:17px}.followers-header__icon{font-size:20px}.followers-header__count-value{font-size:14px}}.following-page{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.following-page{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(80px,15vw,120px)}.following-page--loading{display:flex;align-items:center;justify-content:center}.bg-orb--1{width:clamp(200px,40vw,400px);height:clamp(200px,40vw,400px);background:radial-gradient(circle,var(--color-primary-light),transparent 70%);top:-10%;left:-10%}.bg-orb--2{width:clamp(150px,30vw,320px);height:clamp(150px,30vw,320px);background:radial-gradient(circle,rgba(245,158,11,.4),transparent 70%);bottom:-5%;right:-5%;animation-delay:-7s}.following-container{position:relative;z-index:2;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.following-header{display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:clamp(14px,3.5vw,18px) clamp(16px,4vw,20px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);animation:header-entrance .5s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes header-entrance{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.following-back-btn{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border:1px solid rgba(124,58,237,.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition-smooth);font-family:inherit}.following-back-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:transparent;transform:scale(1.1) rotate(-10deg)}.following-back-btn:active{transform:scale(1.05)}.following-back-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.following-back-btn__icon{display:inline-block;transform:scaleX(-1)}.following-header__title{flex:1;margin:0;display:flex;align-items:center;gap:8px;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.following-header__icon{font-size:clamp(22px,5.5vw,26px);filter:drop-shadow(0 2px 4px rgba(124,58,237,.3))}.following-header__count{display:flex;align-items:baseline;gap:4px;padding:6px 14px;background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-pill)}.following-header__count-value{font-size:clamp(15px,3.8vw,18px);font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.following-header__count-label{font-size:12px;font-weight:600;color:var(--color-text-muted)}.following-error-wrapper{animation:error-entrance .4s cubic-bezier(.34,1.56,.64,1)}@keyframes error-entrance{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.following-empty{text-align:center;padding:clamp(32px,8vw,48px) clamp(20px,5vw,32px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);animation:empty-entrance .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes empty-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.following-empty__icon{font-size:clamp(56px,14vw,72px);margin-bottom:16px;display:inline-block;animation:empty-icon-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.25))}@keyframes empty-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.following-empty__title{margin:0 0 8px;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.following-empty__subtitle{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);line-height:1.7;max-width:320px;margin:0 auto 20px}.btn-explore{display:inline-flex;align-items:center;gap:8px;padding:clamp(10px,2.5vw,14px) clamp(20px,5vw,28px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6d28d959;transition:var(--transition-bounce);font-family:inherit}.btn-explore:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-explore:active{transform:translateY(-1px)}.btn-explore:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.following-list{display:flex;flex-direction:column;gap:0}.following-list>div{animation:user-card-entrance .4s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes user-card-entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.infinite-scroll-sentinel{height:1px;width:100%;visibility:hidden}.loading-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:clamp(16px,4vw,24px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-md);animation:fade-in .3s ease-out}.loading-more__text{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.end-of-list{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(20px,5vw,28px) 16px;margin-top:8px;background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:1px dashed rgba(124,58,237,.2);border-radius:var(--radius-lg);text-align:center;animation:fade-in .5s ease-out}.end-of-list__icon{font-size:32px;animation:flag-wave 2s ease-in-out infinite}@keyframes flag-wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.end-of-list__text{font-size:clamp(13px,3.5vw,15px);font-weight:600;color:var(--color-text-secondary);line-height:1.6}.following-loading{text-align:center;padding:40px}.following-loading__icon{font-size:64px;margin-bottom:16px;animation:loading-icon-float 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.3))}@keyframes loading-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.following-loading__title{margin:16px 0 8px;font-size:20px;font-weight:800;color:var(--color-text-primary)}.following-loading__subtitle{margin:0;font-size:14px;color:var(--color-text-muted)}@media(max-width:600px){.following-header{padding:12px 14px}.following-back-btn{width:32px;height:32px}.following-header__count{padding:5px 12px}}@media(max-width:400px){.following-page{padding:12px 12px 80px}.following-header__title{font-size:17px}.following-header__icon{font-size:20px}.following-header__count-value{font-size:14px}}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.coming-soon-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow:hidden;direction:rtl;padding:clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,5vw,32px)}.orb-3{width:clamp(100px,20vw,220px);height:clamp(100px,20vw,220px);background:radial-gradient(circle,rgba(167,139,250,.4),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.25}.floating-icons{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.floating-icon{position:absolute;left:var(--x);top:var(--y);font-size:clamp(24px,5vw,36px);opacity:.15;animation:float-icon var(--duration) ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 4px 8px rgba(124,58,237,.2))}@keyframes float-icon{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-40px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,-60px) rotate(180deg) scale(.95)}75%{transform:translate(-30px,-20px) rotate(270deg) scale(1.05)}}.coming-soon-card{position:relative;z-index:2;background:var(--color-bg-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:clamp(28px,7vw,48px);max-width:clamp(320px,95vw,560px);width:100%;box-shadow:var(--shadow-soft);text-align:center;animation:card-entrance .7s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(30px)}@keyframes card-entrance{to{opacity:1;transform:translateY(0)}}.coming-soon-icon-wrapper{position:relative;display:inline-block;margin-bottom:clamp(16px,4vw,24px)}.coming-soon-icon-halo{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(245,158,11,.3),transparent 70%);border-radius:50%;filter:blur(20px);animation:halo-pulse 2.5s ease-in-out infinite;z-index:0}@keyframes halo-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.coming-soon-icon{position:relative;font-size:clamp(64px,16vw,88px);z-index:1;animation:icon-bounce 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.3))}@keyframes icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.08)}}.coming-soon-title{font-size:clamp(26px,6.5vw,36px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(8px,2vw,12px);line-height:1.3;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.title-word{display:inline-block;animation:word-pop .5s ease-out backwards}.title-word:nth-child(1){animation-delay:.3s}.title-word:nth-child(2){animation-delay:.4s}.title-word:nth-child(3){animation-delay:.5s}@keyframes word-pop{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.coming-soon-message{font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);margin:0 0 clamp(20px,5vw,28px);line-height:1.7;font-weight:500}.progress-section{margin-bottom:clamp(20px,5vw,28px);text-align:right}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-label{font-size:clamp(12px,3.2vw,14px);font-weight:600;color:var(--color-text-secondary)}.progress-value{font-size:clamp(13px,3.5vw,15px);font-weight:800;color:var(--color-primary);background:#7c3aed1a;padding:2px 10px;border-radius:var(--radius-pill)}.progress-bar{position:relative;height:10px;background:#7c3aed1a;border-radius:var(--radius-pill);overflow:hidden}.progress-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:inherit;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #7c3aed66}.progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.features-section{margin-bottom:clamp(20px,5vw,28px);text-align:right;padding:clamp(16px,4vw,20px);background:linear-gradient(135deg,#7c3aed0d,#f59e0b0d);border:1px dashed rgba(147,51,234,.25);border-radius:var(--radius-lg)}.features-title{margin:0 0 clamp(12px,3vw,16px);font-size:clamp(14px,3.8vw,16px);font-weight:700;color:var(--color-text-primary);text-align:center}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fffc;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.1);animation:feature-slide .5s ease-out backwards;transition:var(--transition-smooth)}.feature-item:hover{transform:translate(-4px);background:#fff;border-color:var(--color-primary-light);box-shadow:var(--shadow-soft)}@keyframes feature-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.feature-check{flex-shrink:0;width:22px;height:22px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 2px 8px #7c3aed4d}.feature-text{font-size:clamp(13px,3.5vw,14px);font-weight:600;color:var(--color-text-primary)}.rotating-message{margin-bottom:clamp(20px,5vw,28px);padding:clamp(12px,3vw,16px);background:linear-gradient(135deg,#3b82f614,#7c3aed14);border-radius:var(--radius-md);min-height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}.rotating-message__text{font-size:clamp(12px,3.2vw,14px);font-weight:600;color:var(--color-text-secondary);line-height:1.5;animation:message-fade .5s ease-out}@keyframes message-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coming-soon-actions{display:flex;flex-direction:column;gap:10px}.btn-primary,.btn-secondary{width:100%;padding:clamp(12px,3vw,16px);border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-bounce)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);box-shadow:0 10px 30px #6d28d966;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:transparent;border:2px solid var(--color-primary-light);color:var(--color-primary-dark)}.btn-secondary:hover{background:#7c3aed14;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.coming-soon-footer{position:relative;z-index:2;text-align:center;padding:12px 20px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);animation:footer-fade .5s ease-out .5s backwards}@keyframes footer-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coming-soon-footer p{margin:0;font-size:clamp(12px,3.2vw,14px);font-weight:600;color:var(--color-text-secondary)}@media(max-width:480px){.coming-soon-wrapper{padding:14px}.coming-soon-card{padding:24px 20px}.feature-item{padding:8px 12px}.floating-icon{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.coming-soon-card,.coming-soon-icon,.floating-icon,.bg-orb{animation:none!important;transform:none!important}.coming-soon-card{opacity:1!important}}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}:root{--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #a78bfa;--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .4);--color-bg-start: #f8f5ff;--color-bg-end: #ede9fe;--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #4c1d95;--color-text-secondary: #6b21a8;--color-text-muted: #9333ea;--color-white: #ffffff;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--shadow-soft: 0 10px 40px -10px rgba(124, 58, 237, .15);--shadow-hover: 0 25px 60px -15px rgba(109, 40, 217, .4);--shadow-glow: 0 0 30px rgba(124, 58, 237, .25);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 9999px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}.quiz-wrapper{position:relative;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);font-family:Peyda,Tahoma,sans-serif;overflow-x:hidden;direction:rtl;padding:clamp(16px,4vw,32px);padding-bottom:clamp(80px,15vw,120px)}.bg-orb{position:fixed;border-radius:50%;filter:blur(50px);opacity:.4;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.orb-1{width:clamp(200px,40vw,400px);height:clamp(200px,40vw,400px);background:radial-gradient(circle,var(--color-primary-light),transparent 70%);top:-10%;left:-10%}.orb-2{width:clamp(150px,30vw,320px);height:clamp(150px,30vw,320px);background:radial-gradient(circle,var(--color-accent-glow),transparent 70%);bottom:-5%;right:-5%;animation-delay:-7s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-20px) scale(1.04)}66%{transform:translate(-15px,25px) scale(.96)}}.quiz-container{position:relative;z-index:2;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.quiz-header{text-align:center;padding:clamp(20px,5vw,32px) clamp(16px,4vw,24px);animation:fade-in-up .6s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-header__icon{font-size:clamp(48px,12vw,64px);margin-bottom:12px;display:inline-block;animation:icon-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(124,58,237,.3))}@keyframes icon-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.quiz-header__title{font-size:clamp(24px,6vw,32px);font-weight:800;color:var(--color-text-primary);margin:0 0 clamp(6px,1.5vw,10px);line-height:1.3}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-header__subtitle{font-size:clamp(13px,3.5vw,15px);color:var(--color-text-secondary);margin:0;font-weight:500}.quiz-breadcrumb{display:flex;align-items:center;gap:8px;padding:clamp(10px,2.5vw,14px) clamp(14px,3.5vw,18px);background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-wrap:wrap;animation:slide-in .4s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);font-size:clamp(12px,3.2vw,14px);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);font-family:inherit}.breadcrumb-item:hover:not(:disabled){background:#7c3aed14;border-color:var(--color-primary-light);color:var(--color-primary)}.breadcrumb-item.active{background:linear-gradient(135deg,#7c3aed1a,#f59e0b1a);border-color:var(--color-primary-light);color:var(--color-text-primary)}.breadcrumb-item:disabled{cursor:default}.breadcrumb-icon{font-size:14px}.breadcrumb-separator{color:var(--color-text-muted);font-size:16px;font-weight:700;opacity:.5}.quiz-alert{display:flex;align-items:center;gap:12px;padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px);border-radius:var(--radius-md);font-size:clamp(13px,3.5vw,15px);font-weight:600;animation:alert-slide .4s cubic-bezier(.34,1.56,.64,1)}@keyframes alert-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-alert--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #fecaca}.alert-icon{font-size:20px;flex-shrink:0}.quiz-alert span:nth-child(2){flex:1}.alert-close{background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:16px;font-weight:700;padding:4px 8px;border-radius:50%;transition:var(--transition-smooth)}.alert-close:hover{opacity:1;background:#0000000d}.hearts-display{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);padding:clamp(12px,3vw,16px);background:linear-gradient(135deg,#ef444414,#f472b614);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);flex-wrap:wrap}.hearts-icon{font-size:clamp(20px,5vw,24px);animation:heart-beat 1.5s ease-in-out infinite}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hearts-label{font-size:clamp(13px,3.5vw,15px);font-weight:700;color:var(--color-text-primary)}.hearts-count{display:flex;gap:4px}.heart{font-size:clamp(18px,4.5vw,22px);transition:var(--transition-bounce)}.heart--full{filter:drop-shadow(0 2px 4px rgba(239,68,68,.4));animation:heart-pop .4s ease-out backwards}.heart--empty{opacity:.4;filter:grayscale(1)}@keyframes heart-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.quiz-content{animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.quizzes-section{display:flex;flex-direction:column;gap:clamp(16px,4vw,20px)}.quizzes-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:clamp(32px,8vw,48px);background:var(--color-bg-card);border-radius:var(--radius-lg);text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(124,58,237,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quizzes-loading p{margin:0;font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);font-weight:600}.quizzes-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(32px,8vw,48px);background:linear-gradient(135deg,#3b82f614,#7c3aed14);border:2px dashed var(--color-primary-light);border-radius:var(--radius-lg);text-align:center}.empty-icon{font-size:clamp(48px,12vw,64px);animation:icon-float 3s ease-in-out infinite}.empty-title{margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-text-primary)}.empty-subtitle{margin:0;font-size:clamp(13px,3.5vw,15px);color:var(--color-text-muted)}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(260px,45vw,320px),1fr));gap:clamp(14px,3.5vw,20px)}.quiz-card{position:relative;background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-lg);padding:clamp(18px,4.5vw,24px);box-shadow:var(--shadow-soft);transition:var(--transition-bounce);animation:card-stagger .5s ease-out backwards;overflow:hidden}@keyframes card-stagger{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-card:before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));opacity:.5;transition:opacity .3s ease}.quiz-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary-light)}.quiz-card:hover:before{opacity:1}.quiz-card--success{border-color:#16a34a4d}.quiz-card--success:before{background:linear-gradient(180deg,#10b981,#059669)}.quiz-card--warning{border-color:#f59e0b4d}.quiz-card--warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.quiz-card--danger{border-color:#dc26264d}.quiz-card--danger:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.quiz-card__header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.quiz-card__difficulty-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.quiz-card__difficulty-badge--success{background:var(--color-success-bg);color:var(--color-success)}.quiz-card__difficulty-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.quiz-card__difficulty-badge--danger{background:var(--color-error-bg);color:var(--color-error)}.difficulty-icon{font-size:14px}.quiz-card__last-score{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-pill);font-size:11px;font-weight:700;color:var(--color-accent)}.score-icon{font-size:12px}.quiz-card__title{margin:0 0 clamp(12px,3vw,16px);font-size:clamp(17px,4.2vw,20px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.title-icon{font-size:clamp(20px,5vw,24px)}.quiz-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:clamp(14px,3.5vw,18px)}.stat-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#7c3aed0d;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.1)}.stat-icon{font-size:18px;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:1px;line-height:1.2}.stat-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:clamp(13px,3.5vw,15px);font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.quiz-card__start-btn{width:100%;padding:clamp(12px,3vw,14px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 6px 20px #6d28d959;transition:var(--transition-bounce);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.quiz-card__start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.quiz-card__start-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6d28d980}.quiz-card__start-btn:hover:not(.disabled):before{left:100%}.quiz-card__start-btn:active:not(.disabled){transform:translateY(-1px)}.quiz-card__start-btn.disabled{background:linear-gradient(135deg,#a78bfa,#8b5cf6);cursor:not-allowed;opacity:.7;box-shadow:none}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:clamp(10px,2.5vw,14px) clamp(20px,5vw,28px);background:transparent;border:2px solid var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;transition:var(--transition-smooth);font-family:inherit;align-self:flex-start}.btn-back:hover{background:#7c3aed14;border-color:var(--color-primary);color:var(--color-primary);transform:translate(4px)}.modal-overlay{position:fixed;inset:0;background:#1e1b4bb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);z-index:1000;animation:modal-fade .2s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-bg-card);border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:clamp(24px,6vw,36px);max-width:clamp(300px,90vw,420px);width:100%;text-align:center;box-shadow:0 20px 60px #ef44444d;animation:modal-slide .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-slide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{font-size:clamp(48px,12vw,64px);margin-bottom:12px;animation:heart-beat 1.5s ease-in-out infinite}.modal-title{margin:0 0 12px;font-size:clamp(18px,4.5vw,22px);font-weight:800;color:var(--color-error)}.modal-text{margin:0 0 20px;font-size:clamp(14px,3.8vw,16px);color:var(--color-text-secondary);line-height:1.6}.btn-modal-primary{width:100%;padding:clamp(12px,3vw,16px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:clamp(14px,3.8vw,16px);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6d28d966;transition:var(--transition-bounce);font-family:inherit}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6d28d980}@media(max-width:600px){.quiz-card__stats,.quizzes-grid{grid-template-columns:1fr}.hearts-display{flex-direction:column;text-align:center}}@media(max-width:400px){.quiz-wrapper{padding:12px 12px 90px}.quiz-card{padding:16px}.breadcrumb-item{padding:4px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.breadcrumb-item:focus-visible,.quiz-card__start-btn:focus-visible,.btn-back:focus-visible,.btn-modal-primary:focus-visible,.alert-close:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}