@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Amiri+Quran&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";:root{--color-navy: #1a1a2e;--color-gold: #c9a84c;--color-gold-hover: #b8943d;--color-parchment: #f5f3ef;--color-bg: #f5f3ef;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-border: #e2e0db;--color-border-strong: #c8c4bc;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-primary: #1a1a2e;--color-primary-hover: #0f0f1e;--color-primary-light: #eaebf2;--color-primary-muted: #d0d2e0;--color-accent: #c9a84c;--color-accent-hover: #b8943d;--color-accent-light: #fdf4dc;--color-success: #10b981;--color-success-light: #d1fae5;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--section-y: 64px;--section-y-mobile: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--btn-radius: 10px;--btn-padding: 14px 28px;--btn-padding-sm: 10px 20px;--shadow-sm: 0 1px 2px rgba(26, 26, 46, .06);--shadow-md: 0 4px 12px rgba(26, 26, 46, .08), 0 2px 4px rgba(26, 26, 46, .04);--shadow-lg: 0 10px 32px rgba(26, 26, 46, .1), 0 4px 8px rgba(26, 26, 46, .05);--shadow-card: 0 2px 12px rgba(26, 26, 46, .07);--header-height: 60px;--bottom-nav-height: 64px;--content-max-width: 680px;--sidebar-width: 280px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-navy)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:1rem}button{cursor:pointer}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.app-main{padding-bottom:var(--bottom-nav-height)}.live-room-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 960px){.live-room-grid{grid-template-columns:minmax(0,1fr);min-height:auto}}@media (min-width: 768px){.app-main{padding-bottom:var(--space-4)}.bottom-nav{display:none}}@media (max-width: 767px){.top-nav-links{display:none!important}.top-nav-hamburger{display:flex!important}}@media (max-width: 600px){table{font-size:13px}.messages-layout{grid-template-columns:1fr!important}.messages-sidebar{border-right:none!important;border-bottom:1px solid var(--color-border);max-height:220px;overflow-y:auto}.profile-grid{grid-template-columns:1fr!important}}.sidebar-desktop{display:none}@media (min-width: 768px){.sidebar-desktop{display:block}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.nav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.nav-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a2e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .28s ease;pointer-events:none}.nav-drawer-backdrop.open{opacity:1;pointer-events:all}.nav-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,340px);background:var(--color-navy);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:all;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-drawer-panel.open{transform:translate(0)}.nav-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-gold),#e8c96a);border-radius:0 2px 2px 0;z-index:9999;transition:width .2s ease,opacity .3s ease;box-shadow:0 0 8px #c9a84c99}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-fade-in .26s cubic-bezier(.4,0,.2,1) forwards}.back-to-top{position:fixed;bottom:calc(var(--bottom-nav-height) + 16px);right:20px;width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-navy);color:var(--color-gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px) scale(.85);transition:opacity .24s ease,transform .24s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:150}.back-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.back-to-top:hover{background:#0f0f1e;transform:translateY(-2px) scale(1.05)}@media (min-width: 768px){.back-to-top{bottom:28px}}.topnav-link{position:relative;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;padding:6px 4px;transition:color .16s ease;white-space:nowrap}.topnav-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-gold);border-radius:2px;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transform-origin:center}.topnav-link:hover{color:var(--color-navy);text-decoration:none}.topnav-link.active{color:var(--color-navy);font-weight:var(--font-semibold)}.topnav-link.active:after{transform:scaleX(1)}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;padding:8px 12px;border-radius:var(--radius-md);transition:color .16s ease,background .16s ease;min-width:52px}.bottom-nav-link.active{color:var(--color-gold)}.bottom-nav-link.active .bottom-nav-icon{background:var(--color-accent-light)}.bottom-nav-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .16s ease}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:12px 20px;font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffa6;text-decoration:none;border-left:3px solid transparent;transition:color .16s ease,background .16s ease,border-color .16s ease;white-space:nowrap}.sidebar-link:hover{color:#ffffffe6;background:#ffffff12;text-decoration:none}.sidebar-link.active{color:var(--color-gold);background:#c9a84c1f;border-left-color:var(--color-gold);font-weight:var(--font-semibold)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;max-height:300px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;transform-origin:top right;animation:lang-open .18s cubic-bezier(.4,0,.2,1) forwards}@keyframes lang-open{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.lang-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background .12s ease;font-family:var(--font-sans)}.lang-option:hover{background:var(--color-parchment)}.lang-option.selected{background:var(--color-accent-light);color:var(--color-navy);font-weight:var(--font-semibold)}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;transform-origin:top right;animation:lang-open .18s cubic-bezier(.4,0,.2,1) forwards}.avatar-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:11px var(--space-4);border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;text-decoration:none;font-family:var(--font-sans);transition:background .12s ease}.avatar-dropdown-item:hover{background:var(--color-parchment);text-decoration:none}.avatar-dropdown-item.danger{color:var(--color-error)}.avatar-dropdown-item.danger:hover{background:var(--color-error-light)}.avatar-dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.top-nav-hamburger{display:none!important}@media (max-width: 768px){.top-nav-hamburger{display:flex!important}.top-nav-links{display:none!important}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:var(--font-semibold);letter-spacing:.01em;border:none;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease,opacity .12s ease,background-color .16s ease}.ui-btn:hover:not(:disabled){transform:scale(1.03) translateY(-1px)}.ui-btn:active:not(:disabled){transform:scale(.97) translateY(0);transition-duration:80ms}.ui-btn:disabled{cursor:not-allowed;opacity:.5}.ui-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.ui-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.ui-card-hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ui-card-gold-accent{border-top:3px solid var(--color-gold)}.ui-input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;transition:border-color .16s ease,box-shadow .16s ease;-webkit-appearance:none}.ui-input::-moz-placeholder{color:var(--color-text-muted)}.ui-input::placeholder{color:var(--color-text-muted)}.ui-input:hover:not(:disabled):not(.ui-input-error){border-color:var(--color-border-strong)}.ui-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-accent-light)}.ui-input-error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px var(--color-error-light)!important}.ui-input:disabled{background:var(--color-parchment);cursor:not-allowed;opacity:.6}.ui-input-has-icon{padding-left:42px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.35}}.ui-skeleton{background:linear-gradient(90deg,#e8e5df,#f0ede8,#e8e5df);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-weight:var(--font-semibold);letter-spacing:.02em;border-radius:var(--radius-full);line-height:1}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-spinner{border-radius:50%;border-style:solid;animation:ui-spin .75s linear infinite;flex-shrink:0}.reg-root{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.reg-root input,.reg-root textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.reg-root{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(165deg,#0f0f1e,#1a1a2e 40%,#242445,#1a1a2e);overflow:hidden}.reg-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.reg-geo-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(201,168,76,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,168,76,.04) 0%,transparent 50%),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 88deg,rgba(201,168,76,.015) 88deg 92deg);pointer-events:none;z-index:0}.reg-container{position:relative;z-index:1;width:100%;max-width:520px}.reg-header{text-align:center;margin-bottom:24px}.reg-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:22px}.reg-logo-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gold);letter-spacing:-.02em}.reg-progress{margin-bottom:28px}.reg-progress-track{height:3px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:16px}.reg-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),#e8c96a);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #c9a84c80}.reg-steps-dots{display:flex;justify-content:space-between}.reg-step-dot{display:flex;flex-direction:column;align-items:center;gap:6px}.reg-dot-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease}.reg-step-dot.done .reg-dot-icon{background:var(--color-gold);color:#1a1a2e;font-size:12px;font-weight:700}.reg-step-dot.active .reg-dot-icon{background:#c9a84c33;border:2px solid var(--color-gold);box-shadow:0 0 16px #c9a84c4d}.reg-step-dot.pending .reg-dot-icon{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);opacity:.5}.reg-dot-label{font-size:10px;font-weight:600;color:#fff6;letter-spacing:.02em}.reg-step-dot.active .reg-dot-label{color:var(--color-gold)}.reg-step-dot.done .reg-dot-label{color:#fff9}@keyframes reg-slide-in-anim{0%{opacity:0;transform:translate(40px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes reg-slide-back-anim{0%{opacity:0;transform:translate(-40px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.reg-slide-in{animation:reg-slide-in-anim .38s cubic-bezier(.25,.46,.45,.94) forwards}.reg-slide-back{animation:reg-slide-back-anim .38s cubic-bezier(.25,.46,.45,.94) forwards}.reg-step{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}@media (max-width: 500px){.reg-step{padding:28px 20px;border-radius:16px}}.reg-step-header{display:flex;align-items:center;gap:14px;margin-bottom:4px}.reg-step-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold),#e8c96a);color:#1a1a2e;font-weight:800;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #c9a84c4d}.reg-step-title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:#fff;line-height:1.2}.reg-step-desc{margin:4px 0 0;font-size:var(--text-sm);color:#ffffff80;line-height:1.4}.reg-step .ui-input{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#fff!important}.reg-step .ui-input::-moz-placeholder{color:#ffffff4d!important}.reg-step .ui-input::placeholder{color:#ffffff4d!important}.reg-step .ui-input:focus{border-color:var(--color-gold)!important;box-shadow:0 0 0 3px #c9a84c26!important}.reg-step label{color:#ffffffb3!important}.reg-step-welcome{text-align:center;align-items:center;position:relative;overflow:hidden}.reg-welcome-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 65%);pointer-events:none}@keyframes reg-dove-fly{0%{transform:scale(.3) rotate(-15deg);opacity:0}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.reg-welcome-icon{font-size:64px;line-height:1;margin-bottom:8px;animation:reg-dove-fly .8s cubic-bezier(.34,1.56,.64,1) forwards;position:relative}.reg-welcome-title{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:#fff;line-height:1.2}.reg-welcome-sub{margin:4px 0 0;font-size:var(--text-sm);color:#ffffff8c;line-height:1.6;max-width:380px}.reg-welcome-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}@keyframes reg-pill-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reg-feature-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(201,168,76,.2);border-radius:100px;background:#c9a84c0f;font-size:var(--text-xs);font-weight:600;color:#ffffffb3;animation:reg-pill-in .4s ease forwards;opacity:0}.reg-login-link{margin:4px 0 0;font-size:var(--text-sm);color:#fff6}.reg-login-link a{color:var(--color-gold);font-weight:600;text-decoration:none}.reg-login-link a:hover{text-decoration:underline}.reg-social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reg-social-row .social-btn{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#fffc!important}.reg-social-row .social-btn:hover{background:#ffffff1a!important;border-color:#fff3!important}.reg-nav-row{display:flex;align-items:center;gap:12px;margin-top:4px}.reg-back-btn{background:none;border:none;color:#fff6;cursor:pointer;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);padding:10px 16px;border-radius:var(--radius-md);transition:all .16s ease}.reg-back-btn:hover{color:#ffffffb3;background:#ffffff0d}.reg-security-tips{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#c9a84c0f;border:1px solid rgba(201,168,76,.12);border-radius:12px}.reg-shield-icon{font-size:24px;flex-shrink:0;margin-top:2px}.reg-security-tips strong{font-size:var(--text-sm);color:var(--color-gold);display:block;margin-bottom:4px}.reg-security-tips ul{margin:0;padding-left:18px;font-size:var(--text-xs);color:#ffffff80;line-height:1.8}.reg-strength{display:flex;align-items:center;gap:10px}.reg-strength-track{flex:1;height:4px;background:#ffffff14;border-radius:4px;overflow:hidden}.reg-strength-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.reg-strength-label{font-size:var(--text-xs);font-weight:700;white-space:nowrap;transition:color .3s ease}.reg-criteria{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.reg-crit{font-size:11px;color:#ffffff4d;transition:color .2s ease}.reg-crit.ok{color:#10b981}.reg-section-label{font-size:var(--text-sm);font-weight:600;color:#ffffffb3;margin-bottom:-4px}.reg-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reg-role-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 14px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;text-align:center;font-family:var(--font-sans);transition:all .2s ease}.reg-role-card:hover{border-color:#c9a84c4d;background:#c9a84c0a;transform:translateY(-2px)}.reg-role-card.selected{border-color:var(--color-gold);background:#c9a84c14;box-shadow:0 0 0 3px #c9a84c1f,0 4px 16px #c9a84c26}.reg-role-emoji{font-size:32px;line-height:1}.reg-role-card strong{font-size:var(--text-sm);color:#fff}.reg-role-desc{font-size:11px;color:#fff6;line-height:1.4}.reg-role-check{position:absolute;top:8px;right:10px;font-size:12px;color:var(--color-gold);font-weight:700}.reg-level-grid{display:flex;flex-direction:column;gap:8px}.reg-level-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:all .18s ease}.reg-level-card:hover{border-color:#c9a84c40;background:#c9a84c08}.reg-level-card.selected{border-color:var(--color-gold);background:#c9a84c14;box-shadow:0 0 0 3px #c9a84c1a}.reg-level-emoji{font-size:24px;flex-shrink:0}.reg-level-info{display:flex;flex-direction:column;gap:2px}.reg-level-info strong{font-size:var(--text-sm);color:#fff}.reg-level-info span{font-size:11px;color:#fff6}.reg-level-check{position:absolute;right:14px;font-size:12px;color:var(--color-gold);font-weight:700}.reg-confirm-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.reg-confirm-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.reg-confirm-row:last-child{border-bottom:none}.reg-confirm-label{font-size:var(--text-xs);color:#fff6;font-weight:500}.reg-confirm-value{font-size:var(--text-sm);color:#fff;font-weight:600}.reg-data-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#10b9810f;border:1px solid rgba(16,185,129,.12);border-radius:12px}.reg-data-lock{font-size:20px;flex-shrink:0}.reg-data-notice strong{font-size:var(--text-sm);color:#10b981;display:block;margin-bottom:4px}.reg-data-notice p{margin:0;font-size:11px;color:#ffffff73;line-height:1.6}.reg-terms-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--text-xs);color:#ffffff80;line-height:1.5}.reg-terms-check input[type=checkbox]{margin-top:2px;accent-color:var(--color-gold);width:16px;height:16px;flex-shrink:0}.reg-terms-link{color:var(--color-gold);font-weight:600;cursor:pointer}.reg-terms-link:hover{text-decoration:underline}.reg-sec-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:10px;font-weight:500;color:#ffffff40;letter-spacing:.03em}.reg-sec-badge svg{opacity:.4}.reg-step .auth-divider:before,.reg-step .auth-divider:after{background:#ffffff14}.reg-step .auth-divider span{color:#ffffff4d}.login-root{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(165deg,#0f0f1e,#1a1a2e 40%,#242445,#1a1a2e);overflow:hidden}.login-container{position:relative;z-index:1;width:100%;max-width:460px;animation:login-appear .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes login-appear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:24px}.login-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.login-logo-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gold);letter-spacing:-.02em}.login-glass-card{background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(201,168,76,.12);border-radius:20px;padding:36px 32px 32px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff08 inset,0 1px #ffffff0a inset}.login-verse-block{text-align:center;padding:16px 12px 20px;margin-bottom:16px;border-bottom:1px solid rgba(201,168,76,.08)}.login-verse-quote{display:block;font-family:Georgia,serif;font-size:48px;line-height:.6;color:#c9a84c38;margin-bottom:4px}.login-verse-text{margin:0;font-family:var(--font-heading);font-size:14px;font-style:italic;color:#ffffffa6;line-height:1.65}.login-verse-source{display:block;margin-top:8px;font-size:11px;color:#c9a84c8c;font-style:normal}.login-title-section{text-align:center;margin-bottom:20px}.login-title{margin:0 0 6px;font-family:var(--font-heading);font-size:26px;font-weight:700;color:#fff;letter-spacing:-.02em}.login-subtitle{margin:0;font-size:13px;color:#ffffff73}.login-link{color:var(--color-gold);font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:#ddb85e;text-decoration:underline}.login-social-row{display:flex;gap:10px;margin-bottom:4px}.login-social-row>*{flex:1}.login-social-row button,.login-social-row>div>button{width:100%!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffbf!important;border-radius:12px!important;padding:11px 16px!important;font-size:13px!important;transition:all .2s!important}.login-social-row button:hover,.login-social-row>div>button:hover{background:#ffffff1a!important;border-color:#c9a84c40!important}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.login-divider span{font-size:11px;color:#ffffff4d;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:12px;font-weight:600;color:#ffffff8c;letter-spacing:.02em}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;display:flex;color:#ffffff4d;pointer-events:none;z-index:1}.login-input{width:100%;padding:13px 14px 13px 42px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:var(--font-sans);outline:none;transition:all .2s}.login-input::-moz-placeholder{color:#ffffff40}.login-input::placeholder{color:#ffffff40}.login-input:focus{border-color:#c9a84c80;background:#ffffff14;box-shadow:0 0 0 3px #c9a84c14}.login-eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#ffffff59;display:flex;padding:4px;z-index:1;transition:color .2s}.login-eye-btn:hover{color:#fff9}.login-forgot-row{text-align:right;margin-top:-6px}.login-forgot-link{font-size:12px;color:#ffffff59;text-decoration:none;font-weight:500;transition:color .2s}.login-forgot-link:hover{color:var(--color-gold)}.login-gold-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 28px;background:linear-gradient(135deg,#c9a84c,#ddb85e);color:#1a1a2e;font-weight:700;font-size:15px;font-family:var(--font-sans);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #c9a84c4d;transition:all .2s}.login-gold-btn:hover:not(.disabled){background:linear-gradient(135deg,#b8943d,#c9a84c);box-shadow:0 6px 24px #c9a84c73;transform:translateY(-1px)}.login-gold-btn.disabled{background:#c9a84c59;color:#1a1a2e99;cursor:not-allowed;box-shadow:none}.login-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px}.login-error-banner span{font-size:13px;color:#f87171}.login-sec-badge{text-align:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.04);font-size:11px;color:#fff3;letter-spacing:.03em}.login-back-btn{margin-top:16px;width:100%;background:none;border:none;font-size:13px;color:#ffffff59;cursor:pointer;transition:color .2s}.login-back-btn:hover{color:var(--color-gold)}@media (max-width: 520px){.login-glass-card{padding:28px 20px 24px;border-radius:16px}.login-title{font-size:22px}.login-social-row{flex-direction:column}}@keyframes auth-shake{0%,to{transform:translate(0)}12%,52%,88%{transform:translate(-9px)}30%,70%{transform:translate(9px)}}.auth-shake{animation:auth-shake .52s cubic-bezier(.36,.07,.19,.97) both}@keyframes success-pop{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes draw-check{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.success-circle{animation:success-pop .55s cubic-bezier(.34,1.56,.64,1) forwards}.success-check{stroke-dasharray:60;stroke-dashoffset:60;animation:draw-check .6s .28s ease forwards}.success-text{opacity:0;animation:fade-up .46s .5s ease forwards}.success-cta{opacity:0;animation:fade-up .46s .72s ease forwards}.auth-split{display:flex;min-height:calc(100vh - 60px);background:var(--color-parchment)}.auth-panel-left{display:none;flex-direction:column;justify-content:center;padding:56px 52px;background:var(--color-navy);width:44%;flex-shrink:0;position:relative;overflow:hidden}.auth-panel-left:before{content:"";position:absolute;top:-80px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.18) 0%,transparent 65%);pointer-events:none}.auth-panel-left:after{content:"";position:absolute;bottom:-60px;left:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 65%);pointer-events:none}@media (min-width: 900px){.auth-panel-left{display:flex}}.auth-panel-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.auth-card{width:100%;max-width:420px}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.step-indicator{display:flex;align-items:center;margin-bottom:32px}.step-bubble{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font-sans);flex-shrink:0;transition:background .3s ease,box-shadow .3s ease;position:relative;z-index:1}.step-bubble.done{background:var(--color-success);color:#fff}.step-bubble.active{background:var(--color-gold);color:var(--color-navy);box-shadow:0 0 0 4px var(--color-accent-light)}.step-bubble.upcoming{background:var(--color-border);color:var(--color-text-muted)}.step-connector{flex:1;height:2px;min-width:28px;transition:background .3s ease}.step-connector.done{background:var(--color-success)}.step-connector.active{background:linear-gradient(90deg,var(--color-gold) 0%,var(--color-border) 100%)}.step-connector.upcoming{background:var(--color-border)}.step-label{font-size:10px;font-weight:600;text-align:center;margin-top:6px;white-space:nowrap}.ob-root{min-height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 60px;background:linear-gradient(160deg,#f5f3ef,#ebe9e4 60%,#e5e2dc)}.ob-root:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(201,168,76,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.ob-container{position:relative;z-index:1;width:100%;max-width:660px}.ob-progress-track{height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:32px}.ob-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),#e8c96a);border-radius:var(--radius-full);transition:width .38s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #c9a84c66}@keyframes ob-slide-in{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes ob-slide-back{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.ob-step-forward{animation:ob-slide-in .3s cubic-bezier(.4,0,.2,1) forwards}.ob-step-back{animation:ob-slide-back .3s cubic-bezier(.4,0,.2,1) forwards}.ob-interest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px}.ob-interest-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all .18s ease;text-align:center;font-family:var(--font-sans)}.ob-interest-card:hover{border-color:var(--color-gold);background:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ob-interest-card.selected{border-color:var(--color-gold);background:var(--color-accent-light);box-shadow:0 0 0 3px #c9a84c33}.ob-interest-emoji{font-size:28px;line-height:1}.ob-interest-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-navy);line-height:1.3}.ob-community-grid{display:flex;flex-direction:column;gap:12px;margin-top:20px}.ob-community-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all .18s ease;text-align:left;font-family:var(--font-sans);width:100%}.ob-community-card:hover{border-color:var(--color-gold);transform:translate(4px);box-shadow:var(--shadow-md)}.ob-community-card.selected{border-color:var(--color-navy);background:var(--color-primary-light);box-shadow:0 0 0 3px #1a1a2e14}.ob-community-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.ob-lang-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ob-lang-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all .16s ease}.ob-lang-pill:hover{border-color:var(--color-gold);background:var(--color-accent-light);color:var(--color-navy)}.ob-lang-pill.selected{border-color:var(--color-gold);background:var(--color-gold);color:var(--color-navy);font-weight:var(--font-semibold);box-shadow:0 2px 8px #c9a84c4d}@keyframes confetti-float{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-60px) rotate(360deg);opacity:0}}.ob-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px}@keyframes dove-fly{0%{transform:scale(.3) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.ob-welcome-icon{display:block;font-size:72px;line-height:1;animation:dove-fly .7s cubic-bezier(.34,1.56,.64,1) forwards}.ob-welcome-h{opacity:0;animation:fade-up .5s .4s ease forwards}.ob-welcome-p{opacity:0;animation:fade-up .5s .6s ease forwards}.ob-welcome-cta{opacity:0;animation:fade-up .5s .8s ease forwards}@keyframes ob-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ob-resource-card{opacity:0;animation:ob-card-in .36s ease forwards;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color .16s ease,box-shadow .16s ease}.ob-resource-card:hover{border-color:#c9a84c73;box-shadow:0 2px 12px #c9a84c1f}.ob-circle-card{opacity:0;animation:ob-card-in .36s ease forwards;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color .16s ease}.ob-circle-card:hover{border-color:var(--color-navy)}@keyframes ob-progress-motivate{0%{width:0%}to{width:8%}}.ob-progress-motivate{height:100%;background:linear-gradient(90deg,#c9a84c,#ddb85e);border-radius:4px;animation:ob-progress-motivate 1.2s .4s cubic-bezier(.34,1.2,.64,1) forwards;width:0%}.auth-mobile-logo{display:flex}@media (min-width: 900px){.auth-mobile-logo{display:none}}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 20px;border:1.5px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.social-btn:hover{border-color:var(--color-border-strong);background:var(--color-parchment);box-shadow:var(--shadow-sm)}.social-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scaleX(1);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(720deg) scaleX(.5);opacity:0}}.home-page{min-height:100vh;background:#f5f3ef;padding-bottom:64px}.home-content{max-width:1120px;margin:0 auto;padding:0 24px}.home-section{margin-bottom:52px}.home-section-header{display:flex;align-items:center;gap:10px;margin-bottom:22px}.home-section-icon{font-size:20px;line-height:1}.home-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0;padding-bottom:6px;border-bottom:2.5px solid #c9a84c;display:inline-block;letter-spacing:-.2px}.home-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 45%,#14274e);padding:52px 28px 44px;overflow:hidden;margin-bottom:0}.home-hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.8'%3E%3Cpolygon points='40,6 72,24 72,56 40,74 8,56 8,24'/%3E%3Cpolygon points='40,18 62,30 62,50 40,62 18,50 18,30'/%3E%3Cline x1='40' y1='6' x2='40' y2='18'/%3E%3Cline x1='72' y1='24' x2='62' y2='30'/%3E%3Cline x1='72' y1='56' x2='62' y2='50'/%3E%3Cline x1='40' y1='74' x2='40' y2='62'/%3E%3Cline x1='8' y1='56' x2='18' y2='50'/%3E%3Cline x1='8' y1='24' x2='18' y2='30'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.home-hero:after{content:"";position:absolute;top:-40px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 70%);pointer-events:none}.home-hero-content{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}.home-hero-left{flex:1;min-width:260px}.home-hero-salutation{font-size:13px;font-weight:600;color:#c9a84ce6;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.home-hero-title{font-size:30px;font-weight:900;color:#fff;margin:0 0 10px;line-height:1.15;text-shadow:0 2px 20px rgba(0,0,0,.4)}.home-hero-subtitle{font-size:16px;color:#ffffffa6;margin:0 0 18px;font-style:italic;line-height:1.4}.home-hero-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.home-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:240px}.home-hero-arabic{background:#ffffff0f;border:1px solid rgba(201,168,76,.2);border-radius:14px;padding:16px 18px;width:240px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero-arabic-label{font-size:12px;font-weight:700;color:#c9a84c;letter-spacing:.5px;margin-bottom:10px}.home-hero-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffffb3;margin-bottom:7px}.home-hero-pct{color:#c9a84c;font-weight:800;font-size:13px}.home-hero-progress-bar{height:7px;background:#ffffff1f;border-radius:99px;overflow:hidden}.home-hero-progress-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#f0c96a);border-radius:99px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.home-hero-next{font-size:10.5px;color:#fff6;margin-top:8px;text-align:right}.home-live-wrapper{max-width:1120px;margin:0 auto;padding:20px 24px 0}.home-live-banner{display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:16px;text-decoration:none;flex-wrap:wrap;transition:transform .15s}.home-live-banner--active{background:linear-gradient(135deg,#1c0a0a,#2a1010,#1a0f0f);border:1px solid rgba(220,53,69,.35);box-shadow:0 4px 32px #dc35452e,0 0 0 1px #dc354514;animation:home-live-glow 2.5s ease-in-out infinite}.home-live-banner--active:hover{transform:translateY(-2px)}.home-live-banner--upcoming{background:#fff;border:1px solid rgba(201,168,76,.25);box-shadow:0 2px 12px #0000000f}.home-live-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:1.5px;white-space:nowrap;flex-shrink:0}.home-live-badge--live{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#ef5350}.home-live-badge--upcoming{background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);color:#c9a84c}.home-live-dot{width:8px;height:8px;background:#ef5350;border-radius:50%;flex-shrink:0;animation:home-dot-blink 1s ease-in-out infinite}.home-live-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.home-live-title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-live-banner--upcoming .home-live-title{color:#1a1a2e}.home-live-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.home-live-host,.home-live-count{font-size:12.5px;color:#ffffff80}.home-live-separator{font-size:11px;color:#ffffff40}.home-live-banner--upcoming .home-live-host,.home-live-banner--upcoming .home-live-count{color:#1a1a2e80}.home-live-banner--upcoming .home-live-separator{color:#1a1a2e33}.home-live-join-btn{display:inline-block;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;border:none;padding:11px 20px;border-radius:11px;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .15s,box-shadow .15s;flex-shrink:0;box-shadow:0 2px 10px #c9a84c4d}.home-live-join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c9a84c73}.home-live-join-btn--secondary{background:transparent;border:1.5px solid #c9a84c;color:#c9a84c;box-shadow:none}.home-live-join-btn--secondary:hover{background:#c9a84c14;box-shadow:none}.home-eco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:14px}.home-eco-card{display:flex;flex-direction:column;gap:10px;padding:20px 18px 16px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.055);box-shadow:0 2px 14px #0000000e;text-decoration:none;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;cursor:pointer}.home-eco-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0),transparent);transition:background .3s}.home-eco-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001a;border-color:#c9a84c47}.home-eco-card:hover:before{background:linear-gradient(90deg,transparent,#c9a84c,transparent)}.home-eco-icon{font-size:30px;line-height:1}.home-eco-body{flex:1}.home-eco-title{font-size:14px;font-weight:800;color:#1a1a2e;margin-bottom:5px}.home-eco-subtitle{font-size:12px;color:#666;line-height:1.45}.home-eco-detail{font-size:11.5px;color:#c9a84c;margin-top:8px;font-weight:600}.home-eco-badge{position:absolute;top:11px;right:11px;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:.5px}.home-eco-arrow{font-size:16px;color:#c9a84c;align-self:flex-end;transition:transform .18s;opacity:.7}.home-eco-card:hover .home-eco-arrow{transform:translate(5px);opacity:1}.home-circles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.home-circle-card{display:flex;flex-direction:column;gap:10px;padding:18px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.055);box-shadow:0 2px 10px #0000000d;text-decoration:none;transition:transform .18s,box-shadow .18s;cursor:pointer}.home-circle-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000017;border-color:#c9a84c33}.home-circle-card-header{display:flex;align-items:center;gap:11px}.home-circle-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1a1a2e,#2d3a5e);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.home-circle-info{flex:1;min-width:0}.home-circle-name{font-size:14px;font-weight:700;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-circle-community{font-size:11px;color:#999;margin-top:1px}.home-circle-desc{font-size:12.5px;color:#666;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-circle-footer{display:flex;align-items:center;justify-content:space-between}.home-circle-cta{font-size:12.5px;color:#c9a84c;font-weight:700}.home-circle-members{font-size:11px;color:#bbb}.home-empty-state{text-align:center;padding:40px 24px;background:#fff;border-radius:16px;border:1.5px dashed rgba(201,168,76,.3)}.home-empty-icon{font-size:40px;display:block;margin-bottom:14px}.home-empty-state p{color:#777;margin:0 0 18px;font-size:15px}.home-empty-cta{display:inline-block;color:#1a1a2e;background:linear-gradient(135deg,#c9a84c,#e8bf5a);font-weight:700;text-decoration:none;font-size:13.5px;padding:10px 22px;border-radius:10px;transition:transform .15s,box-shadow .15s}.home-empty-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c9a84c59}.home-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.home-event-card{display:flex;gap:14px;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:16px;border:1px solid rgba(201,168,76,.18);transition:transform .18s,box-shadow .18s}.home-event-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040;border-color:#c9a84c59}.home-event-card--past{opacity:.45;pointer-events:none}.home-event-emoji{font-size:30px;flex-shrink:0;line-height:1;margin-top:2px}.home-event-body{flex:1;min-width:0}.home-event-name{font-size:14px;font-weight:800;color:#c9a84c;margin-bottom:5px}.home-event-desc{font-size:12px;color:#ffffff8c;line-height:1.45;margin-bottom:10px}.home-event-countdown{font-size:12px}.home-event-past{color:#ffffff40}.home-event-future{color:#ffffffbf}.home-event-future strong{color:#c9a84c;font-weight:800}.home-rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-rec-card{display:flex;flex-direction:column;gap:10px;padding:22px 20px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.055);box-shadow:0 2px 12px #0000000d;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.home-rec-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00000017;border-color:#c9a84c40}.home-rec-icon{font-size:26px;line-height:1}.home-rec-title{font-size:14px;font-weight:800;color:#1a1a2e}.home-rec-desc{font-size:12.5px;color:#777;flex:1;line-height:1.45}.home-rec-cta{font-size:13px;color:#c9a84c;font-weight:700;margin-top:4px}.home-skeleton{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:home-shimmer 1.5s infinite;border-radius:8px}.home-skeleton-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.055);padding:20px;box-shadow:0 2px 10px #0000000a}@keyframes home-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes home-live-glow{0%,to{box-shadow:0 4px 24px #dc35452e,0 0 0 1px #dc354514}50%{box-shadow:0 4px 36px #dc354552,0 0 0 1px #dc354526}}@keyframes home-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes home-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-hero-content{animation:home-fade-in .5s ease both}.home-live-wrapper{animation:home-fade-in .5s .08s ease both}.home-section:nth-child(1){animation:home-fade-in .5s .12s ease both}.home-section:nth-child(2){animation:home-fade-in .5s .18s ease both}.home-section:nth-child(3){animation:home-fade-in .5s .24s ease both}.home-section:nth-child(4){animation:home-fade-in .5s .3s ease both}@media (max-width: 900px){.home-rec-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.home-hero{padding:36px 20px 32px}.home-hero-title{font-size:24px}.home-hero-content{flex-direction:column;align-items:flex-start;gap:24px}.home-hero-right{align-items:flex-start;width:100%}.home-hero-arabic{width:100%}.home-content{padding:0 16px}.home-live-wrapper{padding:16px 16px 0}.home-live-banner{flex-direction:column;align-items:flex-start;gap:12px}.home-live-join-btn{width:100%;text-align:center}.home-eco-grid{grid-template-columns:repeat(2,1fr)}.home-circles-grid{display:flex;flex-direction:row;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home-circles-grid::-webkit-scrollbar{height:4px}.home-circles-grid::-webkit-scrollbar-track{background:#0000000f;border-radius:2px}.home-circles-grid::-webkit-scrollbar-thumb{background:#c9a84c66;border-radius:2px}.home-circle-card{min-width:240px;scroll-snap-align:start}.home-events-grid{grid-template-columns:repeat(2,1fr)}.home-rec-grid{grid-template-columns:1fr}}@media (max-width: 480px){.home-hero-title{font-size:21px}.home-hero-subtitle{font-size:14px}.home-eco-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-eco-icon{font-size:24px}.home-events-grid{grid-template-columns:1fr}.home-section-title{font-size:16px}}.ch-page{min-height:100vh;background:#f5f3ef;padding-bottom:80px}.ch-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);padding:44px 24px 38px;overflow:hidden}.ch-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.8'%3E%3Cpolygon points='40,6 72,24 72,56 40,74 8,56 8,24'/%3E%3Cpolygon points='40,18 62,30 62,50 40,62 18,50 18,30'/%3E%3Cline x1='40' y1='6' x2='40' y2='18'/%3E%3Cline x1='72' y1='24' x2='62' y2='30'/%3E%3Cline x1='72' y1='56' x2='62' y2='50'/%3E%3Cline x1='40' y1='74' x2='40' y2='62'/%3E%3Cline x1='8' y1='56' x2='18' y2='50'/%3E%3Cline x1='8' y1='24' x2='18' y2='30'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.ch-hero:after{content:"";position:absolute;top:-60px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 65%);pointer-events:none}.ch-hero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.ch-hero-eyebrow{font-size:11px;font-weight:700;color:#c9a84cbf;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.ch-hero-title{font-size:34px;font-weight:900;color:#fff;margin:0 0 12px;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.4)}.ch-hero-subtitle{font-size:16px;color:#fff9;font-style:italic;max-width:520px;margin:0 auto 28px;line-height:1.5}.ch-hero-stats{display:inline-flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(201,168,76,.2);border-radius:99px;padding:8px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:center}.ch-hero-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffbf;font-weight:500;padding:0 14px;white-space:nowrap}.ch-hero-stat strong{color:#c9a84c;font-weight:800;font-size:15px}.ch-hero-stat-sep{width:1px;height:16px;background:#ffffff26;flex-shrink:0}.ch-hero-stat:first-child{padding-left:0}.ch-hero-stat:last-child{padding-right:0}.ch-content{max-width:1120px;margin:0 auto;padding:36px 24px 0}.ch-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0 0 22px;padding-bottom:8px;border-bottom:2.5px solid #c9a84c;display:inline-block}.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.ch-card{display:flex;flex-direction:column;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px #00000012;text-decoration:none;color:inherit;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;animation:ch-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.ch-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #c9a84c38,0 4px 16px #0000001a}.ch-card-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px 20px;text-align:center;gap:0}.ch-card-emoji-wrap{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#f5f3ef,#ede9e0);border:2px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:18px;flex-shrink:0;box-shadow:0 4px 14px #00000014;transition:transform .2s}.ch-card:hover .ch-card-emoji-wrap{transform:scale(1.08)}.ch-card-name{font-size:20px;font-weight:900;color:#1a1a2e;margin:0 0 10px;letter-spacing:-.3px;line-height:1.15}.ch-card-desc{font-size:13.5px;color:#666;line-height:1.55;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:240px}.ch-card-stats{display:flex;align-items:center;gap:12px;margin-top:auto;flex-wrap:wrap;justify-content:center}.ch-card-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;background:#f7f5f1;border-radius:99px;padding:4px 10px;white-space:nowrap}.ch-card-stat strong{color:#1a1a2e;font-weight:700}.ch-card-bar{height:4px;background:linear-gradient(90deg,transparent,#c9a84c,#f0c96a,#c9a84c,transparent);background-size:200% 100%;opacity:0;transition:opacity .3s}.ch-card:hover .ch-card-bar{opacity:1;animation:ch-shimmer-bar 2s linear infinite}.ch-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:14px;font-weight:800;border:none;cursor:pointer;width:100%;letter-spacing:.3px;transition:background .2s}.ch-card:hover .ch-card-btn{background:linear-gradient(135deg,#d4b35a,#f0c96a)}.ch-skeleton-card{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px #0000000f;overflow:hidden;padding:32px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.ch-sk{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:ch-shimmer 1.5s infinite;border-radius:8px}.ch-rules{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:16px;border:1px solid rgba(201,168,76,.15);box-shadow:0 4px 18px #0000001f;margin-bottom:40px}.ch-rules-icon{font-size:28px;flex-shrink:0;margin-top:2px}.ch-rules-body{flex:1;min-width:0}.ch-rules-title{font-size:14px;font-weight:800;color:#c9a84c;margin:0 0 6px;letter-spacing:.2px}.ch-rules-text{font-size:13px;color:#fff9;line-height:1.6;margin:0}.ch-rules-link{color:#c9a84c;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,168,76,.4);transition:border-color .2s,color .2s}.ch-rules-link:hover{color:#f0c96a;border-color:#f0c96a}.ch-empty{text-align:center;padding:72px 24px;grid-column:1 / -1}.ch-empty-icon{font-size:56px;display:block;margin-bottom:18px;animation:ch-float 3s ease-in-out infinite}.ch-empty-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0 0 8px}.ch-empty-sub{font-size:14px;color:#999;margin:0}@keyframes ch-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ch-shimmer-bar{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ch-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 900px){.ch-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.ch-hero{padding:32px 18px 28px}.ch-hero-title{font-size:26px}.ch-hero-subtitle{font-size:14px}.ch-hero-stats{gap:0;padding:7px 14px}.ch-hero-stat{font-size:12px;padding:0 10px}.ch-hero-stat strong{font-size:13px}.ch-content{padding:24px 16px 0}.ch-grid{grid-template-columns:1fr;gap:14px}.ch-card-body{padding:24px 18px 16px}.ch-card-name{font-size:18px}.ch-rules{flex-direction:column;gap:10px}}.cs-root{min-height:100vh;background:var(--color-parchment);font-family:var(--font-sans);color:var(--color-navy)}.cs-hero{position:relative;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px 40px;background:var(--color-navy);overflow:hidden}.cs-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='0.8'/%3E%3Cpath d='M40 10L70 40L40 70L10 40Z' fill='none' stroke='rgba(201,168,76,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:80px 80px;z-index:0}.cs-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-gold),#e8c96a,var(--color-gold));z-index:2}.cs-hero-content{position:relative;z-index:1}.cs-hero-icon{font-size:3rem;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(201,168,76,.3))}.cs-hero h1{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.cs-hero-subtitle{font-size:var(--text-sm);color:#ffffff8c;margin:0 0 20px;letter-spacing:.02em}.cs-hero-stats{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.cs-hero-stat{font-size:var(--text-sm);color:#ffffffb3;font-weight:500}.cs-hero-stat strong{color:var(--color-gold);font-weight:700;margin-right:4px}.cs-charte{max-width:1000px;margin:20px auto 0;padding:0 20px}.cs-charte-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.cs-charte-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:none;border:none;cursor:pointer;font-family:var(--font-sans)}.cs-charte-toggle:hover{background:#c9a84c0a}.cs-charte-toggle-left{display:flex;align-items:center;gap:10px}.cs-charte-toggle-left span:first-child{font-size:1.1rem}.cs-charte-toggle-left span:last-child{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy)}.cs-charte-arrow{font-size:var(--text-sm);color:var(--color-gold);font-weight:600;transition:transform .3s ease}.cs-charte-arrow.open{transform:rotate(180deg)}.cs-charte-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;padding:0 20px}.cs-charte-body.open{max-height:200px;opacity:1;padding:0 20px 16px}.cs-charte-pills{display:flex;flex-wrap:wrap;gap:10px}.cs-charte-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-parchment);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-navy);white-space:nowrap}.cs-charte-pill span:first-child{font-size:.9rem}.cs-tabs-wrapper{position:sticky;top:var(--header-height);z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.cs-tabs{display:flex;max-width:1000px;margin:0 auto;padding:0 20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.cs-tabs::-webkit-scrollbar{display:none}.cs-tab{display:flex;align-items:center;gap:6px;padding:14px 18px;background:none;border:none;border-bottom:3px solid transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .3s ease;flex-shrink:0}.cs-tab:hover{color:var(--color-navy)}.cs-tab.active{color:var(--color-navy);font-weight:700;border-bottom-color:var(--color-gold)}.cs-tab-icon{font-size:1rem}.cs-content{max-width:1000px;margin:0 auto;padding:24px 20px 100px}.cs-tab-panel{animation:cs-fade-in .2s ease}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.cs-reveal.cs-visible{opacity:1;transform:translateY(0)}.cs-composer{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px}.cs-composer-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.cs-composer-input{flex:1;padding:10px 16px;background:var(--color-parchment);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);cursor:text}.cs-post{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;transition:transform .3s ease,box-shadow .3s ease}.cs-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cs-post-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cs-post-avatar{width:42px;height:42px;border-radius:50%;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.cs-post-meta{flex:1;min-width:0}.cs-post-name{font-weight:600;font-size:var(--text-sm);color:var(--color-navy);display:flex;align-items:center;gap:8px}.cs-post-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.cs-post-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:16px}.cs-post-actions{display:flex;align-items:center;gap:4px;padding-top:12px;border-top:1px solid var(--color-border)}.cs-post-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.cs-post-action:hover{background:var(--color-parchment);color:var(--color-navy)}.cs-post-action span:first-child{font-size:.95rem}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cs-savant-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.cs-savant-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cs-savant-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.7rem}.cs-savant-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin:0 0 4px}.cs-savant-spec{font-size:var(--text-xs);color:var(--color-gold);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.cs-savant-followers{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:14px}.cs-btn-follow{display:inline-flex;align-items:center;gap:6px;padding:8px 22px;background:transparent;border:1.5px solid var(--color-gold);border-radius:var(--btn-radius);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-gold);cursor:pointer;transition:background .2s ease,color .2s ease}.cs-btn-follow:hover{background:var(--color-gold);color:var(--color-navy)}.cs-live-card{display:flex;align-items:center;gap:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:14px;transition:transform .3s ease,box-shadow .3s ease}.cs-live-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cs-live-thumb{width:72px;height:72px;border-radius:var(--radius-md);background:var(--color-navy);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;position:relative}.cs-live-badge{position:absolute;top:-6px;right:-6px;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cs-live-badge.live{background:var(--color-error);color:#fff}.cs-live-badge.soon{background:var(--color-warning);color:var(--color-navy)}.cs-live-info{flex:1;min-width:0}.cs-live-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy);margin:0 0 4px}.cs-live-detail{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.cs-live-detail strong{color:var(--color-navy);font-weight:600}.cs-live-action{flex-shrink:0}.cs-immersion-category{margin-bottom:32px}.cs-immersion-category h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin:0 0 14px}.cs-immersion-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.cs-immersion-scroll::-webkit-scrollbar{display:none}.cs-immersion-item{flex-shrink:0;width:200px;cursor:pointer;transition:transform .3s ease}.cs-immersion-item:hover{transform:translateY(-4px)}.cs-immersion-thumb{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-navy);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:8px}.cs-immersion-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(201,168,76,0.08)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}.cs-immersion-play{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:#c9a84cd9;display:flex;align-items:center;justify-content:center}.cs-immersion-play svg{width:16px;height:16px;fill:var(--color-navy);margin-left:2px}.cs-immersion-title{font-size:var(--text-sm);font-weight:600;color:var(--color-navy);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-immersion-dur{font-size:var(--text-xs);color:var(--color-text-muted)}.cs-circle-card{display:flex;align-items:center;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:12px;transition:transform .3s ease,box-shadow .3s ease}.cs-circle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cs-circle-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.cs-circle-info{flex:1;min-width:0}.cs-circle-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy);margin:0 0 2px}.cs-circle-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;margin:0 0 4px}.cs-circle-members{font-size:var(--text-xs);color:var(--color-text-muted)}.cs-circle-action{flex-shrink:0}.cs-cercle-header{display:flex;align-items:center;gap:16px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px}.cs-cercle-header-icon{font-size:2.5rem;filter:drop-shadow(0 0 12px rgba(201,168,76,.3))}.cs-cercle-title{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;color:var(--color-navy);margin:0 0 4px}.cs-cercle-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.cs-imams-timeline{position:relative;padding-left:32px;margin-bottom:32px}.cs-imams-timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--color-gold),rgba(201,168,76,.2));border-radius:2px}.cs-imam-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.cs-imam-card:hover{transform:translate(4px);box-shadow:var(--shadow-lg);border-color:#c9a84c4d}.cs-imam-card.active{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold),var(--shadow-lg)}.cs-imam-number{position:absolute;left:-32px;top:22px;width:28px;height:28px;border-radius:50%;background:var(--color-gold);color:var(--color-navy);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 3px var(--color-parchment)}.cs-imam-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.cs-imam-info{flex:1;min-width:0}.cs-imam-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy);margin:0}.cs-imam-arabic{font-size:var(--text-sm);color:var(--color-gold);font-weight:600;direction:rtl;margin-top:2px}.cs-imam-title-line{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500;margin-top:2px}.cs-imam-period{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.cs-imam-chevron{font-size:.7rem;color:var(--color-gold);flex-shrink:0;transition:transform .2s ease}.cs-imam-detail{flex-basis:100%;padding:16px 0 4px;border-top:1px solid var(--color-border);margin-top:8px;animation:cs-fade-in .2s ease}.cs-imam-detail p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);margin:0}.cs-cercle-divider{display:flex;align-items:center;gap:16px;margin:32px 0}.cs-cercle-divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--color-gold),transparent)}.cs-cercle-divider-icon{color:var(--color-gold);font-size:1.2rem}.cs-cercle-interpretation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.cs-cercle-interp-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.cs-cercle-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:28px}.cs-cercle-member-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transition:transform .3s ease,box-shadow .3s ease}.cs-cercle-member-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cs-cercle-member-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.cs-cercle-member-info h3{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy);margin:0 0 2px}.cs-cercle-member-role{font-size:var(--text-xs);color:var(--color-gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.cs-cercle-member-spec{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500;margin-top:2px}.cs-cercle-member-bio{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;margin:6px 0 8px}.cs-cercle-latest{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.cs-cercle-latest-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin:0 0 16px}.cs-cercle-interp-item{padding:16px 0;border-bottom:1px solid var(--color-border)}.cs-cercle-interp-item:last-child{border-bottom:none}.cs-cercle-interp-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cs-cercle-interp-meta strong{font-size:var(--text-sm);color:var(--color-navy)}.cs-cercle-interp-meta span{font-size:var(--text-xs);color:var(--color-text-muted)}.cs-cercle-interp-topic{font-size:var(--text-sm);line-height:1.5;color:var(--color-text);margin:0 0 10px}.cs-cercle-interp-stats{display:flex;align-items:center;gap:16px;font-size:var(--text-xs);color:var(--color-text-muted)}.cs-cercle-read-btn{margin-left:auto;background:none;border:none;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;color:var(--color-gold);cursor:pointer;padding:0;transition:color .2s ease}.cs-cercle-read-btn:hover{color:var(--color-navy)}.cs-immersion-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;margin-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.cs-immersion-cats::-webkit-scrollbar{display:none}.cs-immersion-cat-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.cs-immersion-cat-pill:hover{border-color:#c9a84c4d;color:var(--color-navy)}.cs-immersion-cat-pill.active{background:var(--color-navy);border-color:var(--color-navy);color:#fff;font-weight:600}.cs-immersion-cat-pill.active span{filter:brightness(2)}.cs-immersion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.cs-immersion-item-v2{cursor:pointer;transition:transform .3s ease}.cs-immersion-item-v2:hover{transform:translateY(-4px)}.cs-immersion-item-v2 .cs-immersion-thumb{position:relative}.cs-immersion-badge{position:absolute;top:8px;left:8px;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-gold);color:var(--color-navy);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:2}.cs-immersion-item-info{padding:4px 0}.cs-section-label{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-navy);margin:0 0 20px}@media (max-width: 768px){.cs-hero{height:250px;padding:50px 20px 30px}.cs-hero-stats{gap:16px}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cs-live-card{flex-direction:column;text-align:center}.cs-live-info{text-align:left;width:100%}.cs-immersion-item{width:170px}.cs-immersion-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cs-circle-card{flex-direction:column;align-items:flex-start}.cs-cercle-members-grid{grid-template-columns:1fr}.cs-imams-timeline{padding-left:28px}.cs-imam-number{left:-28px;width:24px;height:24px;font-size:.65rem}}@media (max-width: 480px){.cs-hero{height:230px}.cs-hero h1{font-size:1.5rem}.cs-grid{grid-template-columns:1fr}.cs-charte-pills{flex-direction:column}.cs-immersion-item{width:160px}.cs-immersion-grid{grid-template-columns:1fr 1fr;gap:10px}.cs-imam-card{padding:14px}.cs-cercle-header{flex-direction:column;text-align:center}.cs-cercle-interp-meta{flex-direction:column;align-items:flex-start;gap:2px}}.ir-page{min-height:100vh;background:#f5f3ef;padding-bottom:80px}.ir-hero{position:relative;background:linear-gradient(135deg,#0f0d2e,#1a1a2e 45%,#1e1040 80%,#2a1550);padding:52px 24px 44px;overflow:hidden}.ir-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='0.8'%3E%3Cellipse cx='45' cy='40' rx='18' ry='10'/%3E%3Cellipse cx='45' cy='40' rx='28' ry='16'/%3E%3Cpath d='M45 30 Q55 20 70 22' stroke-width='0.7'/%3E%3Cpath d='M45 30 Q35 20 20 22' stroke-width='0.7'/%3E%3Ccircle cx='45' cy='38' r='4'/%3E%3Cline x1='45' y1='50' x2='40' y2='62'/%3E%3Cline x1='45' y1='50' x2='50' y2='62'/%3E%3C/g%3E%3C/svg%3E");background-size:90px 90px;pointer-events:none}.ir-hero:after{content:"";position:absolute;top:-80px;right:-80px;width:440px;height:440px;background:radial-gradient(circle,rgba(138,97,208,.12) 0%,transparent 65%);pointer-events:none}.ir-hero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.ir-hero-dove{font-size:52px;display:block;margin-bottom:16px;animation:ir-float 4s ease-in-out infinite;filter:drop-shadow(0 4px 16px rgba(138,97,208,.4))}.ir-hero-eyebrow{font-size:11px;font-weight:700;color:#c9a84cbf;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.ir-hero-title{font-size:36px;font-weight:900;color:#c9a84c;margin:0 0 12px;line-height:1.1;text-shadow:0 2px 24px rgba(201,168,76,.3)}.ir-hero-subtitle{font-size:16px;color:#fff9;font-style:italic;max-width:500px;margin:0 auto 20px;line-height:1.5}.ir-hero-verse{display:inline-block;background:#ffffff0d;border:1px solid rgba(201,168,76,.2);border-radius:14px;padding:14px 20px;margin-bottom:24px;max-width:560px}.ir-hero-verse-text{font-size:14.5px;color:#ffffffbf;font-style:italic;line-height:1.6;margin:0 0 4px}.ir-hero-verse-ref{font-size:12px;color:#c9a84cb3;font-weight:600;margin:0}.ir-hero-stats{display:inline-flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(201,168,76,.2);border-radius:99px;padding:8px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:center;margin-bottom:24px}.ir-hero-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;padding:0 14px;font-weight:500;white-space:nowrap}.ir-hero-stat strong{color:#c9a84c;font-weight:800;font-size:15px}.ir-hero-stat-sep{width:1px;height:16px;background:#ffffff26;flex-shrink:0}.ir-hero-stat:first-child{padding-left:0}.ir-hero-stat:last-child{padding-right:0}.ir-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;box-shadow:0 6px 20px #c9a84c59}.ir-hero-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px #c9a84c80}.ir-subhero{position:relative;background:linear-gradient(135deg,#0f0d2e,#1a1a2e 60%,#1e1040);padding:32px 24px 28px;overflow:hidden}.ir-subhero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='0.8'%3E%3Cellipse cx='45' cy='40' rx='18' ry='10'/%3E%3Ccircle cx='45' cy='38' r='4'/%3E%3C/g%3E%3C/svg%3E");background-size:90px 90px;pointer-events:none}.ir-subhero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto}.ir-back-btn{align-items:center;gap:7px;color:#c9a84ccc;font-size:13px;font-weight:600;text-decoration:none;background:#ffffff0f;border:1px solid rgba(201,168,76,.2);border-radius:99px;padding:6px 14px;margin-bottom:16px;display:inline-flex;transition:background .15s}.ir-back-btn:hover{background:#ffffff1a}.ir-subhero-title{font-size:26px;font-weight:900;color:#fff;margin:0 0 6px;line-height:1.2}.ir-subhero-sub{font-size:14px;color:#ffffff80;margin:0;font-style:italic}.ir-content{max-width:1120px;margin:0 auto;padding:32px 20px 0}.ir-section-title{font-size:19px;font-weight:900;color:#1a1a2e;margin:0 0 6px;padding-bottom:7px;border-bottom:2.5px solid #c9a84c;display:inline-block}.ir-section-sub{font-size:13.5px;color:#888;margin:8px 0 22px;line-height:1.6}.ir-rules{display:flex;align-items:flex-start;gap:16px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);border-left:4px solid #c9a84c;box-shadow:0 2px 12px #0000000d;padding:20px 22px;margin-bottom:36px}.ir-rules-icon{font-size:24px;flex-shrink:0;margin-top:2px}.ir-rules-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 12px}.ir-rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ir-rules-item{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#555;line-height:1.45}.ir-rules-check{color:#c9a84c;font-weight:700;font-size:14px;flex-shrink:0}.ir-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}.ir-hub-card{display:flex;flex-direction:column;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 18px #0000000f;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;animation:ir-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.ir-hub-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #c9a84c2e,0 4px 16px #00000014}.ir-hub-card-header{height:100px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0d2e,#1a1a2e)}.ir-hub-card-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(138,97,208,.15) 0%,transparent 65%)}.ir-hub-card-header span{position:relative;z-index:1}.ir-hub-card-live-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:#ef4444;animation:ir-pulse 1.4s infinite;z-index:2}.ir-hub-card-body{flex:1;display:flex;flex-direction:column;padding:20px 20px 16px}.ir-hub-card-title{font-size:17px;font-weight:900;color:#1a1a2e;margin:0 0 7px;line-height:1.25}.ir-hub-card-desc{font-size:13px;color:#888;line-height:1.6;margin:0 0 14px;flex:1}.ir-hub-preview{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.ir-hub-preview-row{display:flex;align-items:center;gap:7px;font-size:12px;color:#aaa;background:#f8f6f2;border-radius:8px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ir-hub-preview-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ir-hub-card-bar{height:3px;background:linear-gradient(90deg,transparent,#c9a84c,#f0c96a,#c9a84c,transparent);background-size:200% 100%;opacity:0;transition:opacity .25s}.ir-hub-card:hover .ir-hub-card-bar{opacity:1;animation:ir-shimmer-bar 2s linear infinite}.ir-hub-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;font-size:13px;font-weight:800;border:none;cursor:pointer;letter-spacing:.2px}.ir-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:24px}.ir-filters::-webkit-scrollbar{display:none}.ir-filter-pill{display:flex;align-items:center;gap:5px;padding:7px 16px;border:1.5px solid rgba(0,0,0,.1);border-radius:99px;background:#fff;font-size:13px;font-weight:600;color:#666;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;font-family:inherit}.ir-filter-pill:hover{border-color:#c9a84c;color:#1a1a2e}.ir-filter-pill.active{background:#c9a84c;border-color:#c9a84c;color:#1a1a2e;box-shadow:0 4px 12px #c9a84c4d}.ir-trad-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;flex-shrink:0}.ir-trad-badge.islam{background:#c9a84c1f;color:#8a6a1a;border:1px solid rgba(201,168,76,.3)}.ir-trad-badge.judaisme{background:#1e64c81a;color:#1a3a7a;border:1px solid rgba(30,100,200,.2)}.ir-trad-badge.christian{background:#9632c81a;color:#5a1a8a;border:1px solid rgba(150,50,200,.2)}.ir-trad-badge.bouddhisme{background:#ef95321f;color:#8a4a00;border:1px solid rgba(239,149,50,.25)}.ir-trad-badge.hindouisme{background:#c832321a;color:#8a1a1a;border:1px solid rgba(200,50,50,.2)}.ir-trad-badge.other{background:#6464641a;color:#555;border:1px solid rgba(100,100,100,.2)}.ir-trad-badge.compare{background:#8a61d01a;color:#5a3a8a;border:1px solid rgba(138,97,208,.25)}.ir-dialogue-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #0000000f;padding:20px;margin-bottom:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:ir-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.ir-dialogue-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #c9a84c26,0 3px 10px #00000012}.ir-dialogue-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.ir-dialogue-title{font-size:16px;font-weight:800;color:#1a1a2e;margin:0 0 7px;line-height:1.35;flex:1}.ir-dialogue-desc{font-size:13px;color:#888;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ir-dialogue-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ir-dialogue-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ir-dialogue-stat{font-size:12px;color:#aaa;display:flex;align-items:center;gap:4px}.ir-join-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;flex-shrink:0}.ir-join-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #c9a84c66}.ir-qa-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #0000000f;padding:20px;margin-bottom:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:ir-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.ir-qa-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #c9a84c1f,0 3px 10px #00000012}.ir-qa-q-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;font-size:14px;font-weight:900;flex-shrink:0;margin-right:10px}.ir-qa-question{font-size:15.5px;font-weight:800;color:#1a1a2e;margin:0 0 8px;line-height:1.4}.ir-qa-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ir-qa-author{font-size:12px;color:#aaa}.ir-qa-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.ir-answer-count{font-size:12.5px;color:#999}.ir-answer-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:1.5px solid rgba(201,168,76,.4);border-radius:99px;background:transparent;color:#c9a84c;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.ir-answer-btn:hover{background:#c9a84c14;border-color:#c9a84c}.ir-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:24px}.ir-lib-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #0000000f;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;cursor:pointer;animation:ir-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.ir-lib-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #c9a84c26,0 4px 12px #00000012}.ir-lib-thumb{height:90px;background:linear-gradient(135deg,#0f0d2e,#1a1a2e);display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;overflow:hidden}.ir-lib-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(138,97,208,.12) 0%,transparent 60%)}.ir-lib-thumb span{position:relative;z-index:1}.ir-lib-body{padding:16px;flex:1;display:flex;flex-direction:column}.ir-lib-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);color:#8a6a1a;margin-bottom:8px;align-self:flex-start}.ir-lib-title{font-size:14.5px;font-weight:800;color:#1a1a2e;margin:0 0 6px;line-height:1.35}.ir-lib-desc{font-size:12.5px;color:#888;line-height:1.55;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ir-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ir-modal{background:#fff;border-radius:20px;padding:32px 28px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;animation:ir-modal-in .3s cubic-bezier(.34,1.56,.64,1) both}.ir-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.ir-modal-title{font-size:20px;font-weight:900;color:#1a1a2e;margin:0;flex:1}.ir-modal-close{width:34px;height:34px;border-radius:50%;border:none;background:#f5f3ef;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ir-modal-content{font-size:14px;color:#444;line-height:1.8}.ir-ask-modal-field{margin-bottom:16px}.ir-ask-modal-label{display:block;font-size:11.5px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.3px;margin-bottom:7px}.ir-ask-modal-input{width:100%;padding:11px 14px;border:1.5px solid rgba(0,0,0,.1);border-radius:11px;font-size:14px;font-family:inherit;color:#1a1a2e;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#fff}.ir-ask-modal-input:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c26}.ir-ask-modal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.ir-ask-submit{width:100%;padding:13px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s;margin-top:4px}.ir-ask-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c9a84c66}.ir-ask-submit:disabled{opacity:.65;cursor:not-allowed}.ir-fab{position:fixed;bottom:90px;right:20px;display:flex;align-items:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 28px #c9a84c73;z-index:200;font-family:inherit;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:ir-fab-in .5s .3s cubic-bezier(.34,1.56,.64,1) both}.ir-fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 36px #c9a84c8c}.ir-sk{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:ir-shimmer 1.5s infinite;border-radius:10px}.ir-empty{text-align:center;padding:56px 24px;background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.06)}.ir-empty-icon{font-size:52px;display:block;margin-bottom:16px;animation:ir-float 3s ease-in-out infinite}.ir-empty-title{font-size:17px;font-weight:800;color:#1a1a2e;margin:0 0 7px}.ir-empty-sub{font-size:13.5px;color:#aaa;margin:0}@keyframes ir-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ir-card-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ir-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ir-shimmer-bar{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ir-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes ir-modal-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ir-fab-in{0%{transform:scale(.5) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ir-chrono{background:linear-gradient(135deg,#0f1b35,#1a1a2e);border-radius:18px;padding:24px 28px 20px;margin-bottom:16px;overflow:hidden}.ir-chrono-title{font-size:13px;font-weight:700;color:#c9a84ccc;letter-spacing:.06em;text-transform:uppercase;margin:0 0 20px}.ir-chrono-line{display:flex;gap:0;overflow-x:auto;padding-bottom:8px;position:relative}.ir-chrono-line:before{content:"";position:absolute;top:10px;left:20px;right:20px;height:2px;background:#c9a84c26;z-index:0}.ir-chrono-node{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 8px;background:none;border:none;cursor:pointer;position:relative;z-index:1;animation:ir-fade-up .4s ease var(--delay, 0s) both;transition:transform .2s}.ir-chrono-node:hover{transform:translateY(-3px)}.ir-chrono-dot{width:14px;height:14px;border-radius:50%;background:var(--node-color, #c9a84c);box-shadow:0 0 8px var(--node-color, rgba(201,168,76,.4));flex-shrink:0;transition:transform .2s}.ir-chrono-node:hover .ir-chrono-dot{transform:scale(1.3)}.ir-chrono-emoji{font-size:20px;margin-top:2px}.ir-chrono-label{font-size:11px;font-weight:700;color:#fffc;text-align:center;line-height:1.3}.ir-chrono-date{font-size:10px;color:#ffffff59}@keyframes ir-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ir-trad-info{background:#fff;border-radius:16px;padding:24px;margin-bottom:16px;border-left:4px solid var(--trad-color, #c9a84c);box-shadow:0 2px 12px #0000000f;animation:ir-fade-up .3s ease both}.ir-trad-info-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.ir-trad-info-title{margin:0;font-family:var(--font-heading);font-size:20px;font-weight:700;color:#1a1a2e}.ir-trad-info-date{font-size:12px;color:#888}.ir-trad-info-close{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;color:#aaa;padding:4px 8px}.ir-trad-info-close:hover{color:#333}.ir-trad-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ir-trad-info-item{display:flex;flex-direction:column;gap:4px}.ir-trad-info-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#999}.ir-trad-info-value{font-size:13px;color:#333;line-height:1.5}.ir-thread{max-width:760px;margin:0 auto}.ir-thread-header{margin-bottom:24px}.ir-thread-title{margin:0;font-family:var(--font-heading);font-size:26px;font-weight:700;color:#1a1a2e;line-height:1.3}.ir-thread-intro{background:#fff;border-radius:16px;padding:28px;margin-bottom:20px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.06)}.ir-thread-section{margin-bottom:20px}.ir-thread-section:last-child{margin-bottom:0}.ir-thread-section-title{margin:0 0 8px;font-size:15px;font-weight:700;color:#1a1a2e}.ir-thread-section-text{margin:0;font-size:14px;color:#444;line-height:1.7}.ir-thread-question{display:flex;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#c9a84c0f,#c9a84c05);border:1px solid rgba(201,168,76,.15);border-radius:12px;margin-top:20px}.ir-thread-question-icon{font-size:24px;flex-shrink:0}.ir-thread-question-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold);margin-bottom:4px}.ir-thread-question-text{margin:0;font-size:15px;color:#1a1a2e;font-weight:600;line-height:1.5;font-style:italic}.ir-thread-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ir-thread-tag{font-size:12px;color:var(--color-gold);background:#c9a84c14;padding:4px 12px;border-radius:20px;font-weight:600}.ir-thread-messages{margin-bottom:20px}.ir-thread-msg{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05)}.ir-thread-msg:last-child{border-bottom:none}.ir-thread-msg-avatar{width:36px;height:36px;border-radius:50%;background:#1a1a2e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.ir-thread-msg-body{flex:1}.ir-thread-msg-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ir-thread-msg-author{font-size:13px;font-weight:700;color:#1a1a2e}.ir-thread-msg-badge{font-size:10px;font-weight:700;background:#c9a84c1f;color:var(--color-gold);padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.ir-thread-msg-time{font-size:11px;color:#aaa}.ir-thread-msg-text{margin:0;font-size:14px;color:#444;line-height:1.6}.ir-thread-reply-area{background:#fff;border-radius:14px;padding:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #00000008;margin-bottom:20px}.ir-thread-reply-form{display:flex;flex-direction:column;gap:12px}.ir-thread-reply-input{width:100%;padding:14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:14px;font-family:var(--font-sans);resize:vertical;outline:none;transition:border-color .2s;background:#fafaf8;box-sizing:border-box}.ir-thread-reply-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c9a84c14}.ir-thread-reply-actions{display:flex;align-items:center;justify-content:space-between}.ir-thread-reply-hint{font-size:11px;color:#aaa;flex:1}.ir-thread-reply-btn{background:linear-gradient(135deg,#c9a84c,#ddb85e);color:#1a1a2e;border:none;padding:10px 24px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.ir-thread-reply-btn:hover:not(:disabled){box-shadow:0 4px 14px #c9a84c59;transform:translateY(-1px)}.ir-thread-reply-btn:disabled{opacity:.5;cursor:not-allowed}.ir-thread-login-prompt{text-align:center;padding:20px;font-size:14px;color:#888}.ir-thread-empty{text-align:center;padding:40px 20px;background:#fff;border-radius:16px;border:1px dashed rgba(0,0,0,.1);margin-bottom:20px}.ir-thread-empty-title{margin:12px 0 4px;font-size:16px;font-weight:700;color:#1a1a2e}.ir-thread-empty-sub{margin:0;font-size:13px;color:#888;line-height:1.5}.ir-trad-badge.zoroastrisme{background:#e8a45a1a;color:#c17a2e;border-color:#e8a45a40}@media (max-width: 900px){.ir-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.ir-hero{padding:36px 16px 32px}.ir-hero-title{font-size:26px}.ir-hero-subtitle{font-size:14px}.ir-hero-dove{font-size:42px}.ir-content{padding:24px 14px 0}.ir-hub-grid{grid-template-columns:1fr;gap:14px}.ir-lib-grid{grid-template-columns:1fr}.ir-subhero{padding:24px 16px 20px}.ir-subhero-title{font-size:20px}.ir-rules{flex-direction:column;gap:10px}.ir-fab{bottom:80px;right:14px;padding:12px 16px;font-size:13px}.ir-modal{padding:24px 18px;border-radius:18px}.ir-chrono{padding:18px 16px 14px}.ir-chrono-line{gap:0}.ir-chrono-node{min-width:70px}.ir-chrono-emoji{font-size:16px}.ir-chrono-label{font-size:9px}.ir-trad-info-grid{grid-template-columns:1fr}.ir-thread-intro{padding:20px 16px}.ir-thread-title{font-size:20px}.ir-thread-reply-actions{flex-direction:column;gap:8px;align-items:stretch}.ir-thread-reply-hint{text-align:center}}.msg-root{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.msg-header{padding:24px 32px;background:#0f0f1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.msg-header h1{margin:0;font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.msg-header-actions{display:flex;gap:12px}.msg-container{display:grid;grid-template-columns:320px 1fr;flex:1;overflow:hidden;gap:0}.msg-sidebar{background:#1a1a2e80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;overflow:hidden}.msg-sidebar-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.03)}.msg-search-box{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e0e0e0;font-size:14px;outline:none;transition:all .2s ease}.msg-search-box::-moz-placeholder{color:#ffffff4d}.msg-search-box::placeholder{color:#ffffff4d}.msg-search-box:focus{background:#ffffff14;border-color:#c9a84c4d;box-shadow:0 0 0 2px #c9a84c1a}.msg-new-btn{margin:12px 16px;padding:10px 16px;background:linear-gradient(135deg,#c9a84c,#d4b760);color:#0f0f1a;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.msg-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c9a84c40}.msg-new-btn:active{transform:translateY(0)}.msg-conv-list{flex:1;overflow-y:auto;padding:8px 0}.msg-conv-list::-webkit-scrollbar{width:6px}.msg-conv-list::-webkit-scrollbar-track{background:transparent}.msg-conv-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.msg-conv-list::-webkit-scrollbar-thumb:hover{background:#fff3}.msg-conv-item{padding:12px;margin:0 8px 4px;background:#ffffff05;border-radius:10px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;display:flex;gap:12px;align-items:flex-start}.msg-conv-item:hover{background:#ffffff0f;border-left-color:#c9a84c66}.msg-conv-item.active{background:#c9a84c1f;border-left-color:#c9a84c}.msg-conv-item-avatar{flex-shrink:0;margin-top:2px}.msg-conv-item-content{flex:1;min-width:0}.msg-conv-item-name{font-weight:600;color:#fff;font-size:14px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-item-preview{font-size:13px;color:#ffffff80;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-item-time{font-size:12px;color:#ffffff4d;white-space:nowrap}.msg-empty-sidebar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.msg-empty-sidebar-icon{font-size:48px;margin-bottom:16px;opacity:.3}.msg-empty-sidebar-text{font-size:14px;color:#fff6;margin:0}.msg-main{background:#0f0f1a66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.msg-chat-header{padding:16px 24px;background:#1a1a2e80;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;min-height:70px}.msg-chat-header-user{display:flex;align-items:center;gap:12px}.msg-chat-header-info h2{margin:0;font-size:16px;font-weight:600;color:#fff}.msg-chat-header-info p{margin:4px 0 0;font-size:12px;color:#fff6}.msg-online-indicator{width:10px;height:10px;background:#4ade80;border-radius:50%;display:inline-block;margin-left:6px;box-shadow:0 0 8px #4ade8080}.msg-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.msg-messages::-webkit-scrollbar{width:8px}.msg-messages::-webkit-scrollbar-track{background:transparent}.msg-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.msg-messages::-webkit-scrollbar-thumb:hover{background:#fff3}.msg-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.msg-group.sent{align-items:flex-end}.msg-group.received{align-items:flex-start}.msg-bubble{max-width:65%;padding:12px 16px;border-radius:12px;word-wrap:break-word;line-height:1.4;font-size:14px;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-bubble.sent{background:linear-gradient(135deg,#c9a84c,#d4b760);color:#0f0f1a;font-weight:500;box-shadow:0 4px 12px #c9a84c33}.msg-bubble.received{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0e0e0;border:1px solid rgba(255,255,255,.1)}.msg-time{font-size:11px;color:#ffffff4d;margin-top:4px;margin-left:12px;margin-right:12px}.msg-typing-indicator{display:flex;gap:4px;align-items:center;padding:12px 16px;background:#ffffff14;border-radius:12px;width:-moz-fit-content;width:fit-content;border:1px solid rgba(255,255,255,.1)}.msg-typing-indicator span{width:8px;height:8px;background:#fff6;border-radius:50%;animation:typingBounce 1.4s infinite}.msg-typing-indicator span:nth-child(2){animation-delay:.2s}.msg-typing-indicator span:nth-child(3){animation-delay:.4s}.msg-typing-label{font-size:12px;color:#ffffff80;margin-top:4px}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.msg-read-receipt{font-size:10px;margin-left:4px;opacity:.7;color:#0f0f1acc}.msg-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:#ffffff4d}.msg-empty-icon{font-size:64px;margin-bottom:16px;opacity:.2}.msg-empty h3{margin:0 0 8px;font-size:18px;color:#fff6}.msg-empty p{margin:0;font-size:14px;color:#ffffff40}.msg-input-area{padding:16px 24px;background:#1a1a2e80;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:12px;align-items:flex-end}.msg-input-wrapper{flex:1;display:flex;gap:8px;align-items:center}.msg-input{flex:1;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e0e0e0;font-size:14px;font-family:inherit;outline:none;transition:all .2s ease;resize:none;max-height:100px;min-height:44px}.msg-input::-moz-placeholder{color:#ffffff4d}.msg-input::placeholder{color:#ffffff4d}.msg-input:focus{background:#ffffff0f;border-color:#c9a84c4d;box-shadow:0 0 0 2px #c9a84c1a}.msg-send-btn{padding:10px 16px;background:linear-gradient(135deg,#c9a84c,#d4b760);color:#0f0f1a;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:50px;height:44px;display:flex;align-items:center;justify-content:center}.msg-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c9a84c4d}.msg-send-btn:active:not(:disabled){transform:translateY(0)}.msg-send-btn:disabled{opacity:.5;cursor:not-allowed}.msg-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;position:relative;background:linear-gradient(135deg,#c9a84c,#d4b760);color:#0f0f1a;border:2px solid rgba(255,255,255,.1)}.msg-avatar.small{width:32px;height:32px;font-size:12px}.msg-avatar.color1{background:linear-gradient(135deg,#c9a84c,#d4b760)}.msg-avatar.color2{background:linear-gradient(135deg,#4a90e2,#357abd)}.msg-avatar.color3{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.msg-avatar.color4{background:linear-gradient(135deg,#ec4899,#be185d)}.msg-avatar.color5{background:linear-gradient(135deg,#14b8a6,#0d9488)}.msg-online-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid rgba(15,15,26,.9);bottom:-2px;right:-2px;transition:background-color .3s ease}.msg-online-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8099}.msg-online-dot.offline{background:#9ca3af}.msg-status-online{font-size:12px;color:#4ade80;margin-left:4px;font-weight:500}.msg-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msg-modal{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.msg-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.msg-modal-header h2{margin:0;font-size:18px;color:#fff}.msg-modal-close{background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.msg-modal-close:hover{color:#fffc}.msg-user-list{flex:1;overflow-y:auto;padding:8px 0}.msg-user-list::-webkit-scrollbar{width:6px}.msg-user-list::-webkit-scrollbar-track{background:transparent}.msg-user-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.msg-user-item{padding:12px 16px;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:12px}.msg-user-item:hover{background:#ffffff0a}.msg-user-item-info{flex:1}.msg-user-item-name{font-weight:500;color:#fff;font-size:14px;margin:0}.msg-user-item-email{font-size:12px;color:#fff6;margin:4px 0 0}@media (max-width: 768px){.msg-container{grid-template-columns:1fr}.msg-sidebar{display:none;position:absolute;top:70px;left:0;width:100%;height:calc(100vh - 70px);z-index:100;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.msg-sidebar.show{display:flex}.msg-main{display:none}.msg-main.show{display:flex}.msg-bubble{max-width:85%}.msg-header{padding:16px 20px}.msg-header h1{font-size:22px}.msg-chat-header{padding:12px 16px;min-height:60px}.msg-messages{padding:16px}.msg-input-area{padding:12px 16px}.msg-modal{width:95%;max-width:100%}}@media (max-width: 480px){.msg-root{height:100vh}.msg-header h1{font-size:20px}.msg-bubble{max-width:90%;font-size:13px;padding:10px 14px}.msg-input{font-size:13px;padding:10px 12px}.msg-send-btn{min-width:44px;width:44px;padding:10px}.msg-avatar.small{width:28px;height:28px;font-size:11px}}.lv-page{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.lv-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);padding:44px 24px 36px;overflow:hidden}.lv-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.8'%3E%3Cpolygon points='40,6 72,24 72,56 40,74 8,56 8,24'/%3E%3Cpolygon points='40,18 62,30 62,50 40,62 18,50 18,30'/%3E%3Cline x1='40' y1='6' x2='40' y2='18'/%3E%3Cline x1='72' y1='24' x2='62' y2='30'/%3E%3Cline x1='72' y1='56' x2='62' y2='50'/%3E%3Cline x1='40' y1='74' x2='40' y2='62'/%3E%3Cline x1='8' y1='56' x2='18' y2='50'/%3E%3Cline x1='8' y1='24' x2='18' y2='30'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.lv-hero:after{content:"";position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(239,68,68,.08) 0%,transparent 65%);pointer-events:none}.lv-hero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.lv-hero-eyebrow{font-size:11px;font-weight:700;color:#c9a84cbf;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}.lv-hero-title{font-size:36px;font-weight:900;color:#fff;margin:0 0 10px;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.4)}.lv-hero-subtitle{font-size:15px;color:#ffffff8c;margin:0 0 26px;font-style:italic}.lv-hero-stats{display:inline-flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(201,168,76,.2);border-radius:99px;padding:8px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:center}.lv-hero-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;font-weight:500;padding:0 14px;white-space:nowrap}.lv-hero-stat strong{color:#c9a84c;font-weight:800;font-size:15px}.lv-hero-stat-sep{width:1px;height:16px;background:#ffffff26;flex-shrink:0}.lv-hero-stat:first-child{padding-left:0}.lv-hero-stat:last-child{padding-right:0}.lv-filters-wrap{position:sticky;top:0;z-index:100;background:#f5f3ef;border-bottom:1px solid rgba(0,0,0,.06);padding:10px 20px;box-shadow:0 2px 12px #0000000f}.lv-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:1120px;margin:0 auto;padding-bottom:2px}.lv-filters::-webkit-scrollbar{display:none}.lv-filter-pill{display:flex;align-items:center;gap:5px;padding:7px 16px;border:1.5px solid rgba(0,0,0,.1);border-radius:99px;background:#fff;font-size:13px;font-weight:600;color:#666;cursor:pointer;white-space:nowrap;transition:all .18s;font-family:inherit;flex-shrink:0}.lv-filter-pill:hover{border-color:#c9a84c;color:#1a1a2e}.lv-filter-pill.active{background:#c9a84c;border-color:#c9a84c;color:#1a1a2e;box-shadow:0 4px 12px #c9a84c4d}.lv-content{max-width:1120px;margin:0 auto;padding:28px 20px 0}.lv-section-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}.lv-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0;padding-bottom:6px;border-bottom:2.5px solid #c9a84c;display:inline-block}.lv-live-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:lv-pulse 1.4s infinite;flex-shrink:0}.lv-featured{position:relative;background:linear-gradient(135deg,#0d1829,#1a1a2e 60%,#1e0a0a);border-radius:22px;border:1px solid rgba(239,68,68,.25);box-shadow:0 0 0 1px #ef44441a,0 20px 60px #ef444426,0 8px 24px #0000004d;overflow:hidden;margin-bottom:24px;animation:lv-card-in .4s cubic-bezier(.4,0,.2,1) both}.lv-featured:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(ellipse,rgba(239,68,68,.18) 0%,transparent 70%);pointer-events:none;animation:lv-glow 3s ease-in-out infinite}.lv-featured-body{padding:32px 28px 24px;position:relative;z-index:1}.lv-featured-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.lv-badge-live{display:inline-flex;align-items:center;gap:6px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:5px 12px;border-radius:99px;text-transform:uppercase;animation:lv-badge-pulse 1.8s ease-in-out infinite;flex-shrink:0}.lv-badge-live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:lv-pulse 1.4s infinite}.lv-comm-badge{display:inline-flex;align-items:center;gap:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fffc;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lv-theme-badge{display:inline-flex;align-items:center;gap:5px;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);color:#c9a84c;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px}.lv-featured-title{font-size:26px;font-weight:900;color:#fff;margin:0 0 18px;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.4)}.lv-featured-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.lv-host{display:flex;align-items:center;gap:10px}.lv-host-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(201,168,76,.5);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.lv-host-initials{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#e8c96a);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#1a1a2e;border:2px solid rgba(201,168,76,.5);flex-shrink:0}.lv-host-name{font-size:14px;font-weight:700;color:#ffffffd9}.lv-host-role{font-size:11px;color:#c9a84ccc}.lv-featured-info{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.lv-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffff80}.lv-duration-time{color:#ef4444;font-weight:700}.lv-participants{display:flex;align-items:center;gap:0}.lv-part-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #1a1a2e;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#1a1a2e;margin-left:-8px;flex-shrink:0}.lv-part-avatar:first-child{margin-left:0}.lv-part-count{margin-left:10px;font-size:12px;color:#ffffff80;white-space:nowrap}.lv-join-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;font-family:inherit;letter-spacing:.3px}.lv-join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c9a84c73}.lv-secondary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:24px}.lv-card{display:block;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #00000012;text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:lv-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.lv-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #c9a84c2e,0 4px 14px #00000014}.lv-card-live{border-color:#ef444440;background:linear-gradient(135deg,#fff,#fff8f8)}.lv-card-body{padding:18px}.lv-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.lv-card-title{font-size:15px;font-weight:800;color:#1a1a2e;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lv-card-host{font-size:12px;color:#888;margin-bottom:8px}.lv-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.lv-card-participants{font-size:12px;color:#aaa}.lv-card-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit;white-space:nowrap;flex-shrink:0}.lv-upcoming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:24px}.lv-upcoming-card{background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:18px;border:1px solid rgba(201,168,76,.15);box-shadow:0 6px 20px #00000026;overflow:hidden;animation:lv-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both;transition:transform .2s,box-shadow .2s}.lv-upcoming-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #c9a84c1f,0 6px 20px #0003}.lv-upcoming-body{padding:22px 20px 18px}.lv-upcoming-date{display:flex;align-items:center;gap:7px;font-size:12px;color:#c9a84c;font-weight:600;margin-bottom:12px}.lv-upcoming-title{font-size:17px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.3}.lv-upcoming-host{font-size:12.5px;color:#ffffff80;margin-bottom:14px}.lv-upcoming-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.lv-countdown{font-size:13px;font-weight:700;color:#c9a84c}.lv-remind-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:1.5px solid rgba(201,168,76,.5);border-radius:99px;background:transparent;color:#c9a84c;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap;flex-shrink:0}.lv-remind-btn:hover{background:#c9a84c1f;border-color:#c9a84c}.lv-remind-btn.reminded{background:#27ae6026;border-color:#27ae6066;color:#27ae60}.lv-replay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:24px}.lv-replay-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 12px #0000000f;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:lv-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.lv-replay-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.lv-replay-thumb{height:130px;background:linear-gradient(135deg,#0f1b35,#1a1a2e);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden}.lv-replay-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(201,168,76,.08),transparent 65%)}.lv-replay-duration{position:absolute;bottom:8px;right:10px;background:#000000a6;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lv-replay-body{padding:16px}.lv-replay-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.lv-replay-meta{font-size:11.5px;color:#aaa;margin-bottom:12px}.lv-replay-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.lv-replay-views{font-size:12px;color:#bbb}.lv-watch-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;background:#f5f3ef;color:#1a1a2e;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s}.lv-watch-btn:hover{background:#ede9e0}.lv-empty{text-align:center;padding:56px 24px}.lv-empty-icon{font-size:52px;display:block;margin-bottom:16px;animation:lv-float 3s ease-in-out infinite}.lv-empty-title{font-size:17px;font-weight:800;color:#1a1a2e;margin:0 0 7px}.lv-empty-sub{font-size:13.5px;color:#aaa;margin:0 0 18px}.lv-create-inline-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s}.lv-create-inline-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c9a84c59}.lv-info-banner{display:flex;align-items:flex-start;gap:14px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);border-left:4px solid #c9a84c;box-shadow:0 2px 10px #0000000d;padding:18px 20px;margin-top:32px}.lv-info-icon{font-size:22px;flex-shrink:0;margin-top:1px}.lv-info-body{flex:1;min-width:0}.lv-info-title{font-size:13.5px;font-weight:800;color:#1a1a2e;margin:0 0 5px}.lv-info-text{font-size:12.5px;color:#777;line-height:1.6;margin:0}.lv-info-link{color:#c9a84c;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,168,76,.4)}.lv-info-link:hover{color:#e8c96a}.lv-fab{position:fixed;bottom:90px;right:20px;display:flex;align-items:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 28px #c9a84c73,0 4px 12px #00000026;z-index:200;font-family:inherit;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:lv-fab-in .5s .3s cubic-bezier(.34,1.56,.64,1) both}.lv-fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 36px #c9a84c8c}.lv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050fbf;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (min-width: 600px){.lv-modal-overlay{align-items:center;padding:20px}}.lv-modal{background:linear-gradient(165deg,#1a1a2ef7,#0f0f1afa);border:1px solid rgba(255,255,255,.08);border-radius:24px 24px 0 0;padding:0;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:lv-modal-in .3s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 -8px 60px #00000080,0 0 80px #c9a84c0f}.lv-modal::-webkit-scrollbar{width:6px}.lv-modal::-webkit-scrollbar-track{background:transparent}.lv-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media (min-width: 600px){.lv-modal{border-radius:24px;animation:lv-modal-in-center .3s cubic-bezier(.34,1.56,.64,1) both}}.lv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.lv-modal-title{font-size:20px;font-weight:800;margin:0;background:linear-gradient(135deg,#fff 30%,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lv-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .2s}.lv-modal-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.lv-modal form,.lv-modal>.lv-start-now-toggle{padding:0 28px}.lv-modal form{padding-bottom:28px}.lv-modal-field{margin-bottom:18px}.lv-modal-label{display:block;font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.lv-modal-input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:14px;font-family:inherit;color:#e8e6e1;background:#ffffff0a;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box}.lv-modal-input::-moz-placeholder{color:#ffffff40}.lv-modal-input::placeholder{color:#ffffff40}.lv-modal-input:focus{border-color:#c9a84c80;box-shadow:0 0 0 3px #c9a84c1a;background:#ffffff0f}textarea.lv-modal-input{resize:vertical;line-height:1.5}.lv-modal-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.35)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.lv-modal-select option{background:#1a1a2e;color:#e8e6e1}.lv-modal-row{display:flex;gap:12px}.lv-modal-row .lv-modal-field{flex:1}.lv-modal-submit{width:100%;padding:15px;background:linear-gradient(135deg,#c9a84c,#ddb85e);color:#0f0f1a;border:none;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;margin-top:8px;transition:transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #c9a84c40;letter-spacing:.01em}.lv-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #c9a84c66}.lv-modal-submit:disabled{opacity:.5;cursor:not-allowed}.lv-modal-error{font-size:13px;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:10px 14px;margin-bottom:14px}.lv-start-now-toggle{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:20px 28px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.lv-start-now-toggle:hover{background:#ffffff0d;border-color:#c9a84c33}.lv-start-now-label{font-size:14px;font-weight:600;color:#fff}.lv-start-now-sub{font-size:12px;color:#ffffff59;margin-top:2px}.lv-sk{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:lv-shimmer 1.5s infinite;border-radius:8px}.lv-skeleton-featured{height:280px;border-radius:22px;margin-bottom:24px}.lv-skeleton-card{height:140px;border-radius:16px}@keyframes lv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes lv-badge-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes lv-glow{0%,to{opacity:.7}50%{opacity:1}}@keyframes lv-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes lv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lv-fab-in{0%{transform:scale(.5) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes lv-modal-in{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lv-modal-in-center{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.lv-secondary-grid,.lv-upcoming-grid{grid-template-columns:1fr}.lv-replay-grid{grid-template-columns:repeat(2,1fr)}.lv-featured-title{font-size:22px}.lv-featured-body{padding:24px 18px 18px}.lv-fab{bottom:80px;right:14px;padding:12px 16px;font-size:13px}}@media (max-width: 480px){.lv-hero{padding:32px 16px 28px}.lv-hero-title{font-size:28px}.lv-hero-subtitle{font-size:13px}.lv-content{padding:20px 14px 0}.lv-replay-grid{grid-template-columns:1fr}.lv-modal form,.lv-modal>.lv-start-now-toggle{padding-left:18px;padding-right:18px}.lv-modal form{padding-bottom:24px}.lv-modal-header{padding:20px 18px 16px}.lv-start-now-toggle{margin-left:18px;margin-right:18px}.lv-modal-row{flex-direction:column;gap:0}}.lr-root{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height, 60px);background:#07070f;display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:1fr;overflow:hidden;font-family:var(--font-sans);animation:lr-fade-in .3s ease forwards;z-index:10}@keyframes lr-fade-in{0%{opacity:0}to{opacity:1}}.lr-panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}.lr-panel:last-child{border-right:none;border-left:1px solid rgba(255,255,255,.06)}.lr-participants{background:#0d0d18}.lr-panel-header{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.lr-panel-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6}.lr-count-badge{font-size:11px;font-weight:600;background:#c9a84c1f;color:#c9a84c;border:1px solid rgba(201,168,76,.2);border-radius:99px;padding:1px 8px}.lr-participants-scroll{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.lr-section-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffffff40;padding:8px 16px 4px}.lr-p-row{display:flex;align-items:center;gap:10px;padding:7px 16px;transition:background .16s ease}.lr-p-row:hover{background:#ffffff08}.lr-p-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#2a2a4a);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.lr-p-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.lr-p-avatar.host-ring{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c4d}.lr-p-avatar.speaking-ring{border-color:#10b981;box-shadow:0 0 0 2px #10b9814d;animation:lr-speaking-ring 1.2s ease infinite}@keyframes lr-speaking-ring{0%,to{box-shadow:0 0 0 2px #10b9814d}50%{box-shadow:0 0 0 4px #10b98126}}.lr-p-info{flex:1;min-width:0}.lr-p-name{font-size:13px;font-weight:600;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-p-meta{display:flex;align-items:center;gap:5px;margin-top:2px}.lr-level-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:99px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.2);color:#c9a84c}.lr-crown{font-size:13px}.lr-p-icons{display:flex;align-items:center;gap:5px;flex-shrink:0}.lr-wave{display:flex;align-items:flex-end;gap:2px;height:14px}.lr-wave-bar{width:3px;border-radius:2px;background:#10b981;animation:lr-wave-anim .8s ease infinite;transform-origin:bottom}.lr-wave-bar:nth-child(1){animation-delay:0s;animation-duration:.6s}.lr-wave-bar:nth-child(2){animation-delay:.15s;animation-duration:.8s}.lr-wave-bar:nth-child(3){animation-delay:.3s;animation-duration:.7s}.lr-wave-bar:nth-child(4){animation-delay:.45s;animation-duration:.9s}@keyframes lr-wave-anim{0%,to{height:3px}50%{height:14px}}.lr-icon-mic-off,.lr-icon-cam-off{width:16px;height:16px;border-radius:50%;background:#ef444426;display:flex;align-items:center;justify-content:center;font-size:9px}.lr-hand-icon{font-size:14px;animation:lr-hand-wave 1s ease infinite}@keyframes lr-hand-wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-5deg)}}.lr-host-actions{padding:6px 12px 10px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.lr-host-action-btn{width:100%;padding:6px 12px;border-radius:8px;border:none;background:#ffffff0a;color:#fff9;font-size:12px;font-family:var(--font-sans);font-weight:500;cursor:pointer;text-align:left;transition:background .16s,color .16s;display:flex;align-items:center;gap:8px;margin-bottom:3px}.lr-host-action-btn:hover{background:#ffffff14;color:#fff}.lr-host-action-btn.promote{color:#10b981}.lr-host-action-btn.demote{color:#f59e0b}.lr-host-action-btn.lower{color:#c9a84c}.lr-stage{display:flex;flex-direction:column;background:#050509;border-right:none;border-left:none}.lr-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;gap:12px}.lr-topbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.lr-live-pill{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.05em}.lr-live-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:lr-live-pulse 1.4s ease infinite}@keyframes lr-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.lr-session-title{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-theme-badge{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.2);color:#c9a84c;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.lr-timer{font-size:13px;font-weight:700;color:#ffffff80;font-variant-numeric:tabular-nums;letter-spacing:.05em;flex-shrink:0}.lr-video-area{flex:1;overflow:hidden;position:relative;padding:12px}.lr-video-grid{width:100%;height:100%;display:grid;gap:8px}.lr-video-grid[data-count="0"],.lr-video-grid[data-count="1"]{grid-template-columns:1fr}.lr-video-grid[data-count="2"]{grid-template-columns:1fr 1fr}.lr-video-grid[data-count="3"],.lr-video-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.lr-video-card{position:relative;border-radius:14px;overflow:hidden;background:#111120;border:2px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:border-color .3s}.lr-video-card.is-speaking{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}.lr-video-card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.lr-video-card-info{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 10px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;justify-content:space-between}.lr-video-card-name{font-size:12px;font-weight:600;color:#fff}.lr-video-card-icons{display:flex;align-items:center;gap:5px}.lr-mic-off-badge,.lr-cam-off-badge{font-size:10px;padding:2px 5px;border-radius:4px;background:#0009;color:#ef4444}.lr-audio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:absolute;top:0;right:0;bottom:0;left:0}.lr-audio-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#2e2e5e);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.lr-audio-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.lr-audio-name{font-size:13px;font-weight:600;color:#e8e8f0}.lr-audio-wave{display:flex;align-items:flex-end;gap:3px;height:20px}.lr-audio-wave-bar{width:4px;border-radius:2px;background:#c9a84c;animation:lr-wave-anim .9s ease infinite}.lr-audio-wave-bar:nth-child(1){animation-delay:0s}.lr-audio-wave-bar:nth-child(2){animation-delay:.2s}.lr-audio-wave-bar:nth-child(3){animation-delay:.1s}.lr-audio-wave-bar:nth-child(4){animation-delay:.3s}.lr-audio-wave-bar:nth-child(5){animation-delay:.15s}.lr-no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#fff3}.lr-no-video-icon{font-size:48px;opacity:.3}.lr-no-video-text{font-size:13px}.lr-controls{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.lr-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 14px;cursor:pointer;transition:background .16s,border-color .16s,transform .12s;font-family:var(--font-sans);min-width:56px}.lr-ctrl-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.lr-ctrl-btn:active:not(:disabled){transform:translateY(0)}.lr-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.lr-ctrl-btn .lr-ctrl-icon{font-size:20px;line-height:1}.lr-ctrl-btn .lr-ctrl-label{font-size:10px;font-weight:600;color:#ffffff80;letter-spacing:.03em}.lr-ctrl-btn.active-green{background:#10b98126;border-color:#10b98166}.lr-ctrl-btn.active-green .lr-ctrl-label{color:#10b981}.lr-ctrl-btn.active-red{background:#ef44441f;border-color:#ef44444d}.lr-ctrl-btn.active-red .lr-ctrl-label{color:#ef4444}.lr-ctrl-btn.active-gold{background:#c9a84c26;border-color:#c9a84c66;animation:lr-gold-glow 1.5s ease infinite}.lr-ctrl-btn.active-gold .lr-ctrl-label{color:#c9a84c}@keyframes lr-gold-glow{0%,to{box-shadow:0 0 #c9a84c00}50%{box-shadow:0 0 12px 3px #c9a84c33}}.lr-ctrl-btn.leave-btn{background:#ef44441f;border-color:#ef444440}.lr-ctrl-btn.leave-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.lr-ctrl-btn.leave-btn .lr-ctrl-label{color:#ef4444}.lr-ctrl-btn.end-btn{background:#ef44442e;border-color:#ef444466}.lr-ctrl-btn.end-btn .lr-ctrl-label{color:#ef4444}.lr-ctrl-sep{width:1px;height:36px;background:#ffffff14;flex-shrink:0}.lr-chat{background:#0a0a15}.lr-chat-messages{flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.07) transparent}.lr-msg{padding:5px 14px;display:flex;gap:8px;align-items:flex-start}.lr-msg:hover{background:#ffffff05}.lr-msg-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#2a2a4a);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;position:relative;overflow:hidden;margin-top:1px}.lr-msg-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.lr-msg-body{flex:1;min-width:0}.lr-msg-meta{display:flex;align-items:center;gap:5px;margin-bottom:2px;flex-wrap:wrap}.lr-msg-name{font-size:12px;font-weight:700;color:#c9a84c}.lr-msg-name.is-me{color:#10b981}.lr-msg-name.is-host{color:#f59e0b}.lr-msg-time{font-size:10px;color:#ffffff40}.lr-msg-text{font-size:13px;color:#ffffffd9;line-height:1.45;word-break:break-word}.lr-msg-system{padding:4px 14px;font-size:11px;font-style:italic;color:#c9a84c;text-align:center}.lr-reactions-bar{padding:8px 14px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative}.lr-reaction-btn{font-size:20px;background:none;border:none;cursor:pointer;border-radius:8px;padding:4px 6px;transition:background .14s,transform .12s;line-height:1}.lr-reaction-btn:hover{background:#ffffff14;transform:scale(1.3)}.lr-reaction-btn:active{transform:scale(1.1)}.lr-floating-reaction{position:absolute;bottom:40px;font-size:24px;pointer-events:none;animation:lr-float-up 1.8s ease forwards}@keyframes lr-float-up{0%{transform:translateY(0) scale(1);opacity:1}80%{opacity:1}to{transform:translateY(-120px) scale(1.4);opacity:0}}.lr-chat-input-wrap{padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:7px;align-items:center;flex-shrink:0}.lr-chat-input{flex:1;padding:8px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-size:13px;font-family:var(--font-sans);outline:none;transition:border-color .16s}.lr-chat-input::-moz-placeholder{color:#ffffff40}.lr-chat-input::placeholder{color:#ffffff40}.lr-chat-input:focus{border-color:#c9a84c66}.lr-send-btn{width:34px;height:34px;border-radius:50%;border:none;background:#c9a84c;color:#07070f;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .16s,transform .12s}.lr-send-btn:hover:not(:disabled){background:#b8943d;transform:scale(1.08)}.lr-send-btn:disabled{opacity:.35;cursor:not-allowed}.lr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height, 60px);display:flex;align-items:center;justify-content:center;z-index:20;background:#07070f}.lr-overlay-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 40px;border-radius:20px;background:#0d0d18;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080;max-width:380px;width:90%;text-align:center}.lr-logo-glyph{font-size:52px;line-height:1;animation:lr-logo-breathe 2.5s ease infinite}@keyframes lr-logo-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.lr-overlay-title{font-size:18px;font-weight:700;color:#fff;margin:0}.lr-overlay-sub{font-size:13px;color:#ffffff73;margin:-8px 0 0}.lr-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(201,168,76,.2);border-top-color:#c9a84c;animation:lr-spin .85s linear infinite}@keyframes lr-spin{to{transform:rotate(360deg)}}.lr-error-icon{font-size:40px}.lr-error-msg{font-size:14px;color:#ffffffb3;margin:0;line-height:1.55}.lr-overlay-btn{padding:10px 28px;border-radius:99px;border:none;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:700;transition:background .16s,transform .12s}.lr-overlay-btn:hover{transform:translateY(-2px)}.lr-overlay-btn.primary{background:#c9a84c;color:#07070f}.lr-overlay-btn.primary:hover{background:#b8943d}.lr-overlay-btn.secondary{background:#ffffff14;color:#fff}.lr-overlay-btn.secondary:hover{background:#ffffff24}.lr-disconnected-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#07070fd9;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lr-ctx-menu{position:absolute;right:12px;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden;min-width:170px;animation:lr-ctx-in .16s ease}@keyframes lr-ctx-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lr-ctx-item{padding:9px 14px;font-size:12px;font-weight:600;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .12s,color .12s}.lr-ctx-item:hover{background:#ffffff12;color:#fff}@media (max-width: 860px){.lr-root{grid-template-columns:1fr;grid-template-rows:1fr auto;overflow:hidden}.lr-participants,.lr-chat{display:none}.lr-panel{border:none}.lr-root[data-tab=participants] .lr-participants{display:flex}.lr-root[data-tab=participants] .lr-stage{display:none}.lr-root[data-tab=chat] .lr-chat{display:flex}.lr-root[data-tab=chat] .lr-stage{display:none}.lr-mobile-tabs{display:flex;border-top:1px solid rgba(255,255,255,.08);background:#0d0d18;flex-shrink:0;z-index:10}}@media (min-width: 861px){.lr-mobile-tabs{display:none}}.lr-tab-btn{flex:1;padding:10px 4px;border:none;background:none;color:#fff6;font-size:11px;font-family:var(--font-sans);font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .16s;letter-spacing:.04em}.lr-tab-btn.active{color:#c9a84c}.lr-tab-btn .lr-tab-icon{font-size:18px;line-height:1}.tr-root{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.tr-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);padding:48px 24px 40px;overflow:hidden;text-align:center}.tr-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='0.6'%3E%3Cpath d='M30 5L55 30L30 55L5 30Z'/%3E%3Ccircle cx='30' cy='30' r='12'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;pointer-events:none}.tr-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c9a84c,#e8c96a,#c9a84c);z-index:2}.tr-hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto}.tr-hero-icon{font-size:52px;display:block;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.tr-hero-title{font-size:30px;font-weight:900;color:#fff;margin:0 0 8px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.tr-hero-subtitle{font-size:14px;color:#ffffff80;margin:0;font-style:italic;line-height:1.6}.tr-content{max-width:900px;margin:0 auto;padding:28px 20px 0}.tr-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0 0 20px;padding-bottom:8px;border-bottom:2.5px solid #c9a84c;display:inline-block}.tr-score-card{background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:22px;border:1px solid rgba(201,168,76,.2);box-shadow:0 8px 32px #0003;padding:32px;margin-bottom:28px;position:relative;overflow:hidden}.tr-score-card:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 65%);pointer-events:none}.tr-score-top{display:flex;align-items:center;gap:28px;margin-bottom:24px;position:relative;z-index:1}.tr-gauge{position:relative;width:120px;height:120px;flex-shrink:0}.tr-gauge svg{transform:rotate(-90deg)}.tr-gauge-bg{fill:none;stroke:#ffffff14;stroke-width:8}.tr-gauge-fill{fill:none;stroke:#c9a84c;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.tr-gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tr-gauge-num{font-size:32px;font-weight:900;color:#c9a84c;line-height:1}.tr-gauge-label{font-size:10px;color:#ffffff73;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.tr-score-info{flex:1}.tr-score-info h2{font-size:20px;font-weight:900;color:#fff;margin:0 0 6px}.tr-score-info p{font-size:13px;color:#ffffff80;margin:0 0 14px;line-height:1.6}.tr-level-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);font-size:13px;font-weight:700;color:#c9a84c}.tr-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:1}.tr-bar-item{display:flex;flex-direction:column;gap:6px}.tr-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#fff9;font-weight:600}.tr-bar-track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.tr-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#c9a84c,#e8bf5a);transition:width .8s ease}.tr-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.tr-badge-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 3px 14px #0000000f;padding:20px 14px;text-align:center;transition:transform .2s,box-shadow .2s;cursor:default}.tr-badge-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #c9a84c26}.tr-badge-card.locked{opacity:.5;filter:grayscale(.6)}.tr-badge-card.earned{border-color:#c9a84c4d;background:linear-gradient(135deg,#fffdf5,#faf6ea)}.tr-badge-emoji{font-size:32px;display:block;margin-bottom:8px}.tr-badge-name{font-size:12px;font-weight:800;color:#1a1a2e;margin:0 0 4px}.tr-badge-desc{font-size:10px;color:#999;line-height:1.4;margin:0}.tr-badge-status{font-size:10px;font-weight:700;margin-top:6px;display:inline-block;padding:2px 8px;border-radius:4px}.tr-badge-card.earned .tr-badge-status{background:#c9a84c26;color:#c9a84c}.tr-badge-card.locked .tr-badge-status{background:#0000000d;color:#bbb}.tr-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.tr-rule-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 3px 14px #0000000f;padding:20px;display:flex;gap:14px;transition:transform .2s,box-shadow .2s}.tr-rule-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a84c1f}.tr-rule-icon{font-size:28px;flex-shrink:0}.tr-rule-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 4px}.tr-rule-text{font-size:12px;color:#888;line-height:1.6;margin:0}.tr-sanctions-timeline{display:flex;flex-direction:column;gap:0;margin-bottom:28px}.tr-sanction-step{display:flex;gap:16px;padding:16px 0;position:relative}.tr-sanction-step:not(:last-child):after{content:"";position:absolute;left:19px;top:48px;bottom:-16px;width:2px;background:#c9a84c26}.tr-sanction-dot{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}.tr-sanction-dot.warn{background:#fef3cd;color:#856404}.tr-sanction-dot.mute{background:#ffe0cc;color:#d35400}.tr-sanction-dot.suspend{background:#f8d7da;color:#c0392b}.tr-sanction-dot.ban{background:#f5c6cb;color:#721c24}.tr-sanction-content h4{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 3px}.tr-sanction-content p{font-size:12px;color:#888;line-height:1.5;margin:0}.tr-report-card{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px #0000000f;padding:28px;margin-bottom:28px}.tr-report-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.tr-report-type{padding:14px;border-radius:12px;border:1.5px solid rgba(0,0,0,.08);text-align:center;cursor:pointer;transition:all .2s}.tr-report-type:hover{border-color:#c9a84c66;background:#faf8f4}.tr-report-type.selected{border-color:#c9a84c;background:linear-gradient(135deg,#fffdf5,#faf6ea)}.tr-report-type-icon{font-size:24px;display:block;margin-bottom:6px}.tr-report-type-name{font-size:12px;font-weight:700;color:#1a1a2e}.tr-report-textarea{width:100%;min-height:100px;border:1.5px solid rgba(0,0,0,.1);border-radius:14px;padding:14px;font-size:14px;color:#1a1a2e;resize:vertical;font-family:inherit;outline:none;transition:border-color .2s;margin:12px 0}.tr-report-textarea:focus{border-color:#c9a84c}.tr-report-textarea::-moz-placeholder{color:#ccc}.tr-report-textarea::placeholder{color:#ccc}.tr-report-submit{padding:14px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:0 4px 14px #c9a84c4d}.tr-report-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c66}.tr-faq-list{margin-bottom:28px}.tr-faq-item{background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000a;margin-bottom:10px;overflow:hidden}.tr-faq-question{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s;font-size:14px;font-weight:700;color:#1a1a2e}.tr-faq-question:hover{background:#faf8f4}.tr-faq-arrow{font-size:14px;color:#c9a84c;transition:transform .2s}.tr-faq-arrow.open{transform:rotate(180deg)}.tr-faq-answer{padding:0 20px 16px;font-size:13px;color:#666;line-height:1.7}.tr-security-footer{background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:18px;border:1px solid rgba(201,168,76,.15);padding:24px;text-align:center}.tr-security-footer p{font-size:13px;color:#ffffff80;line-height:1.7;margin:0}.tr-security-footer strong{color:#c9a84c}@keyframes tr-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.tr-hero{padding:32px 16px 28px}.tr-hero-title{font-size:24px}.tr-content{padding:20px 14px 0}.tr-score-top{flex-direction:column;text-align:center;gap:16px}.tr-breakdown{grid-template-columns:1fr}.tr-badges-grid{grid-template-columns:repeat(2,1fr)}.tr-rules-grid,.tr-report-types{grid-template-columns:1fr}}.pj-root{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.pj-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);padding:48px 24px 40px;overflow:hidden;text-align:center}.pj-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='0.7'%3E%3Crect x='10' y='10' width='60' height='60' rx='8'/%3E%3Cline x1='40' y1='10' x2='40' y2='70'/%3E%3Cline x1='10' y1='40' x2='70' y2='40'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.pj-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c9a84c,#e8c96a,#c9a84c);z-index:2}.pj-hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto}.pj-hero-icon{font-size:52px;display:block;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.pj-hero-title{font-size:30px;font-weight:900;color:#fff;margin:0 0 8px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.pj-hero-subtitle{font-size:14px;color:#ffffff80;margin:0 0 20px;font-style:italic;line-height:1.6}.pj-hero-stats{display:flex;justify-content:center;gap:32px}.pj-hero-stat{text-align:center}.pj-hero-stat-num{font-size:28px;font-weight:900;color:#c9a84c;display:block}.pj-hero-stat-label{font-size:11px;color:#ffffff73;font-weight:600;letter-spacing:1px;text-transform:uppercase}.pj-content{max-width:900px;margin:0 auto;padding:28px 20px 0}.pj-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0 0 20px;padding-bottom:8px;border-bottom:2.5px solid #c9a84c;display:inline-block}.pj-cat-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}.pj-cat-tabs::-webkit-scrollbar{display:none}.pj-cat-tab{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;border:1.5px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#666;transition:all .2s;font-family:inherit;box-shadow:0 1px 4px #0000000a}.pj-cat-tab:hover{border-color:#c9a84c4d;color:#1a1a2e}.pj-cat-tab.active{background:linear-gradient(135deg,#1a1a2e,#162040);border-color:#c9a84c80;color:#fff;box-shadow:0 4px 16px #c9a84c33}.pj-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:28px}.pj-card{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px #0000000f;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.pj-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c9a84c26}.pj-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#faf8f4,#f5f3ef);border-bottom:1px solid rgba(0,0,0,.04)}.pj-card-icon{font-size:38px;flex-shrink:0}.pj-card-header-text{flex:1;min-width:0}.pj-card-title{font-size:17px;font-weight:800;color:#1a1a2e;margin:0 0 4px}.pj-card-org{font-size:12px;color:#999;margin:0}.pj-card-tags{display:flex;gap:6px;flex-wrap:wrap}.pj-card-tag{padding:3px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px}.pj-card-tag.verified{background:#27ae601f;color:#27ae60}.pj-card-tag.progress{background:#c9a84c1f;color:#c9a84c}.pj-card-tag.new{background:#3498db1f;color:#3498db}.pj-card-tag.urgent{background:#e74c3c1f;color:#e74c3c}.pj-card-body{padding:18px 24px}.pj-card-desc{font-size:13px;color:#666;line-height:1.7;margin:0 0 16px}.pj-progress{margin-bottom:14px}.pj-progress-header{display:flex;justify-content:space-between;margin-bottom:6px}.pj-progress-label{font-size:12px;color:#999;font-weight:600}.pj-progress-pct{font-size:12px;color:#c9a84c;font-weight:800}.pj-progress-track{height:8px;border-radius:4px;background:#f0ede8;overflow:hidden}.pj-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#c9a84c,#e8bf5a);transition:width .8s ease}.pj-card-stats{display:flex;gap:16px;flex-wrap:wrap}.pj-card-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.pj-card-stat strong{color:#1a1a2e;font-weight:800}.pj-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid rgba(0,0,0,.04);background:#faf8f4}.pj-card-author{display:flex;align-items:center;gap:8px;font-size:12px;color:#888}.pj-card-author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#e8bf5a);display:flex;align-items:center;justify-content:center;font-size:14px;color:#1a1a2e;font-weight:800}.pj-card-btn{padding:8px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:0 2px 8px #c9a84c40}.pj-card-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c9a84c59}.pj-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.pj-how-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 3px 14px #0000000f;padding:22px 16px;text-align:center;transition:transform .2s}.pj-how-card:hover{transform:translateY(-3px)}.pj-how-num{width:32px;height:32px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center}.pj-how-icon{font-size:28px;display:block;margin-bottom:10px}.pj-how-title{font-size:13px;font-weight:800;color:#1a1a2e;margin:0 0 6px}.pj-how-text{font-size:11px;color:#888;line-height:1.5;margin:0}.pj-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.pj-value-card{background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d;padding:18px;display:flex;gap:14px}.pj-value-icon{font-size:28px;flex-shrink:0}.pj-value-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 4px}.pj-value-text{font-size:12px;color:#888;line-height:1.5;margin:0}.pj-cta{background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:20px;border:1px solid rgba(201,168,76,.2);padding:32px;text-align:center;margin-bottom:28px}.pj-cta h3{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px}.pj-cta p{font-size:14px;color:#ffffff80;margin:0 0 20px;line-height:1.6}.pj-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 20px #c9a84c59;transition:all .2s}.pj-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a84c73}.pj-antiFraud{background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:18px;border:1px solid rgba(201,168,76,.15);padding:24px;text-align:center}.pj-antiFraud p{font-size:13px;color:#ffffff80;line-height:1.7;margin:0}.pj-antiFraud strong{color:#c9a84c}@media (max-width: 700px){.pj-hero{padding:32px 16px 28px}.pj-hero-title{font-size:24px}.pj-hero-stats{gap:20px}.pj-hero-stat-num{font-size:22px}.pj-content{padding:20px 14px 0}.pj-how-grid{grid-template-columns:repeat(2,1fr)}.pj-values-grid{grid-template-columns:1fr}.pj-card-header{flex-direction:column;text-align:center}}.services-root{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:2rem}.services-header{max-width:1200px;margin:0 auto 3rem;text-align:center}.services-header h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#c9a84c,#e8d4a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.5px}.services-header p{font-size:1.1rem;color:#fff9}.services-warning{max-width:1200px;margin:0 auto 2rem;padding:1rem 1.5rem;background:#d9770614;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(217,119,6,.2);border-radius:12px;display:flex;align-items:flex-start;gap:1rem}.services-warning-icon{flex-shrink:0;width:24px;height:24px;color:#d97706;margin-top:2px}.services-warning-content h3{margin:0;color:#fbbf24;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.services-warning-content p{margin:0;color:#ffffff80;font-size:.9rem;line-height:1.4}.services-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.services-card{padding:1.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.services-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(201,168,76,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.services-card:hover{background:#ffffff0f;border-color:#c9a84c4d;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.services-card:hover:before{opacity:1}.services-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#c9a84c33,#c9a84c0d);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;flex-shrink:0}.services-card-title{font-size:1.1rem;font-weight:600;color:#fffffff2;margin:0 0 .5rem}.services-card-desc{font-size:.9rem;color:#ffffff80;line-height:1.5;margin:0 0 1rem;flex-grow:1}.services-card-meta{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}.services-card-meta-item{display:flex;align-items:center;gap:.5rem;color:#fff6}.services-card-badge{display:inline-block;padding:.35rem .75rem;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:#c9a84c;text-transform:uppercase;letter-spacing:.5px;margin-top:1rem;width:-moz-fit-content;width:fit-content}.services-empty{max-width:1200px;margin:4rem auto;padding:3rem;text-align:center}.services-empty-icon{width:80px;height:80px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:#c9a84c99}.services-empty-title{font-size:1.5rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.services-empty-desc{font-size:1rem;color:#fff6}.services-loading{max-width:1200px;margin:2rem auto;padding:2rem;text-align:center}.services-loading-spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-top:2px solid #c9a84c;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.services-loading-text{color:#ffffff80;font-size:.95rem}.services-error{max-width:1200px;margin:2rem auto;padding:2rem;background:#ef44441a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:12px;text-align:center;color:#fff9}.services-access-denied{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:2rem}.services-access-denied-card{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:3rem;text-align:center;max-width:400px}.services-access-denied-icon{font-size:3rem;margin-bottom:1rem;color:#ef4444}.services-access-denied-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem}.services-access-denied-desc{color:#ffffff80;font-size:.95rem;line-height:1.5}.services-login-button{margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#c9a84c,#d4b460);color:#0f0f1a;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.services-login-button:hover{transform:scale(1.05);box-shadow:0 4px 16px #c9a84c4d}.services-filters{max-width:1200px;margin:0 auto 2rem;display:flex;flex-wrap:wrap;gap:8px}.services-filter-btn{padding:8px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.services-filter-btn:hover{border-color:#c9a84c4d;color:#fffc}.services-filter-btn.active{background:#c9a84c26;border-color:#c9a84c66;color:#c9a84c}.badge-counseling{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.badge-education{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.badge-community{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.badge-spiritual{background:#c9a84c26;border-color:#c9a84c4d;color:#c9a84c}.badge-support{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.badge-other{background:#ffffff14;border-color:#ffffff26;color:#fff9}@media (max-width: 768px){.services-root{padding:1rem}.services-header h1{font-size:2rem}.services-grid{grid-template-columns:1fr}.services-warning{gap:.75rem}.services-access-denied-card{padding:2rem}}.sp-page{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.sp-success-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;font-size:14px;font-weight:500;max-width:1120px;margin:20px auto 24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sp-success-banner button{background:none;border:none;color:#22c55e99;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.sp-success-banner button:hover{color:#22c55ee6}.sp-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);padding:48px 24px 40px;overflow:hidden}.sp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.8'%3E%3Cpolygon points='40,6 72,24 72,56 40,74 8,56 8,24'/%3E%3Cpolygon points='40,18 62,30 62,50 40,62 18,50 18,30'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.sp-hero:after{content:"";position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(201,168,76,.09) 0%,transparent 65%);pointer-events:none}.sp-hero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.sp-hero-eyebrow{font-size:11px;font-weight:700;color:#c9a84cbf;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.sp-hero-title{font-size:36px;font-weight:900;color:#fff;margin:0 0 12px;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.4)}.sp-hero-subtitle{font-size:16px;color:#ffffff8c;margin:0 0 28px;font-style:italic}.sp-stripe-notice{display:inline-flex;align-items:center;gap:10px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);border-radius:99px;padding:9px 20px;font-size:13px;color:#c9a84c;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-content{max-width:1120px;margin:0 auto;padding:36px 20px 0}.sp-section-header{margin-bottom:24px}.sp-section-title{font-size:20px;font-weight:900;color:#1a1a2e;margin:0 0 6px;padding-bottom:8px;border-bottom:2.5px solid #c9a84c;display:inline-block}.sp-section-sub{font-size:14px;color:#888;margin:8px 0 0;line-height:1.6}.sp-floating-cart{position:fixed;bottom:80px;right:20px;z-index:90}.sp-cart-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:50px;border:none;background:linear-gradient(135deg,#1a1a2e,#162040);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #0000004d;transition:transform .2s,box-shadow .2s;font-family:inherit}.sp-cart-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #c9a84c40}.sp-cart-icon{font-size:18px}.sp-cart-badge{background:#c9a84c;color:#1a1a2e;font-size:11px;font-weight:900;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sp-cart-label{font-size:13px}.sp-donation-card{background:linear-gradient(135deg,#0f1b35,#1a1a2e 60%,#162040);border-radius:22px;border:1px solid rgba(201,168,76,.2);box-shadow:0 8px 32px #0003;overflow:hidden;margin-bottom:48px;position:relative}.sp-donation-card:before{content:"";position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 65%);pointer-events:none}.sp-donation-body{padding:36px 32px 32px;position:relative;z-index:1}.sp-donation-title{font-size:24px;font-weight:900;color:#fff;margin:0 0 10px}.sp-donation-sub{font-size:14.5px;color:#ffffff8c;margin:0 0 18px;line-height:1.6}.sp-hadith{display:flex;align-items:flex-start;gap:12px;background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:14px;padding:14px 18px;margin-bottom:26px}.sp-hadith-quote{font-size:14px;color:#ffffffbf;font-style:italic;line-height:1.6;margin:0}.sp-hadith-source{font-size:12px;color:#c9a84cb3;margin:4px 0 0}.sp-amount-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.sp-amount-pill{padding:10px 22px;border-radius:99px;border:1.5px solid rgba(201,168,76,.4);background:transparent;color:#ffffffbf;font-size:15px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit}.sp-amount-pill:hover{border-color:#c9a84c;color:#c9a84c;background:#c9a84c14}.sp-amount-pill.selected{background:#c9a84c;border-color:#c9a84c;color:#1a1a2e;box-shadow:0 4px 14px #c9a84c66}.sp-custom-amount-wrap{display:flex;align-items:center;max-width:200px}.sp-custom-prefix{padding:11px 14px;background:#ffffff12;border:1.5px solid rgba(201,168,76,.25);border-right:none;border-radius:12px 0 0 12px;font-size:15px;font-weight:700;color:#c9a84c}.sp-custom-input{flex:1;padding:11px 14px;border:1.5px solid rgba(201,168,76,.25);border-radius:0 12px 12px 0;background:#ffffff12;font-size:15px;font-weight:600;color:#fff;font-family:inherit;outline:none;width:80px;transition:border-color .2s}.sp-custom-input:focus{border-color:#c9a84c}.sp-custom-input::-moz-placeholder{color:#ffffff4d}.sp-custom-input::placeholder{color:#ffffff4d}.sp-donate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:13px;font-size:16px;font-weight:800;cursor:not-allowed;font-family:inherit;opacity:.65;letter-spacing:.2px}.sp-donate-soon{font-size:12px;color:#ffffff59;margin-top:10px}.sp-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}.sp-plan-card{display:flex;flex-direction:column;background:#fff;border-radius:20px;border:1.5px solid rgba(0,0,0,.08);box-shadow:0 4px 18px #0000000f;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:sp-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.sp-plan-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #0000001a}.sp-plan-card.highlighted{background:linear-gradient(160deg,#0f1b35,#1a1a2e);border-color:#c9a84c80;box-shadow:0 8px 32px #c9a84c33,0 4px 14px #0003}.sp-plan-card.highlighted:hover{box-shadow:0 18px 48px #c9a84c4d,0 6px 20px #00000040}.sp-popular-badge{background:linear-gradient(90deg,#c9a84c,#f0c96a);color:#1a1a2e;font-size:10px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;text-align:center;padding:6px}.sp-plan-body{flex:1;display:flex;flex-direction:column;padding:26px 24px 22px}.sp-plan-icon{font-size:28px;margin-bottom:12px;display:block}.sp-plan-name{font-size:18px;font-weight:900;color:#1a1a2e;margin:0 0 4px}.sp-plan-card.highlighted .sp-plan-name{color:#fff}.sp-plan-price{font-size:32px;font-weight:900;color:#c9a84c;margin:0 0 18px;line-height:1;letter-spacing:-1px}.sp-plan-price-unit{font-size:14px;font-weight:600;color:#c9a84cb3;letter-spacing:0}.sp-plan-card:not(.highlighted) .sp-plan-price{color:#1a1a2e}.sp-plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:9px;flex:1}.sp-plan-feature{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#444;line-height:1.4}.sp-plan-card.highlighted .sp-plan-feature{color:#ffffffbf}.sp-plan-check{color:#27ae60;font-weight:700;font-size:14px;flex-shrink:0;margin-top:1px}.sp-plan-card.highlighted .sp-plan-check{color:#c9a84c}.sp-plan-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:default;font-family:inherit;width:100%;border:none}.sp-plan-btn.current{background:#f0ede8;color:#999}.sp-plan-btn.gold{background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;opacity:.75}.sp-plan-btn.outline{background:transparent;border:1.5px solid rgba(201,168,76,.4);color:#c9a84c;opacity:.75}.sp-toolbar{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.sp-search-wrap{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;border:1.5px solid rgba(0,0,0,.08);padding:10px 16px;box-shadow:0 2px 8px #0000000a;transition:border-color .2s}.sp-search-wrap:focus-within{border-color:#c9a84c}.sp-search-icon{font-size:16px;flex-shrink:0}.sp-search-input{flex:1;border:none;background:none;font-size:14px;color:#1a1a2e;outline:none;font-family:inherit}.sp-search-input::-moz-placeholder{color:#bbb}.sp-search-input::placeholder{color:#bbb}.sp-search-clear{background:none;border:none;color:#999;font-size:14px;cursor:pointer;padding:2px 4px}.sp-sort-select{padding:10px 16px;border-radius:14px;border:1.5px solid rgba(0,0,0,.08);background:#fff;font-size:13px;font-weight:600;color:#1a1a2e;cursor:pointer;font-family:inherit;outline:none;box-shadow:0 2px 8px #0000000a}.sp-cat-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}.sp-cat-tabs::-webkit-scrollbar{display:none}.sp-cat-tab{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;border:1.5px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#666;transition:all .2s;font-family:inherit;box-shadow:0 1px 4px #0000000a}.sp-cat-tab:hover{border-color:#c9a84c4d;color:#1a1a2e}.sp-cat-tab.active{background:linear-gradient(135deg,#1a1a2e,#162040);border-color:#c9a84c80;color:#fff;box-shadow:0 4px 16px #c9a84c33}.sp-cat-icon{font-size:15px}.sp-product-count{font-size:13px;color:#999;margin:0 0 16px;font-weight:500}.sp-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.sp-product-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #0000000f;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;cursor:pointer}.sp-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #c9a84c26,0 4px 12px #00000014}.sp-product-thumb{height:130px;background:linear-gradient(135deg,#0f1b35,#1a1a2e);display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;overflow:hidden}.sp-product-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(201,168,76,.07) 0%,transparent 65%)}.sp-product-tag{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;letter-spacing:.5px}.sp-product-body{flex:1;display:flex;flex-direction:column;padding:14px 16px 16px}.sp-product-name{font-size:15px;font-weight:800;color:#1a1a2e;margin:0 0 4px;line-height:1.3}.sp-stars{font-size:13px;color:#c9a84c;letter-spacing:-1px}.sp-stars-num{font-size:12px;color:#666;font-weight:600;margin-left:4px;letter-spacing:0}.sp-product-reviews{font-size:11px;color:#999;margin:2px 0 6px}.sp-product-desc{font-size:12px;color:#888;margin:0 0 12px;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.sp-product-price{font-size:18px;font-weight:900;color:#1a1a2e}.sp-add-cart-btn{padding:8px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.sp-add-cart-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #c9a84c59}.sp-no-results{text-align:center;padding:48px 24px;color:#999}.sp-no-results p{font-size:16px;font-weight:600;margin:12px 0}.sp-reset-btn{padding:10px 24px;border-radius:10px;border:1.5px solid #c9a84c;background:none;color:#c9a84c;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.sp-product-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:#c9a84c1a;border:1.5px solid rgba(201,168,76,.3);border-radius:99px;font-size:12px;font-weight:700;color:#c9a84c;align-self:flex-start}.sp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f1b35b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:sp-fade-in .2s ease}.sp-modal-card{background:#fff;border-radius:24px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000059;animation:sp-slide-up .3s cubic-bezier(.34,1.56,.64,1)}.sp-modal-close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;border:none;background:#ffffffe6;color:#1a1a2e;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.sp-modal-thumb{height:200px;background:linear-gradient(135deg,#0f1b35,#1a1a2e);display:flex;align-items:center;justify-content:center;position:relative}.sp-modal-emoji{font-size:80px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.3))}.sp-modal-body{padding:24px}.sp-modal-title{font-size:22px;font-weight:900;color:#1a1a2e;margin:0 0 8px}.sp-modal-rating{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sp-modal-reviews{font-size:12px;color:#999}.sp-modal-price{font-size:28px;font-weight:900;color:#c9a84c;margin:0 0 12px}.sp-modal-desc{font-size:14px;color:#666;line-height:1.7;margin:0 0 20px}.sp-modal-option{margin-bottom:16px}.sp-modal-option-label{font-size:12px;font-weight:700;color:#1a1a2e;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.sp-modal-option-pills{display:flex;flex-wrap:wrap;gap:6px}.sp-option-pill{padding:6px 14px;border-radius:8px;border:1.5px solid rgba(0,0,0,.1);background:#fff;font-size:12px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;font-family:inherit}.sp-option-pill:hover{border-color:#c9a84c;color:#c9a84c}.sp-option-pill.active{background:#1a1a2e;border-color:#1a1a2e;color:#c9a84c}.sp-modal-qty{margin-bottom:20px}.sp-qty-controls{display:flex;align-items:center;gap:0;width:-moz-fit-content;width:fit-content;border-radius:10px;overflow:hidden;border:1.5px solid rgba(0,0,0,.1)}.sp-qty-controls.small{border-radius:8px}.sp-qty-btn{width:36px;height:36px;border:none;background:#f5f3ef;font-size:18px;font-weight:700;color:#1a1a2e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.sp-qty-controls.small .sp-qty-btn{width:28px;height:28px;font-size:14px}.sp-qty-btn:hover{background:#ede9e0}.sp-qty-val{width:40px;height:36px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#1a1a2e;background:#fff}.sp-qty-controls.small .sp-qty-val{width:32px;height:28px;font-size:13px}.sp-modal-add-btn{width:100%;padding:16px;border-radius:14px;border:none;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:0 4px 16px #c9a84c4d}.sp-modal-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c66}.sp-cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f1b3599;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:sp-fade-in .15s ease}.sp-cart-drawer{width:380px;max-width:90vw;height:100%;background:#fff;box-shadow:-8px 0 40px #0003;display:flex;flex-direction:column;animation:sp-slide-right .25s ease}.sp-cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08)}.sp-cart-title{font-size:18px;font-weight:900;color:#1a1a2e;margin:0}.sp-cart-close{width:32px;height:32px;border-radius:50%;border:none;background:#f5f3ef;color:#1a1a2e;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sp-cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#999;text-align:center}.sp-cart-empty p{margin:8px 0 0;font-size:15px;font-weight:600}.sp-cart-items{flex:1;overflow-y:auto;padding:16px 24px}.sp-cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.06)}.sp-cart-item:last-child{border-bottom:none}.sp-cart-item-emoji{font-size:36px;flex-shrink:0}.sp-cart-item-info{flex:1;min-width:0}.sp-cart-item-info h4{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.sp-cart-item-variant{font-size:11px;color:#999;display:block;margin-bottom:2px}.sp-cart-item-price{font-size:15px;font-weight:800;color:#c9a84c}.sp-cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sp-cart-remove{background:none;border:none;color:#e74c3c;font-size:11px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.sp-cart-footer{padding:20px 24px;border-top:1px solid rgba(0,0,0,.08);background:#faf8f4}.sp-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sp-cart-total span{font-size:14px;color:#888}.sp-cart-total strong{font-size:22px;font-weight:900;color:#1a1a2e}.sp-checkout-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:15px;font-weight:800;cursor:not-allowed;font-family:inherit;opacity:.65}.sp-cart-stripe-note{font-size:11px;color:#999;text-align:center;margin:8px 0 0}.sp-footer-note{text-align:center;padding:28px 24px;background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:18px;border:1px solid rgba(201,168,76,.15)}.sp-footer-note p{font-size:14px;color:#ffffff8c;line-height:1.7;margin:0}.sp-footer-note strong{color:#c9a84c;font-weight:700}@keyframes sp-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sp-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 900px){.sp-plans-grid{grid-template-columns:1fr;gap:14px}.sp-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sp-hero{padding:32px 16px 28px}.sp-hero-title{font-size:26px}.sp-hero-subtitle{font-size:14px}.sp-content{padding:24px 14px 0}.sp-donation-body{padding:24px 18px 22px}.sp-products-grid{grid-template-columns:1fr 1fr;gap:10px}.sp-product-thumb{height:100px;font-size:40px}.sp-product-name{font-size:13px}.sp-product-price{font-size:15px}.sp-add-cart-btn{padding:6px 10px;font-size:11px}.sp-amount-pills{gap:8px}.sp-plan-price{font-size:26px}.sp-toolbar{flex-direction:column}.sp-cart-drawer{width:100%;max-width:100vw}.sp-floating-cart{bottom:74px;right:14px}}.pf-page{min-height:100vh;background:#f5f3ef;padding-bottom:80px}.pf-cover{height:180px;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);position:relative;overflow:hidden}.pf-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.09)' stroke-width='0.8'%3E%3Cpolygon points='35,5 63,21 63,49 35,65 7,49 7,21'/%3E%3Cpolygon points='35,15 55,26 55,44 35,55 15,44 15,26'/%3E%3Ccircle cx='35' cy='35' r='7'/%3E%3C/g%3E%3C/svg%3E");background-size:70px 70px}.pf-cover:after{content:"";position:absolute;bottom:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 65%)}.pf-avatar-section{display:flex;flex-direction:column;align-items:center;margin-top:-52px;position:relative;z-index:10;padding-bottom:8px}.pf-avatar-wrap{position:relative;width:104px;height:104px;cursor:pointer}.pf-avatar-img,.pf-avatar-initials{width:104px;height:104px;border-radius:50%;border:3.5px solid #c9a84c;box-shadow:0 4px 20px #00000040;-o-object-fit:cover;object-fit:cover}.pf-avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#e8c96a);font-size:38px;font-weight:900;color:#1a1a2e;letter-spacing:-1px}.pf-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000007a;display:flex;align-items:center;justify-content:center;font-size:22px;opacity:0;transition:opacity .2s}.pf-avatar-wrap:hover .pf-avatar-overlay{opacity:1}.pf-identity{text-align:center;padding:14px 20px 0}.pf-display-name{font-size:24px;font-weight:900;color:#1a1a2e;margin:0 0 8px;letter-spacing:-.3px}.pf-badges{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pf-role-badge{display:inline-flex;align-items:center;padding:3px 12px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;font-size:11.5px;font-weight:800;border-radius:99px;letter-spacing:.3px;white-space:nowrap}.pf-email{font-size:13px;color:#999;margin:0 0 6px}.pf-join-date{font-size:12px;color:#bbb;margin:0}.pf-stats{display:flex;gap:0;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 14px #0000000f;margin:20px 20px 0;overflow:hidden}.pf-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 8px;border-right:1px solid rgba(0,0,0,.06)}.pf-stat:last-child{border-right:none}.pf-stat-num{font-size:26px;font-weight:900;color:#c9a84c;letter-spacing:-1px;line-height:1;margin-bottom:5px;font-variant-numeric:tabular-nums}.pf-stat-label{font-size:11px;color:#aaa;text-align:center;line-height:1.3;font-weight:500}.pf-tabs-wrap{max-width:680px;margin:24px auto 0;padding:0 20px}.pf-tabs{display:flex;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d;padding:4px;gap:2px;overflow-x:auto;scrollbar-width:none}.pf-tabs::-webkit-scrollbar{display:none}.pf-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;background:none;border:none;border-radius:11px;cursor:pointer;font-size:11px;font-weight:600;color:#aaa;white-space:nowrap;transition:background .18s,color .18s;font-family:inherit}.pf-tab:hover{color:#666;background:#00000008}.pf-tab.active{background:linear-gradient(135deg,#1a1a2e,#2d3a5e);color:#c9a84c}.pf-tab-emoji{font-size:17px;line-height:1}.pf-content{max-width:680px;margin:20px auto 0;padding:0 20px}.pf-tab-panel{animation:pf-tab-in .25s cubic-bezier(.4,0,.2,1) both}@keyframes pf-tab-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pf-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px #0000000d;padding:22px;margin-bottom:16px}.pf-card-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #c9a84c;display:inline-block}.pf-upload-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border:2px dashed rgba(201,168,76,.3);border-radius:14px;cursor:pointer;margin-bottom:20px;transition:border-color .2s,background .2s;background:#c9a84c08}.pf-upload-area:hover{border-color:#c9a84c;background:#c9a84c0f}.pf-upload-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2.5px solid #c9a84c}.pf-upload-initials{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#e8c96a);font-size:28px;font-weight:900;color:#1a1a2e;border:2.5px solid #c9a84c}.pf-upload-hint{font-size:12px;color:#aaa;text-align:center}.pf-field{margin-bottom:16px}.pf-label{display:block;font-size:12px;font-weight:700;color:#555;margin-bottom:7px;letter-spacing:.3px;text-transform:uppercase}.pf-input{width:100%;padding:12px 14px;border:1.5px solid rgba(0,0,0,.1);border-radius:12px;font-size:14px;color:#1a1a2e;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.pf-input:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c26}.pf-textarea{min-height:100px;resize:vertical;line-height:1.6}.pf-char-count{font-size:11px;color:#bbb;text-align:right;margin-top:4px}.pf-char-count.warn{color:#e67e22}.pf-char-count.over{color:#e74c3c}.pf-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.pf-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c9a84c59}.pf-save-btn:disabled{opacity:.65;cursor:not-allowed}.pf-save-btn.success{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.pf-msg{font-size:13px;text-align:center;margin-bottom:10px;padding:8px 14px;border-radius:8px}.pf-msg.error{background:#e74c3c14;color:#c0392b}.pf-msg.success{background:#27ae601a;color:#1e8449}.pf-arabic-progress{background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:14px;padding:20px;margin-bottom:16px;border:1px solid rgba(201,168,76,.15)}.pf-arabic-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pf-arabic-title{font-size:15px;font-weight:700;color:#c9a84c}.pf-arabic-pct{font-size:24px;font-weight:900;color:#c9a84c}.pf-progress-bar{height:8px;background:#ffffff1a;border-radius:99px;overflow:hidden;margin-bottom:8px}.pf-progress-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#f0c96a);border-radius:99px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #c9a84c66}.pf-progress-meta{font-size:11px;color:#fff6}.pf-resource{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.06);margin-bottom:8px;cursor:pointer;transition:background .15s}.pf-resource:hover{background:#ffffff12}.pf-resource.done{opacity:.6}.pf-resource-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:#c9a84c1f}.pf-resource-body{flex:1;min-width:0}.pf-resource-title{font-size:13px;font-weight:700;color:#ffffffe6}.pf-resource-meta{font-size:11px;color:#fff6;margin-top:2px}.pf-resource-cta{padding:5px 12px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit}.pf-next-level{background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:8px}.pf-next-level-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pf-next-level-title{font-size:13px;font-weight:700;color:#fff6}.pf-blur-row{height:36px;border-radius:8px;background:#ffffff14;filter:blur(3px);margin-bottom:6px}.pf-circle-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.pf-circle-row:last-child{border-bottom:none}.pf-circle-avatar{width:36px;height:36px;border-radius:10px;background:#c9a84c26;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pf-circle-name{font-size:13px;font-weight:700;color:#ffffffd9}.pf-circle-count{font-size:11px;color:#ffffff59}.pf-join-btn{margin-left:auto;padding:6px 14px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}.pf-join-btn.idle{background:#1a1a2e;color:#c9a84c;border:1px solid rgba(201,168,76,.3)}.pf-join-btn.joined{background:#27ae6026;color:#27ae60;border:1px solid rgba(39,174,96,.3);cursor:default}.pf-comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-comm-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;background:#fff;border:1.5px solid rgba(0,0,0,.07);border-radius:14px;text-align:center;cursor:default;transition:box-shadow .18s}.pf-comm-card.active-member{border-color:#c9a84c4d;background:#c9a84c0a}.pf-comm-emoji{font-size:32px}.pf-comm-name{font-size:13px;font-weight:700;color:#1a1a2e}.pf-comm-leave{font-size:11px;padding:4px 12px;border:1px solid rgba(231,76,60,.3);border-radius:7px;background:transparent;color:#c0392b;cursor:pointer;font-family:inherit;font-weight:600;transition:background .15s}.pf-comm-leave:hover{background:#e74c3c14}.pf-comm-join-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 14px;background:#c9a84c0a;border:1.5px dashed rgba(201,168,76,.35);border-radius:14px;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s;color:inherit}.pf-comm-join-card:hover{background:#c9a84c17;border-color:#c9a84c}.pf-comm-join-icon{font-size:26px}.pf-comm-join-label{font-size:12px;font-weight:700;color:#c9a84c}.pf-setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06)}.pf-setting-row:last-child{border-bottom:none}.pf-setting-label{font-size:13.5px;font-weight:600;color:#1a1a2e}.pf-setting-sub{font-size:11.5px;color:#aaa;margin-top:2px}.pf-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.pf-toggle input{opacity:0;width:0;height:0}.pf-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;border-radius:12px;cursor:pointer;transition:background .2s}.pf-toggle input:checked+.pf-toggle-track{background:#c9a84c}.pf-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.pf-toggle input:checked+.pf-toggle-track:after{transform:translate(20px)}.pf-lang-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pf-lang-chip{padding:6px 14px;border-radius:99px;border:1.5px solid rgba(0,0,0,.1);background:#fff;font-size:13px;font-weight:600;color:#888;cursor:pointer;transition:all .15s}.pf-lang-chip.selected{border-color:#c9a84c;background:#c9a84c1a;color:#1a1a2e}.pf-link-btn{font-size:13.5px;font-weight:700;color:#1a1a2e;background:#f0ede8;border:none;border-radius:9px;padding:8px 16px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s;font-family:inherit}.pf-link-btn:hover{background:#e8e4dc}.pf-danger-zone{background:#e74c3c0d;border:1.5px solid rgba(231,76,60,.2);border-radius:14px;padding:18px 20px;margin-top:8px}.pf-danger-title{font-size:13px;font-weight:800;color:#c0392b;margin:0 0 8px}.pf-danger-desc{font-size:12.5px;color:#888;margin:0 0 14px;line-height:1.5}.pf-danger-btn{padding:10px 20px;background:transparent;border:1.5px solid #e74c3c;border-radius:10px;color:#c0392b;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.pf-danger-btn:hover{background:#e74c3c;color:#fff}.pf-delete-confirm{background:#e74c3c0f;border-radius:10px;padding:14px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.pf-sk{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:pf-shimmer 1.5s infinite;border-radius:8px}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes success-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@media (max-width: 600px){.pf-cover{height:140px}.pf-stats{margin:16px 12px 0}.pf-stat-num{font-size:22px}.pf-stat-label{font-size:10px}.pf-tabs-wrap,.pf-content{padding:0 12px}.pf-comm-grid{grid-template-columns:1fr}.pf-display-name{font-size:20px}}.settings-root{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e0e0e0}.settings-header{margin-bottom:2rem;padding:0 .5rem}.settings-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#c9a84c,#d4b566);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.5px}.settings-grid{display:grid;grid-template-columns:250px 1fr;gap:2rem;max-width:1200px;margin:0 auto}.settings-nav{position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;background:#1a1a2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(201,168,76,.1);border-radius:12px;padding:1.5rem 0;overflow-y:auto;max-height:calc(100vh - 6rem)}.settings-nav::-webkit-scrollbar{width:6px}.settings-nav::-webkit-scrollbar-track{background:transparent}.settings-nav::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:3px}.settings-nav::-webkit-scrollbar-thumb:hover{background:#c9a84c80}.settings-nav-item{padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;color:#b0b0b0;font-size:.95rem;font-weight:500}.settings-nav-item:hover{background:#c9a84c0d;color:#c9a84c}.settings-nav-item.active{border-left-color:#c9a84c;background:#c9a84c14;color:#c9a84c}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#1a1a2e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(201,168,76,.1);border-radius:12px;padding:2rem;transition:all .3s ease;scroll-margin-top:2rem}.settings-section:hover{border-color:#c9a84c33;background:#1a1a2e99}.settings-section-title{font-size:1.25rem;font-weight:600;color:#e0e0e0;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(201,168,76,.2);display:flex;align-items:center;gap:.75rem}.settings-form-group{margin-bottom:1.5rem}.settings-form-group:last-child{margin-bottom:0}.settings-label{display:block;margin-bottom:.5rem;font-weight:500;color:#e0e0e0;font-size:.95rem}.settings-label-sublabel{display:block;font-size:.8rem;color:#8a8a9e;margin-top:.25rem}.settings-input{width:100%;padding:.75rem 1rem;background:#0f0f1ab3;border:1px solid rgba(201,168,76,.2);border-radius:8px;color:#e0e0e0;font-size:.95rem;transition:all .2s ease;font-family:inherit}.settings-input::-moz-placeholder{color:#6a6a7a}.settings-input::placeholder{color:#6a6a7a}.settings-input:focus{outline:none;border-color:#c9a84c;background:#0f0f1ae6;box-shadow:0 0 0 3px #c9a84c1a}.settings-input:disabled{background:#0f0f1a66;color:#6a6a7a;cursor:not-allowed}.settings-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#0f0f1ab3;border:1px solid rgba(201,168,76,.2);border-radius:8px;color:#e0e0e0;font-size:.95rem;transition:all .2s ease;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a84c' d='M1 4l5 4 5-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.settings-select:focus{outline:none;border-color:#c9a84c;background-color:#0f0f1ae6;box-shadow:0 0 0 3px #c9a84c1a}.settings-select option{background:#1a1a2e;color:#e0e0e0}.settings-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.settings-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.settings-checkbox{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(201,168,76,.3);border-radius:4px;background:#0f0f1ab3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-checkbox:hover{border-color:#c9a84c99;background:#0f0f1ae6}.settings-checkbox:checked{background:linear-gradient(135deg,#c9a84c,#d4b566);border-color:#c9a84c}.settings-checkbox:checked:after{content:"✓";color:#0f0f1a;font-size:.75rem;font-weight:700}.settings-checkbox:disabled{cursor:not-allowed;opacity:.5}.settings-checkbox-label{color:#e0e0e0;cursor:pointer;font-size:.95rem}.settings-toggle-wrapper{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.settings-toggle{position:relative;width:44px;height:24px;background:#c9a84c33;border:1px solid rgba(201,168,76,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.settings-toggle:before{content:"";position:absolute;width:18px;height:18px;background:#e0e0e0;border-radius:50%;top:2px;left:2px;transition:all .3s ease}.settings-toggle.active{background:#c9a84c;border-color:#d4b566}.settings-toggle.active:before{left:22px}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-toggle-label{color:#e0e0e0;cursor:pointer;font-size:.95rem;flex:1}.settings-button-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.settings-btn,.settings-btn-secondary,.settings-btn-danger{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;text-transform:none}.settings-btn{background:linear-gradient(135deg,#c9a84c,#d4b566);color:#0f0f1a;box-shadow:0 4px 15px #c9a84c33}.settings-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c9a84c4d}.settings-btn:active:not(:disabled){transform:translateY(0)}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.settings-btn-secondary{background:transparent;border:1px solid rgba(201,168,76,.4);color:#c9a84c}.settings-btn-secondary:hover:not(:disabled){background:#c9a84c1a;border-color:#c9a84c}.settings-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.settings-btn-danger{background:#dc262626;border:1px solid rgba(220,38,38,.4);color:#ff6b6b}.settings-btn-danger:hover:not(:disabled){background:#dc262640;border-color:#ff6b6b}.settings-btn-danger:disabled{opacity:.6;cursor:not-allowed}.settings-hint{font-size:.85rem;color:#8a8a9e;margin-top:.5rem;line-height:1.4}.settings-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:1rem;color:#86efac;font-size:.9rem;margin-top:1rem;display:flex;align-items:center;gap:.75rem}.settings-success:before{content:"✓";font-weight:700;font-size:1.1rem}.settings-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem;color:#ff6b6b;font-size:.9rem;margin-top:1rem;display:flex;align-items:center;gap:.75rem}.settings-error:before{content:"⚠";font-weight:700;font-size:1.1rem}.settings-community-chips{display:flex;flex-wrap:wrap;gap:.75rem}.settings-community-chip{padding:.5rem 1rem;background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:20px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.settings-community-chip:hover{border-color:#c9a84c99;background:#c9a84c33}.settings-community-chip.active{background:linear-gradient(135deg,#c9a84c,#d4b566);border-color:#c9a84c;color:#0f0f1a}.settings-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);margin:1.5rem 0}.settings-delete-zone{background:#dc26260d;border:2px solid rgba(220,38,38,.3);border-radius:12px;padding:2rem;margin-top:2rem}.settings-delete-zone-title{font-size:1.1rem;font-weight:600;color:#ff6b6b;margin-bottom:.75rem}.settings-delete-zone-description{color:#d0d0d0;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.settings-delete-warning{background:#dc26261a;border-left:3px solid #ff6b6b;padding:1rem;margin-bottom:1.5rem;border-radius:4px;color:#f99;font-size:.9rem}.settings-qr-section{text-align:center;padding:1.5rem;background:#0f0f1a80;border-radius:8px;margin:1rem 0}.settings-qr-section img{max-width:200px;border-radius:8px}.settings-secret-code{background:#0f0f1ab3;border:1px solid rgba(201,168,76,.2);padding:1rem;border-radius:8px;margin:1rem 0;font-family:Courier New,monospace;color:#c9a84c;word-break:break-all;font-size:.85rem}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr;gap:1.5rem}.settings-nav{position:relative;top:0;max-height:none;display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:1rem 0;border-radius:8px;margin-bottom:1rem}.settings-nav-item{padding:.5rem 1rem;white-space:nowrap;border-left:none;border-bottom:3px solid transparent;flex-shrink:0}.settings-nav-item.active{border-left:none;border-bottom-color:#c9a84c}.settings-header h1{font-size:2rem}.settings-root{padding:1rem}.settings-section{padding:1.5rem}.settings-button-group{flex-direction:column}.settings-btn,.settings-btn-secondary,.settings-btn-danger{width:100%}.settings-delete-zone{padding:1.5rem}}@media (max-width: 480px){.settings-header h1{font-size:1.75rem}.settings-section{padding:1rem}.settings-form-group{margin-bottom:1rem}.settings-input,.settings-select{font-size:16px}.settings-label{font-size:.9rem}}.mod-root{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:2rem}.mod-header{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;gap:1.5rem}.mod-header-icon{width:56px;height:56px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.mod-header-content h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#c9a84c,#e8d4a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;letter-spacing:-.5px}.mod-header-content p{font-size:.95rem;color:#ffffff80;margin:0}.mod-stats{max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.mod-stat-card{padding:1.25rem;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:center}.mod-stat-label{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.mod-stat-value{font-size:2rem;font-weight:700;color:#c9a84c;margin:0}.mod-filters{max-width:1200px;margin:0 auto 2rem;display:flex;gap:.75rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.mod-filter{padding:.75rem 1.25rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.mod-filter:hover{border-color:#ffffff4d;color:#fffc}.mod-filter.active{background:#c9a84c26;border-color:#c9a84c4d;color:#c9a84c}.mod-list{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.mod-report{padding:1.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-left:4px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease}.mod-report:hover{background:#ffffff0d;border-color:#ffffff1a}.mod-report.pending{border-left-color:#d97706}.mod-report.reviewed{border-left-color:#6366f1}.mod-report.resolved{border-left-color:#10b981}.mod-report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.mod-report-top{display:flex;align-items:center;gap:.75rem}.mod-report-badge{padding:.35rem .75rem;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);border-radius:6px;font-size:.75rem;font-weight:600;color:#c9a84c;text-transform:uppercase;letter-spacing:.5px}.mod-report-date{font-size:.85rem;color:#fff6}.mod-report-status{font-size:.85rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;text-transform:capitalize}.mod-report-status.pending{background:#d9770626;color:#fbbf24}.mod-report-status.reviewed{background:#6366f126;color:#a5b4fc}.mod-report-status.resolved{background:#10b98126;color:#6ee7b7}.mod-report-body{margin-bottom:1rem}.mod-report-reason{font-size:.95rem;color:#fffc;line-height:1.5;margin-bottom:.5rem}.mod-report-details{font-size:.85rem;color:#fff6;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.mod-report-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#ffffff05;border-radius:8px}.mod-report-avatar{width:32px;height:32px;border-radius:50%;background:#c9a84c33;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.mod-report-meta-info{flex-grow:1}.mod-report-meta-name{font-size:.9rem;font-weight:500;color:#fffc;margin-bottom:.1rem}.mod-report-meta-email{font-size:.8rem;color:#fff6}.mod-report-actions{display:flex;gap:.75rem;flex-wrap:wrap}.mod-action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.mod-action-btn.review{background:#d9770626;color:#fbbf24;border:1px solid rgba(217,119,6,.3)}.mod-action-btn.review:hover{background:#d9770640;border-color:#d9770680}.mod-action-btn.resolve{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.mod-action-btn.resolve:hover{background:#10b98140;border-color:#10b98180}.mod-action-btn.dismiss{background:#6b728026;color:#d1d5db;border:1px solid rgba(107,114,128,.3)}.mod-action-btn.dismiss:hover{background:#6b728040;border-color:#6b728080}.mod-action-btn:disabled{opacity:.5;cursor:not-allowed}.mod-empty{max-width:1200px;margin:4rem auto;padding:3rem;text-align:center}.mod-empty-icon{width:80px;height:80px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:#c9a84c99}.mod-empty-title{font-size:1.5rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.mod-empty-desc{font-size:1rem;color:#fff6}.mod-help{max-width:1200px;margin:3rem auto 0;padding:1.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:12px}.mod-help-title{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0 0 .75rem}.mod-help-content{font-size:.9rem;color:#ffffff80;line-height:1.6}.mod-help-content p{margin:0 0 .5rem}.mod-help-content p:last-child{margin-bottom:0}.mod-access-denied{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:2rem}.mod-access-denied-card{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:3rem;text-align:center;max-width:400px}.mod-access-denied-icon{font-size:3rem;margin-bottom:1rem;color:#ef4444}.mod-access-denied-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem}.mod-access-denied-desc{color:#ffffff80;font-size:.95rem;line-height:1.5}.mod-login-button{margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#c9a84c,#d4b460);color:#0f0f1a;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.mod-login-button:hover{transform:scale(1.05);box-shadow:0 4px 16px #c9a84c4d}@media (max-width: 768px){.mod-root{padding:1rem}.mod-header{flex-direction:column;align-items:flex-start}.mod-header h1{font-size:1.75rem}.mod-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mod-filters{gap:.5rem}.mod-report-header{flex-direction:column;align-items:flex-start}.mod-report-actions{gap:.5rem}.mod-action-btn{padding:.4rem .8rem;font-size:.8rem}.mod-access-denied-card{padding:2rem}}.admin-root{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 40%,#16213e);color:#e8e6e1;padding:0}.admin-header{padding:2rem 2rem 0;max-width:1360px;margin:0 auto}.admin-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-title-block{display:flex;align-items:center;gap:1rem}.admin-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#c9a84c,#b8942e);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px #c9a84c4d}.admin-title{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.admin-subtitle{margin:.25rem 0 0;font-size:.85rem;color:#ffffff73}.admin-founder-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);border:1px solid rgba(201,168,76,.3);font-size:.8rem;color:#c9a84c;font-weight:600}.admin-founder-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:#c9a84c;box-shadow:0 0 8px #c9a84c99;animation:admin-pulse 2s infinite}@keyframes admin-pulse{0%,to{opacity:1;box-shadow:0 0 8px #c9a84c99}50%{opacity:.5;box-shadow:0 0 16px #c9a84c4d}}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 2rem;max-width:1360px;margin:0 auto 2rem}.admin-stat-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.admin-stat-card:hover{transform:translateY(-2px);border-color:#ffffff1f}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:16px 16px 0 0}.admin-stat-card.stat-users:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.admin-stat-card.stat-communities:before{background:linear-gradient(90deg,#c9a84c,#dcc06e)}.admin-stat-card.stat-lives:before{background:linear-gradient(90deg,#10b981,#34d399)}.admin-stat-card.stat-reports:before{background:linear-gradient(90deg,#ef4444,#f87171)}.admin-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.75rem}.stat-users .admin-stat-icon{background:#6366f126}.stat-communities .admin-stat-icon{background:#c9a84c26}.stat-lives .admin-stat-icon{background:#10b98126}.stat-reports .admin-stat-icon{background:#ef444426}.admin-stat-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem;color:#fff}.admin-stat-label{font-size:.8rem;color:#ffffff73;font-weight:500}.admin-stat-change{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:6px}.admin-stat-change.up{color:#34d399;background:#10b9811a}.admin-stat-change.down{color:#f87171;background:#ef44441a}.admin-tabs-wrap{padding:0 2rem;max-width:1360px;margin:0 auto 1.5rem}.admin-tabs{display:flex;gap:.25rem;background:#ffffff0a;border-radius:12px;padding:4px;width:-moz-fit-content;width:fit-content}.admin-tab{padding:.6rem 1.25rem;border-radius:10px;border:none;background:transparent;color:#ffffff80;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.admin-tab:hover{color:#fffc}.admin-tab.active{background:#c9a84c26;color:#c9a84c;font-weight:600}.admin-tab .tab-count{background:#ffffff14;padding:.1rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.admin-tab.active .tab-count{background:#c9a84c33;color:#c9a84c}.admin-content{padding:0 2rem 3rem;max-width:1360px;margin:0 auto}.admin-glass-panel{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.admin-panel-title{font-size:1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.admin-search-wrap{position:relative}.admin-search{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.5rem .75rem .5rem 2.25rem;font-size:.8rem;color:#e8e6e1;width:240px;outline:none;transition:border-color .2s}.admin-search::-moz-placeholder{color:#ffffff4d}.admin-search::placeholder{color:#ffffff4d}.admin-search:focus{border-color:#c9a84c66}.admin-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:.85rem}.admin-table{width:100%;border-collapse:collapse}.admin-table thead th{padding:.85rem 1.25rem;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff08}.admin-table tbody td{padding:.85rem 1.25rem;font-size:.85rem;vertical-align:middle}.admin-user-cell{display:flex;align-items:center;gap:.75rem}.admin-user-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.admin-user-name{font-weight:500;color:#fff}.admin-user-email{font-size:.75rem;color:#ffffff59;margin-top:1px}.admin-role-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.35rem 1.5rem .35rem .6rem;font-size:.8rem;color:#e8e6e1;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s}.admin-role-select option{background:#1a1a2e;color:#e8e6e1}.admin-role-select:focus{border-color:#c9a84c66}.admin-role-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.admin-role-badge.founder{background:linear-gradient(135deg,#c9a84c33,#c9a84c14);color:#c9a84c;border:1px solid rgba(201,168,76,.25)}.admin-role-badge.admin{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.admin-role-badge.moderator{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.admin-role-badge.savant{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.admin-role-badge.member{background:#ffffff0f;color:#ffffff80;border:1px solid rgba(255,255,255,.08)}.admin-status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.admin-status.active{background:#10b9811f;color:#34d399}.admin-status.inactive{background:#ef44441f;color:#f87171}.admin-status.pending{background:#f59e0b1f;color:#fbbf24}.admin-status.rejected{background:#ef44441f;color:#f87171}.admin-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.admin-action-btn{padding:.35rem .85rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.35rem}.admin-action-btn:disabled{opacity:.4;cursor:not-allowed}.admin-action-btn.danger{background:#ef44441a;color:#f87171;border-color:#ef444426}.admin-action-btn.danger:hover:not(:disabled){background:#ef444433}.admin-action-btn.success{background:#10b9811a;color:#34d399;border-color:#10b98126}.admin-action-btn.success:hover:not(:disabled){background:#10b98133}.admin-action-btn.warning{background:#f59e0b1a;color:#fbbf24;border-color:#f59e0b26}.admin-action-btn.warning:hover:not(:disabled){background:#f59e0b33}.admin-action-btn.gold{background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);color:#c9a84c;border-color:#c9a84c33}.admin-action-btn.gold:hover:not(:disabled){background:linear-gradient(135deg,#c9a84c40,#c9a84c1a)}.admin-community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;padding:1.25rem}.admin-community-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;transition:border-color .2s,transform .2s}.admin-community-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.admin-community-top{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.admin-community-icon{width:44px;height:44px;border-radius:12px;background:#c9a84c1a;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.admin-community-name{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .25rem}.admin-community-desc{font-size:.78rem;color:#fff6;line-height:1.4}.admin-community-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.admin-community-meta-item{font-size:.75rem;color:#fff6;display:flex;align-items:center;gap:.3rem}.admin-community-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-report-list{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.admin-report-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem 1.25rem;transition:border-color .2s}.admin-report-card:hover{border-color:#ffffff1a}.admin-report-card.pending{border-left:3px solid rgba(245,158,11,.6)}.admin-report-card.reviewed{border-left:3px solid rgba(99,102,241,.6)}.admin-report-card.resolved{border-left:3px solid rgba(16,185,129,.6)}.admin-report-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.admin-report-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:.2rem .6rem;border-radius:6px;background:#ffffff0f;color:#ffffff80}.admin-report-date{font-size:.75rem;color:#ffffff4d}.admin-report-reason{font-size:.85rem;color:#fff;font-weight:500;margin-bottom:.5rem}.admin-report-by{font-size:.75rem;color:#ffffff59;margin-bottom:.75rem}.admin-report-actions{display:flex;gap:.5rem}.admin-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;color:#f87171;display:flex;align-items:center;gap:.5rem}.admin-loading{text-align:center;padding:3rem;color:#ffffff4d;font-size:.9rem}.admin-empty{text-align:center;padding:3rem;color:#ffffff40;font-size:.85rem}@media (max-width: 900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-community-grid{grid-template-columns:1fr}}@media (max-width: 600px){.admin-header,.admin-stats-grid,.admin-tabs-wrap,.admin-content{padding-left:1rem;padding-right:1rem}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.admin-header-top{flex-direction:column;gap:1rem}.admin-stat-value{font-size:1.5rem}.admin-search{width:100%}.admin-table{font-size:.8rem}.admin-table thead th,.admin-table tbody td{padding:.65rem .75rem}}:root{--color-dark-bg: #0f0f1a;--color-dark-panel: #1a1a2e;--color-glass-light: rgba(255, 255, 255, .08);--color-glass-border: rgba(255, 255, 255, .12);--color-gold: #c9a84c;--color-gold-light: #e8d5a4;--color-text-primary: #ffffff;--color-text-secondary: #b0b0c0;--color-text-muted: #8a8a9e;--transition-smooth: .3s cubic-bezier(.23, 1, .32, 1)}.immersion-root{background:linear-gradient(135deg,var(--color-dark-bg) 0%,#1a1a28 50%,#0f0f1a 100%);min-height:100vh;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.immersion-header{padding:4rem 2rem 3rem;text-align:center;background:linear-gradient(180deg,rgba(201,168,76,.08) 0%,transparent 100%);border-bottom:1px solid var(--color-glass-border);position:relative;overflow:hidden}.immersion-header:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 70%);pointer-events:none;filter:blur(40px)}.immersion-header:after{content:"";position:absolute;bottom:-30%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%);pointer-events:none;filter:blur(40px)}.immersion-header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.immersion-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 50%,#a88a3f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.immersion-header p{font-size:1.1rem;color:var(--color-text-secondary);margin:0;font-weight:300;letter-spacing:.3px}.immersion-intro{max-width:900px;margin:3rem auto 2rem;padding:2rem;background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003;position:relative}.immersion-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(201,168,76,.05) 0%,transparent 100%);border-radius:16px;pointer-events:none}.immersion-intro-content{position:relative;z-index:1}.immersion-intro h2{font-size:1.5rem;margin:0 0 .75rem;color:var(--color-gold);font-weight:600}.immersion-intro p{margin:0;color:var(--color-text-secondary);line-height:1.6;font-size:.95rem}.immersion-tabs{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:2rem;max-width:1200px;margin:0 auto;border-bottom:1px solid var(--color-glass-border)}.immersion-tab{padding:.65rem 1.5rem;background:transparent;border:1px solid var(--color-glass-border);border-radius:8px;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.immersion-tab:hover{border-color:var(--color-gold);color:var(--color-gold);background:#c9a84c0d}.immersion-tab.active{background:#c9a84c26;border-color:var(--color-gold);color:var(--color-gold);box-shadow:0 0 20px #c9a84c33}.immersion-section{max-width:1200px;margin:3rem auto;padding:0 2rem}.immersion-section-title{font-size:1.75rem;font-weight:600;margin:0 0 2rem;color:var(--color-text-primary);padding-bottom:1rem;border-bottom:2px solid var(--color-glass-border);position:relative}.immersion-section-title:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;width:80px;background:linear-gradient(90deg,var(--color-gold),transparent);border-radius:2px}.immersion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.immersion-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 480px){.immersion-grid{grid-template-columns:1fr;gap:1.25rem}}.immersion-card{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all var(--transition-smooth);cursor:pointer;display:flex;flex-direction:column;height:100%;box-shadow:0 8px 32px #0000001a;position:relative}.immersion-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(201,168,76,.05) 0%,transparent 100%);pointer-events:none;z-index:1;border-radius:12px}.immersion-card:hover{transform:translateY(-8px);border-color:#c9a84c66;box-shadow:0 20px 48px #c9a84c26;background:#ffffff1f}.immersion-card-thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#c9a84c33,#0a0a1466)}.immersion-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.23,1,.32,1)}.immersion-card:hover .immersion-card-thumb img{transform:scale(1.1)}.immersion-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#c9a84ce6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-smooth);z-index:3;box-shadow:0 10px 40px #c9a84c4d}.immersion-card-play:after{content:"▶";color:var(--color-dark-bg);font-size:1.5rem;margin-left:3px}.immersion-card:hover .immersion-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.immersion-card-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2}.immersion-card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.immersion-card-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.immersion-card-community{font-size:.85rem;color:var(--color-gold);font-weight:500}.immersion-card-description{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.immersion-card-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);border-radius:6px;font-size:.75rem;font-weight:600;color:var(--color-gold);width:-moz-fit-content;width:fit-content;margin-top:.25rem}.immersion-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.immersion-empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.6}.immersion-empty h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--color-text-primary);font-weight:600}.immersion-empty p{margin:0;font-size:1rem}.immersion-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.immersion-skeleton{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:12px;overflow:hidden;height:380px}.immersion-skeleton:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.immersion-footer{max-width:900px;margin:4rem auto 0;padding:2.5rem;background:var(--color-glass-light);border-top:1px solid var(--color-glass-border);border-radius:16px 16px 0 0;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.immersion-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(201,168,76,.05) 0%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none}.immersion-footer-content{position:relative;z-index:1}.immersion-footer h3{font-size:1.3rem;margin:0 0 1rem;color:var(--color-gold);font-weight:600}.immersion-footer p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6;font-size:.95rem}.immersion-footer-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.immersion-footer-link{padding:.6rem 1.25rem;background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:8px;color:var(--color-gold);text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition-smooth);display:inline-flex;align-items:center;gap:.4rem}.immersion-footer-link:hover{background:#c9a84c33;border-color:var(--color-gold);box-shadow:0 0 20px #c9a84c33}@media (max-width: 768px){.immersion-header{padding:2.5rem 1rem 2rem}.immersion-header h1{font-size:2rem}.immersion-header p{font-size:1rem}.immersion-intro{margin:2rem 1rem;padding:1.5rem}.immersion-section{margin:2rem 0;padding:0 1rem}.immersion-section-title{font-size:1.4rem;margin-bottom:1.5rem}.immersion-tabs{padding:1.5rem 1rem;gap:.5rem}.immersion-tab{padding:.5rem 1rem;font-size:.85rem}.immersion-footer{margin:3rem 1rem 0;padding:1.75rem;border-radius:12px 12px 0 0}.immersion-footer-links{gap:.75rem}.immersion-footer-link{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){.immersion-header{padding:1.5rem 1rem}.immersion-header h1{font-size:1.5rem;margin-bottom:.5rem}.immersion-intro{margin:1.5rem 1rem;padding:1rem}.immersion-intro h2{font-size:1.2rem}.immersion-intro p{font-size:.9rem}.immersion-tabs{padding:1rem;gap:.4rem}.immersion-tab{padding:.4rem .85rem;font-size:.8rem}.immersion-grid{grid-template-columns:1fr;gap:1rem}.immersion-section-title{font-size:1.2rem}.immersion-footer{margin:2rem 1rem 0}.immersion-footer h3{font-size:1.1rem}.immersion-footer-links{flex-direction:column}.immersion-footer-link{width:100%;justify-content:center}}.qr-page{min-height:100vh;background:#f5f3ef;display:flex;flex-direction:column}.qr-header{background:linear-gradient(135deg,#0f1b35,#1a1a2e 60%,#14274e);padding:28px 20px 22px;position:relative;overflow:hidden}.qr-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.7'%3E%3Cpolygon points='30,4 54,18 54,42 30,56 6,42 6,18'/%3E%3Cpolygon points='30,14 46,23 46,37 30,46 14,37 14,23'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}.qr-header-inner{position:relative;max-width:800px;margin:0 auto;text-align:center}.qr-header-arabic{font-family:Amiri Quran,Amiri,serif;font-size:32px;color:#c9a84c;display:block;margin-bottom:6px;text-shadow:0 2px 12px rgba(0,0,0,.4);letter-spacing:2px}.qr-header-fr{font-size:13px;color:#ffffff8c;letter-spacing:2px;text-transform:uppercase;font-weight:500}.qr-back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.qr-back-btn:hover{background:#ffffff2e}.qr-search-wrap{max-width:800px;margin:0 auto;padding:16px 20px}.qr-search{width:100%;padding:12px 18px 12px 44px;border:1.5px solid rgba(0,0,0,.1);border-radius:12px;font-size:14px;background:#fff;box-shadow:0 2px 10px #0000000f;outline:none;transition:border-color .2s;box-sizing:border-box}.qr-search:focus{border-color:#c9a84c}.qr-search-icon{position:absolute;left:34px;top:50%;transform:translateY(-50%);color:#aaa;font-size:16px;pointer-events:none}.qr-search-container{position:relative}.qr-list{max-width:800px;margin:0 auto;padding:0 20px 80px;display:flex;flex-direction:column;gap:10px}.qr-surah-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-decoration:none}.qr-surah-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000017;border-color:#c9a84c40}.qr-surah-num{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#1a1a2e,#2d3a5e);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#c9a84c;flex-shrink:0}.qr-surah-body{flex:1;min-width:0}.qr-surah-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.qr-surah-fr{font-size:14px;font-weight:700;color:#1a1a2e}.qr-surah-ar{font-family:Amiri,serif;font-size:18px;color:#1a1a2e;line-height:1}.qr-surah-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qr-surah-verses{font-size:11.5px;color:#888}.qr-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.3px}.qr-badge--meccan{background:#c9a84c1f;color:#a07820}.qr-badge--medinan{background:#1a1a2e1a;color:#3a4a7e}.qr-surah-arrow{color:#c9a84c;font-size:18px;opacity:.7;flex-shrink:0;transition:transform .15s}.qr-surah-card:hover .qr-surah-arrow{transform:translate(4px);opacity:1}.qr-reader{max-width:800px;margin:0 auto;padding:16px 20px 160px;display:flex;flex-direction:column;gap:0}.qr-bismillah{text-align:center;font-family:Amiri Quran,Amiri,serif;font-size:28px;color:#1a1a2e;padding:24px 0 16px;line-height:2;direction:rtl}.qr-ayah{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;animation:qr-fade-in .3s ease both}.qr-ayah:last-child{border-bottom:none}.qr-ayah-header{display:flex;align-items:center;justify-content:space-between}.qr-ayah-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#e8c96a);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#1a1a2e;flex-shrink:0}.qr-ayah-actions{display:flex;gap:6px}.qr-ayah-btn{background:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:5px 10px;cursor:pointer;font-size:13px;color:#888;transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;gap:4px}.qr-ayah-btn:hover{background:#c9a84c1a;border-color:#c9a84c4d;color:#c9a84c}.qr-ayah-btn.active{background:#c9a84c26;border-color:#c9a84c;color:#c9a84c}.qr-ayah-arabic{font-family:Amiri Quran,Amiri,serif;font-size:26px;line-height:2;color:#1a1a2e;text-align:right;direction:rtl;padding:8px 0}.qr-ayah-french{font-size:14px;color:#555;line-height:1.7;font-style:italic;padding-left:40px}.qr-audio-player{position:fixed;bottom:var(--bottom-nav-height, 64px);left:0;right:0;background:#1a1a2ef7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 20px 14px;z-index:90;border-top:1px solid rgba(201,168,76,.2);box-shadow:0 -4px 24px #0000004d}.qr-player-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.qr-player-info{display:flex;align-items:center;justify-content:space-between}.qr-player-label{font-size:12px;color:#ffffff80}.qr-player-ayah{font-size:13px;font-weight:700;color:#c9a84c}.qr-player-controls{display:flex;align-items:center;gap:14px;justify-content:center}.qr-player-btn{width:38px;height:38px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;flex-shrink:0}.qr-player-btn:hover{background:#ffffff2e}.qr-player-btn--play{width:46px;height:46px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;font-size:18px}.qr-player-btn--play:hover{transform:scale(1.06);background:linear-gradient(135deg,#d4b45a,#f0d27a)}.qr-player-progress{display:flex;align-items:center;gap:10px}.qr-player-bar{flex:1;height:4px;background:#ffffff26;border-radius:2px;cursor:pointer;overflow:hidden}.qr-player-bar-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#e8c96a);border-radius:2px;transition:width .25s linear}.qr-player-time{font-size:11px;color:#fff6;white-space:nowrap;min-width:36px}.qr-skeleton{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:qr-shimmer 1.5s infinite;border-radius:8px}@keyframes qr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes qr-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.qr-header-arabic{font-size:26px}.qr-ayah-arabic{font-size:22px}.qr-bismillah{font-size:23px}.qr-list{padding:0 12px 80px}.qr-reader{padding:10px 14px 160px}.qr-search-wrap{padding:12px 14px}}.it-page{min-height:100vh;background:#0f1420;display:flex;flex-direction:column;color:#fff}.it-header{background:linear-gradient(135deg,#0a0f1e,#1a1a2e);padding:24px 20px 20px;border-bottom:1px solid rgba(201,168,76,.15)}.it-header-inner{max-width:700px;margin:0 auto;text-align:center}.it-header-title{font-size:20px;font-weight:800;color:#c9a84c;margin:0 0 4px}.it-header-sub{font-size:12px;color:#fff6;letter-spacing:1.5px;text-transform:uppercase}.it-tabs{display:flex;gap:0;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.it-tabs::-webkit-scrollbar{display:none}.it-tab{flex:1;min-width:0;padding:12px 8px;background:none;border:none;border-bottom:2.5px solid transparent;color:#ffffff73;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.it-tab:hover{color:#ffffffbf}.it-tab.active{color:#c9a84c;border-bottom-color:#c9a84c}.it-tab-emoji{font-size:18px;line-height:1}.it-content{flex:1;max-width:700px;width:100%;margin:0 auto;padding:24px 20px 80px}.it-gps-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.it-gps-modal-card{background:#1a1a2e;border:1px solid rgba(201,168,76,.25);border-radius:20px;padding:32px 28px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.it-gps-icon{font-size:52px;display:block;margin-bottom:16px}.it-gps-modal-title{font-size:18px;font-weight:800;color:#c9a84c;margin-bottom:10px}.it-gps-modal-desc{font-size:13.5px;color:#ffffffa6;line-height:1.6;margin-bottom:24px}.it-gps-btn{display:block;width:100%;padding:13px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:none;margin-bottom:10px;transition:transform .15s,box-shadow .15s}.it-gps-btn--primary{background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e}.it-gps-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c9a84c66}.it-gps-btn--secondary{background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.1)}.it-city-row{display:flex;gap:10px;margin-bottom:24px}.it-city-input{flex:1;padding:11px 16px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.it-city-input::-moz-placeholder{color:#ffffff4d}.it-city-input::placeholder{color:#ffffff4d}.it-city-input:focus{border-color:#c9a84c}.it-city-search-btn{padding:11px 18px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:14px;white-space:nowrap;transition:transform .15s}.it-city-search-btn:hover{transform:translateY(-1px)}.it-city-search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.it-compass-wrap{display:flex;flex-direction:column;align-items:center;gap:24px}.it-compass-container{position:relative;width:260px;height:260px}.it-compass-svg{width:100%;height:100%;transition:transform .5s ease}.it-compass-needle{position:absolute;top:50%;left:50%;width:8px;height:120px;margin-left:-4px;margin-top:-110px;transform-origin:bottom center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.it-compass-info{text-align:center}.it-compass-degrees{font-size:36px;font-weight:900;color:#c9a84c;letter-spacing:-1px}.it-compass-label{font-size:13px;color:#ffffff8c;margin-top:4px}.it-compass-city{font-size:15px;font-weight:600;color:#fffc;margin-top:8px}.it-prayers-list{display:flex;flex-direction:column;gap:10px}.it-prayer-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:background .2s,border-color .2s}.it-prayer-card.next{background:#c9a84c1a;border-color:#c9a84c59;box-shadow:0 4px 20px #c9a84c1f}.it-prayer-card.current{background:#c9a84c26;border-color:#c9a84c80}.it-prayer-emoji{font-size:24px;flex-shrink:0;width:36px;text-align:center}.it-prayer-names{flex:1;min-width:0}.it-prayer-name{font-size:15px;font-weight:700;color:#fff}.it-prayer-ar{font-family:Amiri,serif;font-size:14px;color:#ffffff80;margin-top:2px;direction:rtl}.it-prayer-time{font-size:20px;font-weight:800;color:#c9a84c;font-variant-numeric:tabular-nums}.it-prayer-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:5px;background:#c9a84c;color:#1a1a2e;letter-spacing:.5px}.it-countdown-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.it-countdown-next-label{font-size:12px;color:#fff6;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.it-countdown-prayer-name{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px}.it-countdown-prayer-ar{font-family:Amiri,serif;font-size:20px;color:#ffffff80;margin-bottom:28px;direction:rtl}.it-countdown-circle{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.it-countdown-circle-svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.it-countdown-digits{font-size:44px;font-weight:900;color:#c9a84c;font-variant-numeric:tabular-nums;letter-spacing:-2px;position:relative;z-index:1;text-align:center;line-height:1;min-width:200px}.it-countdown-phrase{font-size:13px;color:#fff6;text-align:center;line-height:1.5}.it-today-prayers{width:100%;margin-top:32px}.it-today-title{font-size:12px;font-weight:700;color:#fff6;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}.it-today-list{display:flex;flex-direction:column;gap:8px}.it-today-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.it-today-item.done{opacity:.35}.it-today-item.next{background:#c9a84c14;border-color:#c9a84c40}.it-today-item-name{font-size:13px;color:#ffffffb3}.it-today-item-time{font-size:14px;font-weight:700;color:#c9a84c}.it-tasbih{display:flex;flex-direction:column;align-items:center;gap:0;min-height:calc(100vh - 160px);padding-bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.it-tasbih-dhikr{text-align:center;margin-bottom:8px}.it-tasbih-dhikr-ar{font-family:Amiri,serif;font-size:32px;color:#c9a84c;display:block;margin-bottom:6px;direction:rtl}.it-tasbih-dhikr-fr{font-size:16px;color:#ffffff8c;letter-spacing:1px}.it-tasbih-tap-area{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:20px 0;-webkit-tap-highlight-color:transparent}.it-tasbih-count{font-size:86px;font-weight:900;color:#c9a84c;font-variant-numeric:tabular-nums;letter-spacing:-4px;position:relative;z-index:1;line-height:1;text-shadow:0 0 40px rgba(201,168,76,.3);transition:transform .08s ease}.it-tasbih-tap-area:active .it-tasbih-count{transform:scale(.92)}.it-tasbih-tap-hint{font-size:12px;color:#ffffff40;text-align:center;margin-top:4px;letter-spacing:1px}.it-tasbih-phase-dots{display:flex;gap:8px;margin:12px 0}.it-tasbih-phase-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:background .3s}.it-tasbih-phase-dot.active{background:#c9a84c}.it-tasbih-phase-dot.done{background:#c9a84c66}.it-tasbih-stats{display:flex;gap:20px;margin-top:12px}.it-tasbih-stat{text-align:center}.it-tasbih-stat-num{font-size:22px;font-weight:800;color:#c9a84c}.it-tasbih-stat-label{font-size:11px;color:#fff6;margin-top:2px}.it-tasbih-reset{margin-top:16px;padding:10px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s,color .2s}.it-tasbih-reset:hover{background:#ffffff1a;color:#fffc}.it-tasbih-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:#c9a84c1f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:400;animation:it-complete-in .4s ease,it-complete-out .4s ease 1.8s forwards;pointer-events:none}.it-tasbih-complete-emoji{font-size:72px;animation:it-bounce .5s ease}.it-tasbih-complete-text{font-size:24px;font-weight:900;color:#c9a84c}.it-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;flex-direction:column;gap:16px;color:#fff6;font-size:14px}.it-spinner{width:36px;height:36px;border:3px solid rgba(201,168,76,.2);border-top-color:#c9a84c;border-radius:50%;animation:it-spin .8s linear infinite}.it-empty{text-align:center;padding:48px 20px;color:#fff6;font-size:14px;line-height:1.6}.it-empty-icon{font-size:48px;display:block;margin-bottom:16px}@keyframes it-spin{to{transform:rotate(360deg)}}@keyframes it-bounce{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes it-complete-in{0%{opacity:0}to{opacity:1}}@keyframes it-complete-out{to{opacity:0}}@keyframes it-pulse-ring{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 600px){.it-content{padding:16px 14px 80px}.it-compass-container{width:220px;height:220px}.it-countdown-digits{font-size:36px;min-width:170px}.it-tasbih-count{font-size:72px}.it-tasbih-dhikr-ar{font-size:26px}}.al-page{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.al-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e,#162040);padding:52px 24px 44px;overflow:hidden}.al-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='80' viewBox='0 0 120 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.8'%3E%3C!-- Bismillah-inspired arcs --%3E%3Cpath d='M10 50 Q30 20 50 50 Q70 80 90 50 Q110 20 120 40'/%3E%3Cpath d='M0 30 Q20 10 40 30 Q60 50 80 30'/%3E%3Ccircle cx='60' cy='40' r='22'/%3E%3Ccircle cx='60' cy='40' r='14'/%3E%3Cpath d='M46 40 Q60 28 74 40'/%3E%3Cpath d='M46 40 Q60 52 74 40'/%3E%3Cline x1='20' y1='60' x2='100' y2='60' stroke-dasharray='4 3'/%3E%3Cpath d='M30 15 Q40 5 50 15 Q60 25 70 15'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 80px;pointer-events:none}.al-hero:after{content:"";position:absolute;top:-60px;right:-60px;width:380px;height:380px;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 65%);pointer-events:none}.al-hero-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center}.al-hero-eyebrow{font-size:11px;font-weight:700;color:#c9a84cb3;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.al-hero-arabic{font-family:Amiri,Arabic Typesetting,serif;font-size:52px;font-weight:700;color:#c9a84c;margin:0 0 14px;line-height:1.2;direction:rtl;text-shadow:0 2px 32px rgba(201,168,76,.35);letter-spacing:.01em}.al-hero-subtitle{font-size:16px;color:#fff9;font-style:italic;max-width:480px;margin:0 auto 28px;line-height:1.55}.al-stats-bar{display:inline-flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(201,168,76,.2);border-radius:99px;padding:10px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:center}.al-stat{display:flex;align-items:center;gap:5px;font-size:13px;color:#ffffffa6;padding:2px 14px;font-weight:500;white-space:nowrap}.al-stat strong{color:#c9a84c;font-weight:800;font-size:14px}.al-stat-sep{width:1px;height:16px;background:#ffffff26;flex-shrink:0}.al-level-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700}.al-level-pill.curieux{background:#22c55e2e;color:#15803d;border:1px solid rgba(34,197,94,.3)}.al-level-pill.chercheur{background:#3b82f62e;color:#1d4ed8;border:1px solid rgba(59,130,246,.3)}.al-level-pill.pratiquant{background:#8a61d02e;color:#7c3aed;border:1px solid rgba(138,97,208,.3)}.al-level-pill.guide{background:#c9a84c2e;color:#92400e;border:1px solid rgba(201,168,76,.3)}.al-level-pill.erudit{background:#ef44442e;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.al-content{max-width:1120px;margin:0 auto;padding:32px 20px 0}.al-streak-banner{background:linear-gradient(135deg,#0f1b35,#1a1a2e);border-radius:20px;border:1px solid rgba(201,168,76,.18);padding:24px 26px;margin-bottom:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.al-streak-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 65%);pointer-events:none}.al-streak-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:80px}.al-streak-fire{font-size:42px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,150,50,.5));animation:al-flicker 2s ease-in-out infinite}.al-streak-count{font-size:28px;font-weight:900;color:#c9a84c;line-height:1.1;margin-top:4px}.al-streak-label{font-size:11px;color:#fff6;margin-top:2px;font-weight:600;letter-spacing:.3px}.al-streak-right{flex:1;min-width:200px}.al-streak-msg{font-size:14px;color:#ffffffbf;margin:0 0 12px;line-height:1.5}.al-streak-msg strong{color:#c9a84c}.al-xp-track-wrap{margin-bottom:14px}.al-xp-track-labels{display:flex;justify-content:space-between;margin-bottom:6px}.al-xp-track-label{font-size:11.5px;color:#ffffff73;font-weight:600}.al-xp-track-label.right{color:#c9a84cb3}.al-xp-track{height:7px;background:#ffffff14;border-radius:99px;overflow:hidden}.al-xp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c9a84c,#f0c96a);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #c9a84c66}.al-resume-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:99px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;box-shadow:0 4px 16px #c9a84c59;flex-shrink:0}.al-resume-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #c9a84c80}.al-section-title{font-size:19px;font-weight:900;color:#1a1a2e;margin:0 0 6px;padding-bottom:7px;border-bottom:2.5px solid #c9a84c;display:inline-block}.al-section-sub{font-size:13.5px;color:#888;margin:8px 0 22px;line-height:1.6}.al-roadmap{margin-bottom:52px}.al-level-section{margin-bottom:40px;position:relative}.al-level-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 10px #0000000d}.al-level-header.locked{opacity:.55;filter:grayscale(.4)}.al-level-emoji{font-size:28px;flex-shrink:0}.al-level-info{flex:1}.al-level-name{font-size:17px;font-weight:900;color:#1a1a2e;margin:0 0 3px}.al-level-xp-req{font-size:12px;color:#aaa;font-weight:500}.al-level-lock{font-size:20px;opacity:.5}.al-level-complete-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff;border-radius:99px;font-size:12px;font-weight:800;box-shadow:0 3px 10px #22c55e4d}.al-level-progress-wrap{display:flex;align-items:center;gap:10px;min-width:120px}.al-level-progress-bar{flex:1;height:5px;background:#eee;border-radius:99px;overflow:hidden}.al-level-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c9a84c,#f0c96a);transition:width .6s}.al-level-progress-text{font-size:12px;font-weight:700;color:#999;white-space:nowrap}.al-lessons-track{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px;padding-left:2px}.al-lessons-track::-webkit-scrollbar{display:none}.al-lesson-card{flex:0 0 200px;background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #0000000f;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;flex-direction:column;animation:al-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.al-lesson-card:hover:not(.locked){transform:translateY(-5px);box-shadow:0 14px 36px #c9a84c2e,0 4px 12px #00000014}.al-lesson-card.locked{cursor:default;opacity:.6;filter:grayscale(.5)}.al-lesson-card-top{padding:16px 16px 12px;display:flex;align-items:flex-start;gap:11px;flex:1}.al-lesson-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0;transition:all .2s}.al-lesson-num.completed{background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;box-shadow:0 3px 10px #c9a84c59}.al-lesson-num.in-progress{background:linear-gradient(135deg,#1a1a2e,#162040);color:#c9a84c;border:2px solid #c9a84c}.al-lesson-num.not-started{background:#f0ede8;color:#bbb;border:2px solid #e0dbd3}.al-lesson-num.locked-num{background:#f0ede8;color:#ccc;border:2px solid #e8e4dc}.al-lesson-card-body{flex:1}.al-lesson-title{font-size:13px;font-weight:700;color:#1a1a2e;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.al-lesson-card.locked .al-lesson-title{color:#aaa}.al-lesson-meta{display:flex;gap:6px;flex-wrap:wrap}.al-lesson-meta-tag{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:600;background:#f5f3ef;color:#999;white-space:nowrap}.al-lesson-meta-tag.xp{background:#c9a84c1f;color:#8a6a1a;border:1px solid rgba(201,168,76,.25)}.al-lesson-status-bar{padding:9px 16px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;border-top:1px solid rgba(0,0,0,.05)}.al-lesson-status-bar.completed{background:#22c55e14;color:#15803d}.al-lesson-status-bar.in-progress{background:#3b82f614;color:#1d4ed8}.al-lesson-status-bar.not-started{background:#f9f7f5;color:#aaa}.al-lesson-status-bar.locked-bar{background:#f5f3ef;color:#ccc}.al-lesson-score-bar{height:3px;background:#eee;position:relative}.al-lesson-score-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#c9a84c,#f0c96a);border-radius:0 99px 99px 0}.al-leaderboard{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 18px #0000000f;overflow:hidden;margin-bottom:40px}.al-leaderboard-header{padding:20px 22px 16px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.al-leaderboard-title{font-size:16px;font-weight:900;color:#1a1a2e;margin:0}.al-leaderboard-period{font-size:12px;color:#aaa;font-weight:600}.al-leader-row{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid rgba(0,0,0,.04);transition:background .15s}.al-leader-row:last-child{border-bottom:none}.al-leader-row:hover{background:#faf8f5}.al-leader-row.me{background:#c9a84c0f;border-left:3px solid #c9a84c}.al-leader-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.al-leader-rank.r1{background:linear-gradient(135deg,gold,#ffec7a);color:#7a4a00}.al-leader-rank.r2{background:linear-gradient(135deg,silver,#e8e8e8);color:#555}.al-leader-rank.r3{background:linear-gradient(135deg,#cd7f32,#e8a060);color:#fff}.al-leader-rank.other{background:#f0ede8;color:#999;font-size:12px}.al-leader-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#162040);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#c9a84c;flex-shrink:0;overflow:hidden}.al-leader-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.al-leader-info{flex:1}.al-leader-name{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 3px}.al-leader-row.me .al-leader-name:after{content:" (moi)";font-size:12px;color:#c9a84c;font-weight:600}.al-leader-level{font-size:11.5px;color:#aaa}.al-leader-xp{font-size:15px;font-weight:900;color:#c9a84c;white-space:nowrap}.al-leader-xp span{font-size:11px;font-weight:600;color:#ccc;margin-left:2px}.al-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:40px}.al-badge-card{background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.07);box-shadow:0 3px 14px #0000000d;padding:20px 16px;text-align:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:al-card-in var(--delay, .1s) cubic-bezier(.4,0,.2,1) both}.al-badge-card.earned{border-color:#c9a84c40;box-shadow:0 4px 18px #c9a84c1f}.al-badge-card.earned:hover{transform:translateY(-4px);box-shadow:0 12px 30px #c9a84c33}.al-badge-card.locked-badge{opacity:.45;filter:grayscale(.8)}.al-badge-emoji{font-size:36px;display:block;margin-bottom:10px;filter:drop-shadow(0 2px 8px rgba(201,168,76,.25))}.al-badge-card.locked-badge .al-badge-emoji{filter:grayscale(1)}.al-badge-name{font-size:13px;font-weight:800;color:#1a1a2e;margin:0 0 5px}.al-badge-card.locked-badge .al-badge-name{color:#bbb}.al-badge-desc{font-size:11.5px;color:#aaa;margin:0;line-height:1.5}.al-badge-earned-tag{display:inline-flex;align-items:center;gap:3px;margin-top:8px;padding:3px 10px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border-radius:99px;font-size:10.5px;font-weight:800}.al-skeleton{background:linear-gradient(90deg,#e8e4dc 25%,#f0ede8,#e8e4dc 75%);background-size:200% 100%;animation:al-shimmer 1.5s infinite;border-radius:10px}.al-empty{text-align:center;padding:48px 24px;color:#aaa;font-size:14px}@keyframes al-flicker{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.05) scaleX(.97)}50%{transform:scaleY(.97) scaleX(1.03)}75%{transform:scaleY(1.03) scaleX(.98)}}@keyframes al-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes al-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 768px){.al-lessons-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow:visible}.al-lesson-card{flex:unset}}@media (max-width: 640px){.al-hero{padding:36px 16px 32px}.al-hero-arabic{font-size:36px}.al-hero-subtitle{font-size:14px}.al-content{padding:24px 14px 0}.al-streak-banner{flex-direction:column;align-items:flex-start;gap:16px}.al-streak-left{flex-direction:row;gap:12px;min-width:auto}.al-streak-count{font-size:22px;margin-top:0}.al-badges-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.al-level-header{flex-wrap:wrap;gap:10px}.al-level-progress-wrap{min-width:100%}}.al-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.al-modal{background:#fff;border-radius:22px;width:100%;max-width:620px;max-height:88vh;display:flex;flex-direction:column;animation:al-modal-in .3s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden}.al-modal-header{display:flex;align-items:flex-start;gap:12px;padding:24px 24px 18px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.al-modal-eyebrow{font-size:11.5px;color:#aaa;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.3px}.al-modal-title{font-size:20px;font-weight:900;color:#1a1a2e;margin:0 0 6px;line-height:1.3}.al-modal-title-ar{font-family:Amiri,serif;font-size:18px;color:#c9a84c;direction:rtl;margin:0;line-height:1.5}.al-modal-close{width:34px;height:34px;border-radius:50%;border:none;background:#f5f3ef;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.al-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.al-modal-intro{background:#c9a84c0f;border-left:3px solid #c9a84c;border-radius:0 10px 10px 0;padding:14px 16px;font-size:14px;color:#555;line-height:1.7;margin-bottom:20px}.al-modal-section{margin-bottom:20px}.al-modal-section-title{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 8px;padding-bottom:5px;border-bottom:1.5px solid #f0ede8}.al-modal-section-body{font-size:13.5px;color:#555;line-height:1.8;margin:0;font-family:DM Sans,sans-serif}.al-modal-tips{background:#f9f7f4;border-radius:12px;padding:16px;margin-top:8px}.al-modal-tips-title{font-size:13px;font-weight:800;color:#1a1a2e;margin:0 0 8px}.al-modal-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.al-modal-tips-list li{font-size:13px;color:#666;padding-left:16px;position:relative;line-height:1.5}.al-modal-tips-list li:before{content:"→";position:absolute;left:0;color:#c9a84c;font-weight:700}.al-modal-footer{padding:16px 24px 20px;border-top:1px solid rgba(0,0,0,.06);flex-shrink:0}.al-modal-complete-btn{width:100%;padding:14px;background:linear-gradient(135deg,#c9a84c,#e8c96a);color:#1a1a2e;border:none;border-radius:13px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s}.al-modal-complete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #c9a84c66}.al-modal-complete-btn:disabled{opacity:.65;cursor:not-allowed}.al-modal-done{text-align:center;padding:14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:13px;font-size:15px;font-weight:800;color:#15803d}@keyframes al-modal-in{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 640px){.al-modal{border-radius:18px 18px 0 0;max-height:92vh}.al-modal-overlay{align-items:flex-end;padding:0}}.pg-root{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.pg-hero{position:relative;background:linear-gradient(135deg,#0f1b35,#1a1a2e 55%,#162040);padding:44px 24px 38px;overflow:hidden;text-align:center}.pg-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.07)' stroke-width='0.8'%3E%3Cpolygon points='40,6 72,24 72,56 40,74 8,56 8,24'/%3E%3Cpolygon points='40,18 62,30 62,50 40,62 18,50 18,30'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.pg-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-gold, #c9a84c),#e8c96a,var(--color-gold, #c9a84c));z-index:2}.pg-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto}.pg-hero-icon{font-size:52px;display:block;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.pg-hero-title{font-size:30px;font-weight:900;color:#fff;margin:0 0 10px;line-height:1.15;text-shadow:0 2px 20px rgba(0,0,0,.4)}.pg-hero-subtitle{font-size:15px;color:#ffffff8c;margin:0;font-style:italic;line-height:1.5}.pg-content{max-width:900px;margin:0 auto;padding:32px 20px 0}.pg-prayer-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:28px;scrollbar-width:none}.pg-prayer-tabs::-webkit-scrollbar{display:none}.pg-prayer-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;border-radius:14px;border:2px solid transparent;background:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #0000000f;min-width:90px}.pg-prayer-tab:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c9a84c2e}.pg-prayer-tab.active{border-color:#c9a84c;background:linear-gradient(135deg,#fffdf5,#faf6ea);box-shadow:0 4px 16px #c9a84c38}.pg-prayer-tab-icon{font-size:24px}.pg-prayer-tab-name{font-size:12px;font-weight:700;color:#1a1a2e;white-space:nowrap}.pg-prayer-tab-arabic{font-size:11px;color:#c9a84c;font-weight:600}.pg-prayer-tab-time{font-size:10px;color:#999;font-weight:500}.pg-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0 0 20px;padding-bottom:8px;border-bottom:2.5px solid #c9a84c;display:inline-block}.pg-rakaat-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:14px;border:1px solid rgba(201,168,76,.15);margin-bottom:24px;flex-wrap:wrap}.pg-rakaat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffbf;font-weight:500}.pg-rakaat-item strong{color:#c9a84c;font-weight:800;font-size:15px}.pg-rakaat-sep{width:1px;height:16px;background:#ffffff26;flex-shrink:0}.pg-steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:36px}.pg-step-card{position:relative;background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px #00000012;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:1 / 1;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;cursor:pointer;animation:pg-card-in .4s cubic-bezier(.4,0,.2,1) both}.pg-step-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #c9a84c33,0 4px 14px #00000014}.pg-step-number{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px #c9a84c59}.pg-step-image{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f6f0,#ede9e0);padding:16px;position:relative;overflow:hidden;min-height:0}.pg-step-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);pointer-events:none}.pg-step-emoji{font-size:56px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.1));z-index:1}.pg-step-img{max-width:85%;max-height:85%;-o-object-fit:contain;object-fit:contain;z-index:1;border-radius:8px}.pg-step-info{padding:12px 14px;text-align:center;background:#fff}.pg-step-name{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 2px;line-height:1.2}.pg-step-arabic{font-size:13px;color:#c9a84c;font-weight:600;margin:0 0 4px;direction:rtl}.pg-step-desc{font-size:11px;color:#888;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pg-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b35b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:pg-fade-in .2s ease}.pg-detail-card{background:#fff;border-radius:24px;max-width:440px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px #0000004d;animation:pg-slide-up .3s cubic-bezier(.34,1.56,.64,1)}.pg-detail-header{position:relative;background:linear-gradient(135deg,#f8f6f0,#ede9e0);padding:40px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.pg-detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#1a1a2e14;color:#1a1a2e;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pg-detail-close:hover{background:#1a1a2e26}.pg-detail-emoji{font-size:72px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.pg-detail-step-label{font-size:11px;font-weight:700;color:#c9a84c;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.pg-detail-title{font-size:22px;font-weight:900;color:#1a1a2e;margin:0 0 4px}.pg-detail-arabic-title{font-size:20px;color:#c9a84c;font-weight:700;direction:rtl;margin:0}.pg-detail-body{padding:20px 24px 28px}.pg-detail-section{margin-bottom:18px}.pg-detail-section-title{font-size:12px;font-weight:700;color:#c9a84c;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px}.pg-detail-text{font-size:14px;color:#444;line-height:1.7;margin:0}.pg-detail-dua{background:linear-gradient(135deg,#faf8f2,#f5f0e5);border-left:3px solid #c9a84c;border-radius:0 12px 12px 0;padding:14px 16px;margin:8px 0}.pg-detail-dua-arabic{font-size:20px;color:#1a1a2e;direction:rtl;line-height:1.8;margin:0 0 8px;font-weight:600}.pg-detail-dua-trans{font-size:12px;color:#888;font-style:italic;line-height:1.5;margin:0}.pg-detail-dua-phonetic{font-size:12px;color:#c9a84c;font-weight:600;margin:4px 0 0}.pg-detail-nav{display:flex;gap:10px;padding:0 24px 20px}.pg-detail-nav-btn{flex:1;padding:12px 16px;border-radius:12px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.pg-detail-nav-btn.prev{background:#f5f3ef;color:#1a1a2e}.pg-detail-nav-btn.prev:hover{background:#ede9e0}.pg-detail-nav-btn.next{background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e}.pg-detail-nav-btn.next:hover{background:linear-gradient(135deg,#d4b35a,#f0c96a)}.pg-wudu-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#1a1a2e,#162040);border-radius:16px;border:1px solid rgba(201,168,76,.15);box-shadow:0 4px 18px #0000001f;margin-bottom:24px;cursor:pointer;transition:all .25s}.pg-wudu-banner:hover{border-color:#c9a84c59;box-shadow:0 8px 30px #c9a84c26}.pg-wudu-icon{font-size:36px;flex-shrink:0}.pg-wudu-text h3{font-size:15px;font-weight:800;color:#c9a84c;margin:0 0 4px}.pg-wudu-text p{font-size:12px;color:#ffffff8c;margin:0;line-height:1.5}.pg-wudu-arrow{margin-left:auto;color:#c9a84c;font-size:20px}.pg-wudu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.pg-wudu-card{background:#fff;border-radius:16px;padding:18px 12px;text-align:center;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.pg-wudu-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #c9a84c26}.pg-wudu-card-emoji{font-size:32px;display:block;margin-bottom:8px}.pg-wudu-card-name{font-size:12px;font-weight:800;color:#1a1a2e;margin:0 0 2px}.pg-wudu-card-arabic{font-size:11px;color:#c9a84c;font-weight:600;margin:0;direction:rtl}.pg-tips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;margin-bottom:24px}.pg-tip-card{background:#fff;border-radius:14px;padding:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d}.pg-tip-card-icon{font-size:24px;margin-bottom:8px}.pg-tip-card-title{font-size:13px;font-weight:800;color:#1a1a2e;margin:0 0 4px}.pg-tip-card-text{font-size:11px;color:#888;line-height:1.5;margin:0}@keyframes pg-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pg-slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.pg-hero{padding:32px 18px 28px}.pg-hero-title{font-size:24px}.pg-content{padding:24px 14px 0}.pg-steps-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pg-wudu-grid{grid-template-columns:repeat(2,1fr)}.pg-step-card{aspect-ratio:auto;min-height:180px}.pg-step-emoji{font-size:44px}.pg-tips{grid-template-columns:1fr}}@media (min-width: 601px) and (max-width: 900px){.pg-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 901px){.pg-steps-grid{grid-template-columns:repeat(3,1fr)}}.ug-root{min-height:100vh;background:#f5f3ef;padding-bottom:100px}.ug-hero{position:relative;background:linear-gradient(135deg,#0a0f1e,#1a1a2e,#0f1b35);padding:44px 24px 38px;overflow:hidden;text-align:center}.ug-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='rgba(201,168,76,0.05)' stroke-width='0.5'%3E%3Ccircle cx='60' cy='60' r='50'/%3E%3Ccircle cx='60' cy='60' r='40'/%3E%3Ccircle cx='60' cy='60' r='30'/%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Ccircle cx='60' cy='60' r='10'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px;pointer-events:none}.ug-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c9a84c,#e8c96a,#c9a84c);z-index:2}.ug-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto}.ug-hero-icon{font-size:56px;display:block;margin-bottom:12px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.ug-hero-title{font-size:30px;font-weight:900;color:#fff;margin:0 0 8px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.ug-hero-arabic{font-size:26px;color:#c9a84c;font-weight:700;direction:rtl;margin:0 0 12px}.ug-hero-subtitle{font-size:14px;color:#ffffff80;margin:0;line-height:1.6;font-style:italic}.ug-content{max-width:900px;margin:0 auto;padding:28px 20px 0}.ug-3d-scene{position:relative;width:100%;height:320px;border-radius:20px;overflow:hidden;margin-bottom:28px;box-shadow:0 8px 40px #0003;cursor:grab}.ug-3d-scene:active{cursor:grabbing}.ug-3d-scene canvas{display:block;width:100%;height:100%}.ug-3d-label{position:absolute;bottom:14px;left:14px;background:#0f1b35d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:10px;border:1px solid rgba(201,168,76,.25);pointer-events:none}.ug-3d-label-title{font-size:14px;font-weight:800;color:#c9a84c;margin:0}.ug-3d-label-sub{font-size:11px;color:#fff9;margin:0}.ug-3d-controls{position:absolute;top:14px;right:14px;display:flex;gap:6px}.ug-3d-ctrl-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,168,76,.3);background:#0f1b35cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c9a84c;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ug-3d-ctrl-btn:hover{background:#c9a84c33;border-color:#c9a84c}.ug-steps-nav{display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px;margin-bottom:24px;scrollbar-width:none}.ug-steps-nav::-webkit-scrollbar{display:none}.ug-step-pill{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:50px;border:2px solid transparent;background:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #0000000f}.ug-step-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a84c2e}.ug-step-pill.active{border-color:#c9a84c;background:linear-gradient(135deg,#1a1a2e,#162040);box-shadow:0 6px 24px #c9a84c40}.ug-step-pill-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#e8bf5a);color:#1a1a2e;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ug-step-pill.active .ug-step-pill-num{background:linear-gradient(135deg,#c9a84c,#e8bf5a)}.ug-step-pill-text{font-size:13px;font-weight:700;color:#1a1a2e;white-space:nowrap}.ug-step-pill.active .ug-step-pill-text{color:#fff}.ug-section-title{font-size:18px;font-weight:800;color:#1a1a2e;margin:0 0 20px;padding-bottom:8px;border-bottom:2.5px solid #c9a84c;display:inline-block}.ug-detail-card{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #00000014;overflow:hidden;margin-bottom:28px;animation:ug-fade-in .35s ease}.ug-detail-header{background:linear-gradient(135deg,#1a1a2e,#162040);padding:24px;display:flex;align-items:center;gap:18px}.ug-detail-icon{font-size:48px;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.ug-detail-header-text h2{font-size:22px;font-weight:900;color:#fff;margin:0 0 4px}.ug-detail-header-text .ug-arabic{font-size:20px;color:#c9a84c;font-weight:700;direction:rtl;margin:0 0 6px}.ug-detail-header-text .ug-location{font-size:12px;color:#ffffff80;margin:0}.ug-detail-body{padding:24px}.ug-detail-section{margin-bottom:20px}.ug-detail-section-title{font-size:12px;font-weight:700;color:#c9a84c;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px}.ug-detail-text{font-size:14px;color:#444;line-height:1.75;margin:0}.ug-substeps{list-style:none;padding:0;margin:0}.ug-substep{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06);animation:ug-slide-in .3s ease both}.ug-substep:last-child{border-bottom:none}.ug-substep-num{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#f8f6f0,#ede9e0);color:#c9a84c;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ug-substep-content h4{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.ug-substep-content p{font-size:12px;color:#888;line-height:1.6;margin:0}.ug-dua{background:linear-gradient(135deg,#faf8f2,#f5f0e5);border-left:3px solid #c9a84c;border-radius:0 14px 14px 0;padding:16px 18px;margin:12px 0}.ug-dua-arabic{font-size:20px;color:#1a1a2e;direction:rtl;line-height:1.8;margin:0 0 8px;font-weight:600}.ug-dua-phonetic{font-size:12px;color:#c9a84c;font-weight:600;margin:0 0 4px}.ug-dua-translation{font-size:12px;color:#888;font-style:italic;line-height:1.5;margin:0}.ug-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.ug-check-card{background:#fff;border-radius:14px;padding:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d;display:flex;align-items:flex-start;gap:12px;transition:transform .2s,box-shadow .2s;cursor:pointer}.ug-check-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a84c26}.ug-check-card.checked{border-color:#c9a84c;background:linear-gradient(135deg,#fffdf5,#faf6ea)}.ug-check-box{width:24px;height:24px;border-radius:7px;border:2px solid #ddd;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.ug-check-card.checked .ug-check-box{background:#c9a84c;border-color:#c9a84c;color:#fff}.ug-check-text{font-size:13px;font-weight:600;color:#1a1a2e}.ug-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.ug-tip{background:#fff;border-radius:14px;padding:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000d}.ug-tip-icon{font-size:28px;margin-bottom:10px}.ug-tip-title{font-size:13px;font-weight:800;color:#1a1a2e;margin:0 0 6px}.ug-tip-text{font-size:11px;color:#888;line-height:1.5;margin:0}@keyframes ug-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ug-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (max-width: 600px){.ug-hero{padding:32px 16px 28px}.ug-hero-title{font-size:24px}.ug-hero-arabic{font-size:22px}.ug-content{padding:20px 14px 0}.ug-3d-scene{height:260px;border-radius:16px}.ug-checklist,.ug-tips-grid{grid-template-columns:1fr}.ug-detail-header{flex-direction:column;text-align:center;padding:20px}}.landing-root{overflow-x:hidden;background:var(--color-parchment);font-family:var(--font-sans);color:var(--color-navy)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:72px;transition:background .4s ease,box-shadow .4s ease,backdrop-filter .4s ease}.landing-nav.scrolled{background:#1a1a2eeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #00000026}.landing-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.landing-nav-logo span:first-child{font-size:26px}.landing-nav-logo span:last-child{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-gold);letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{font-size:.875rem;font-weight:500;color:#ffffffb3;text-decoration:none;transition:color .2s ease;letter-spacing:.01em}.landing-nav-links a:hover{color:var(--color-gold);text-decoration:none}.landing-nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#c9a84c,#ddb85e);color:var(--color-navy)!important;font-weight:700!important;font-size:.875rem;border-radius:10px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #c9a84c59}.landing-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c9a84c80}@media (max-width: 768px){.landing-nav{padding:0 20px}.landing-nav-links{display:none}}.landing-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;background:var(--color-navy);overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='0.8'/%3E%3Cpath d='M40 10L70 40L40 70L10 40Z' fill='none' stroke='rgba(201,168,76,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:80px 80px;opacity:1;z-index:0}.landing-hero:after{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 60%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:780px}.hero-star{width:100px;height:100px;margin:0 auto 32px;animation:star-rotate 30s linear infinite;filter:drop-shadow(0 0 30px rgba(201,168,76,.4))}@keyframes star-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-bismillah{font-family:Amiri,Traditional Arabic,Georgia,serif;font-size:2rem;color:var(--color-gold);margin-bottom:20px;opacity:.85;direction:rtl;letter-spacing:.02em}@media (min-width: 768px){.hero-bismillah{font-size:2.75rem}}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:#fff;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.hero-title .gold{color:var(--color-gold)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffa6;line-height:1.7;max-width:580px;margin:0 auto 44px}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#c9a84c,#ddb85e);color:var(--color-navy);font-weight:700;font-size:1rem;border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 24px #c9a84c66}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #c9a84c8c;text-decoration:none}.hero-btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#ffffffe6;font-weight:600;font-size:1rem;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;text-decoration:none;transition:all .2s ease}.hero-btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold);background:#c9a84c14;text-decoration:none}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;animation:float-bounce 2.5s ease-in-out infinite}.hero-scroll span{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#ffffff59}@keyframes float-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.landing-section{padding:100px 24px;position:relative}.landing-section-inner{max-width:1140px;margin:0 auto}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-accent-light);color:var(--color-gold);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;margin-bottom:16px}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-navy);line-height:1.15;margin:0 0 16px}.section-desc{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;max-width:560px}.landing-verse-banner{background:var(--color-navy);padding:64px 24px;text-align:center;position:relative;overflow:hidden}.landing-verse-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='28' fill='none' stroke='rgba(201,168,76,0.05)' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='18' fill='none' stroke='rgba(201,168,76,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}.verse-inner{position:relative;max-width:700px;margin:0 auto}.verse-arabic{font-family:Amiri,Traditional Arabic,Georgia,serif;font-size:clamp(1.5rem,3vw,2.25rem);color:var(--color-gold);direction:rtl;line-height:1.8;margin:0 0 20px}.verse-translation{font-family:var(--font-heading);font-size:1.1rem;color:#ffffffbf;font-style:italic;line-height:1.7;margin:0 0 12px}.verse-source{font-size:.875rem;color:#c9a84c99;font-weight:500}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.pillar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:36px 28px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.pillar-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #1a1a2e1a;border-color:#c9a84c4d}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-gold),#e8c96a);opacity:0;transition:opacity .3s ease}.pillar-card:hover:before{opacity:1}.pillar-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;background:var(--color-accent-light)}.pillar-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--color-navy);margin:0 0 10px}.pillar-desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.stats-section{background:linear-gradient(160deg,var(--color-navy),#0f0f1e);padding:80px 24px;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0L100 50L50 100L0 50Z' fill='none' stroke='rgba(201,168,76,0.04)' stroke-width='0.6'/%3E%3C/svg%3E");background-size:100px 100px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;max-width:900px;margin:0 auto;position:relative;z-index:1;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-gold);line-height:1}.stat-label{font-size:.95rem;color:#fff9;font-weight:500}.steps-container{display:flex;flex-direction:column;gap:0;margin-top:48px;position:relative}.steps-container:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-gold),var(--color-border))}@media (min-width: 768px){.steps-container:before{left:50%;transform:translate(-50%)}}.step-row{display:flex;align-items:center;gap:24px;padding:24px 0;position:relative}@media (min-width: 768px){.step-row{justify-content:center;gap:48px}.step-row:nth-child(2n){flex-direction:row-reverse}}.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold),#ddb85e);color:var(--color-navy);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #c9a84c4d;position:relative;z-index:1}.step-content{flex:1;max-width:380px}.step-content h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin:0 0 8px;color:var(--color-navy)}.step-content p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:32px 28px;position:relative}.testimonial-card:before{content:"“";position:absolute;top:20px;left:24px;font-size:4rem;font-family:Georgia,serif;color:#c9a84c26;line-height:1}.testimonial-text{font-size:1rem;color:var(--color-text);line-height:1.7;margin:0 0 20px;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.testimonial-name{font-weight:600;font-size:.9rem;color:var(--color-navy)}.testimonial-role{font-size:.8rem;color:var(--color-text-muted)}.landing-cta-section{background:var(--color-navy);padding:100px 24px;text-align:center;position:relative;overflow:hidden}.landing-cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 60%);pointer-events:none}.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-inner h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.cta-inner p{font-size:1.1rem;color:#fff9;line-height:1.7;margin:0 0 36px}.landing-footer{background:#0f0f1e;padding:60px 24px 32px;border-top:1px solid rgba(201,168,76,.1)}.landing-footer-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}@media (max-width: 768px){.landing-footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 480px){.landing-footer-inner{grid-template-columns:1fr}}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-brand-logo{display:flex;align-items:center;gap:8px}.footer-brand-logo span:first-child{font-size:22px}.footer-brand-logo span:last-child{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-gold)}.footer-brand p{font-size:.85rem;color:#fff6;line-height:1.6;margin:0;max-width:280px}.footer-col h4{font-family:var(--font-sans);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:0 0 16px}.footer-col a{display:block;font-size:.9rem;color:#ffffff8c;text-decoration:none;padding:4px 0;transition:color .2s ease}.footer-col a:hover{color:var(--color-gold);text-decoration:none}.footer-bottom{max-width:1140px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom span{font-size:.8rem;color:#ffffff4d}.landing-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:#c9a84c26;animation:particle-float linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20vh) scale(1);opacity:0}}.hero-ornament-left,.hero-ornament-right{position:absolute;z-index:0;opacity:.06;pointer-events:none}.hero-ornament-left{top:10%;left:-80px;width:300px;height:300px;animation:star-rotate 60s linear infinite reverse}.hero-ornament-right{bottom:5%;right:-60px;width:250px;height:250px;animation:star-rotate 45s linear infinite}@media (max-width: 600px){.landing-section{padding:64px 20px}.landing-hero{padding:100px 20px 64px;min-height:90vh}.hero-star{width:72px;height:72px;margin-bottom:24px}.pillars-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:32px}.hero-ctas{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center}.steps-container:before{display:none}}.hero-star-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.25) 0%,transparent 70%);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}