@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap&subset=vietnamese";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap&subset=vietnamese";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--brand-burgundy: #9C0612;--brand-burgundy-dark: #6B0F1A;--brand-royal: #112250;--brand-royal-dark: #0A1628;--brand-gold: #FFBD59;--brand-gold-light: #FFD699;--accent-cyan: #00D9FF;--accent-cyan-dark: #00A8CC;--accent-green: #00FF88;--accent-green-dark: #0ECB81;--accent-purple: #8B5CF6;--accent-purple-dark: #7C3AED;--success: #0ECB81;--success-bg: rgba(14, 203, 129, .15);--danger: #F6465D;--danger-bg: rgba(246, 70, 93, .15);--warning: #FFBD59;--warning-bg: rgba(255, 189, 89, .15);--info: #00D9FF;--info-bg: rgba(0, 217, 255, .15);--bg-base: #0A1628;--bg-elevated: rgba(17, 34, 80, .6);--bg-card: rgba(30, 42, 94, .4);--bg-overlay: rgba(17, 34, 80, .95);--glass-light: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(20px);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .45);--shadow-gold: 0 0 20px rgba(255, 189, 89, .3);--shadow-cyan: 0 0 20px rgba(0, 217, 255, .3);--shadow-burgundy: 0 0 20px rgba(156, 6, 18, .4);--gradient-primary: linear-gradient(135deg, var(--brand-burgundy), var(--brand-royal));--gradient-gold: linear-gradient(135deg, #FFD699, #FFBD59);--gradient-cyan: linear-gradient(135deg, #00D9FF, #00A8CC);--gradient-purple: linear-gradient(135deg, #8B5CF6, #7C3AED);--sidebar-width-left: 20%;--sidebar-width-right: 30%;--main-content-width: 50%;--navbar-height: 60px;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;font-family:var(--font-body);line-height:1.6;font-weight:var(--font-normal);color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9c0612,#112250)}*:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px;border-radius:var(--radius-sm)}*{-webkit-font-feature-settings:"liga" 1,"kern" 1;font-feature-settings:"liga" 1,"kern" 1}h1,h2,h3,h4,h5,h6,.hero-title,.section-title,.category-card-title{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}.hero-title,.section-title,.category-card-title,h1,h2,h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:700!important}:root{--bg-base-dark: #0A0E27;--bg-base-mid: #141B3D;--bg-base-light: #1E2A5E;--bg-gradient-base: linear-gradient(135deg, #0A0E27 0%, #141B3D 50%, #1E2A5E 100%);--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--glow-blue-dark: rgba(30, 64, 175, .3);--bg-primary: #0A0E27;--bg-secondary: #141B3D;--bg-tertiary: #1E2A5E;--bg-gradient: linear-gradient(135deg, #0A0E27 0%, #141B3D 50%, #1E2A5E 100%);--bg-card: rgba(30, 42, 94, .4);--bg-card-hover: rgba(30, 42, 94, .6);--brand-burgundy: #9C0612;--brand-burgundy-dark: #6B0F1A;--brand-burgundy-light: #B91D28;--brand-gold: #FFBD59;--brand-gold-muted: #D4A574;--brand-gold-light: #DEBC81;--brand-cyan: #00D9FF;--brand-blue: #4D9DE0;--brand-purple: #8B5CF6;--brand-pink: #FF6B9D;--accent-green: #00FF88;--accent-red: #FF4757;--accent-orange: #FF9F43;--accent-yellow: #FFC312;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .35);--gradient-bg: linear-gradient(135deg, #0A0E27 0%, #141B3D 50%, #1E2A5E 100%);--gradient-card: linear-gradient(180deg, rgba(74, 26, 79, .35) 0%, rgba(107, 15, 26, .25) 100%);--gradient-burgundy: linear-gradient(135deg, #9C0612 0%, #6B0F1A 100%);--gradient-cyan: linear-gradient(135deg, #00D9FF 0%, #4D9DE0 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--gradient-gold-text: linear-gradient(135deg, #FFFFFF 0%, #FFBD59 100%);--gradient-rainbow: linear-gradient(135deg, #00D9FF 0%, #8B5CF6 50%, #FF6B9D 100%);--font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "Fira Code", "Courier New", Courier, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 72px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tighter: -2px;--tracking-tight: -1px;--tracking-normal: 0;--tracking-wide: .5px;--tracking-wider: 1px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 30px;--radius-full: 50px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .3);--glow-gold: 0 0 30px rgba(255, 189, 89, .5);--glow-burgundy: 0 10px 40px rgba(156, 6, 18, .4);--glow-cyan: 0 0 30px rgba(0, 217, 255, .4);--glow-purple: 0 0 30px rgba(139, 92, 246, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1400px;--breakpoint-2xl: 1920px;--course-primary: #00D9FF;--course-accent: #4A90E2;--course-glow: rgba(0, 217, 255, .3);--course-bg: rgba(0, 180, 216, .05);--tier-free-color: #888888;--tier-free-bg: rgba(136, 136, 136, .1);--tier1-color: #FFD700;--tier1-bg: rgba(255, 215, 0, .1);--tier1-border: rgba(255, 215, 0, .3);--tier2-color: #E8C4FF;--tier2-bg: rgba(232, 196, 255, .1);--tier2-border: rgba(139, 92, 246, .3);--tier3-color: #FF6B9D;--tier3-bg: rgba(255, 107, 157, .1);--tier3-border: rgba(255, 107, 157, .3);--gradient-course-hero: linear-gradient(135deg, var(--course-primary) 0%, var(--course-accent) 100%);--gradient-course-card: linear-gradient(135deg, rgba(0, 217, 255, .1) 0%, rgba(74, 144, 226, .1) 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{position:relative;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--bg-gradient-base);background-attachment:fixed;background-size:cover;-webkit-font-feature-settings:"liga","kern";font-feature-settings:"liga","kern";overflow-x:hidden;min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 85% 20%,var(--glow-blue-bright) 0%,var(--glow-blue-medium) 20%,transparent 50%);filter:blur(80px);pointer-events:none;z-index:0;animation:glowMove1 10s ease-in-out infinite;will-change:transform}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 80%,var(--glow-blue-dark) 0%,transparent 40%);filter:blur(60px);pointer-events:none;z-index:0;animation:glowMove2 12s ease-in-out infinite;will-change:transform}@keyframes glowMove1{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-20px,10px) scale(1.1);opacity:.95}}@keyframes glowMove2{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(15px,-20px) scale(1.05);opacity:.9}}#root,.app,main,.app-container{position:relative;z-index:1}header,nav,.header{position:relative;z-index:100}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}a{color:var(--brand-cyan);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--brand-gold)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}img,svg,video{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--brand-burgundy);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--brand-burgundy-dark)}*{scrollbar-width:thin;scrollbar-color:var(--brand-burgundy) var(--bg-secondary)}.heading-xl{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--glow-gold);animation:heroFloat 4s ease-in-out infinite}.heading-lg{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-md{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}.heading-sm{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--brand-gold)}.text-cyan{color:var(--brand-cyan)}.text-burgundy{color:var(--brand-burgundy)}.text-purple{color:var(--brand-purple)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.underline{text-decoration:underline}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}@media(max-width:768px){.heading-xl{font-size:48px;letter-spacing:-1px}.heading-lg{font-size:32px}.heading-md{font-size:24px}}.text-body-lg{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.text-body-base{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary)}.text-body-sm{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary)}.text-caption{font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted)}.text-number{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:.5px;color:var(--text-primary)}.text-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary)}.text-subtitle{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-secondary);opacity:.9}.text-quote{font-family:var(--font-body);font-size:var(--text-lg);font-style:italic;line-height:var(--leading-relaxed);color:var(--text-secondary);border-left:4px solid var(--brand-gold);padding-left:var(--space-md)}.text-gradient-gold{background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#00d9ff,#4d9de0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow-gold{color:var(--brand-gold);text-shadow:0 0 20px rgba(255,189,89,.6)}.text-glow-cyan{color:var(--brand-cyan);text-shadow:0 0 20px rgba(0,217,255,.6)}.text-shadow-dark{text-shadow:0 2px 8px rgba(0,0,0,.5)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{word-break:normal;overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.list-none{list-style-type:none}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.link-primary{color:var(--brand-cyan);text-decoration:none;transition:color var(--transition-base)}.link-primary:hover{color:var(--brand-gold);text-decoration:underline}.link-subtle{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.link-subtle:hover{color:var(--text-primary)}.pattern-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1px;color:var(--brand-cyan)}.pattern-confidence{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary)}.pattern-confidence.high{color:var(--accent-green)}.pattern-confidence.medium{color:var(--accent-orange)}.pattern-confidence.low{color:var(--accent-red)}.price-primary{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:.5px}.price-secondary{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.price-small{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary)}.price-change{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold)}.price-change.positive{color:var(--accent-green)}.price-change.positive:before{content:"+"}.price-change.negative{color:var(--accent-red)}.crypto-pair{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.crypto-symbol{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase}.timeframe-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--brand-purple)}.status-text{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.status-text.active{color:var(--accent-green)}.status-text.pending{color:var(--accent-orange)}.status-text.closed{color:var(--text-muted)}.status-text.error{color:var(--accent-red)}@media(max-width:768px){.text-body-lg,.text-number{font-size:var(--text-base)}.text-quote{font-size:var(--text-base);padding-left:var(--space-sm)}.price-primary{font-size:var(--text-xl)}.crypto-pair{font-size:var(--text-base)}}@media(max-width:480px){.text-subtitle{font-size:var(--text-base)}}.container{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container-full{width:100%;max-width:100%;padding:var(--space-xl) var(--space-lg)}@media(max-width:768px){.container,.container-full{padding:var(--space-md) var(--space-sm)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-rows-1{grid-template-rows:repeat(1,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.grid-rows-3{grid-template-rows:repeat(3,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.container-sm{max-width:768px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container-lg{max-width:1600px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container-narrow{max-width:960px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}@media(max-width:768px){.container-sm,.container-lg,.container-narrow{padding:var(--space-md) var(--space-sm)}}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-xl) 0}.section-lg{padding:120px 0}@media(max-width:768px){.section,.section-lg{padding:var(--space-2xl) 0}}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-flat{box-shadow:none}.card-flat:hover{transform:none}.scanner-layout{display:grid;grid-template-columns:20% 50% 30%;gap:var(--space-md);height:calc(100vh - 160px);overflow:hidden}.scanner-left{overflow-y:auto;padding:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12)}.scanner-center{display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden}.scanner-right{overflow-y:auto;padding:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12)}@media(max-width:768px){.scanner-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.scanner-left,.scanner-center,.scanner-right{max-height:none}}.tab-navigation{display:flex;gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:2px solid rgba(255,255,255,.12);overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-tertiary);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.tab-button:hover{color:var(--text-primary);background:#ffffff0d}.tab-button.active{color:var(--brand-gold);border-bottom-color:var(--brand-gold);background:#ffbd591a}.tab-button .icon{font-size:var(--text-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-gold)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-change{font-size:var(--text-sm);font-weight:var(--font-medium)}.feed-container{max-width:800px;margin:0 auto}.feed-item{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-base)}.feed-item:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-md)}.feed-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.feed-item-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;border-radius:var(--radius-full)}.feed-item-badge.trading{background:#00d9ff33;color:var(--brand-cyan)}.feed-item-badge.wellness{background:#8b5cf633;color:var(--brand-purple)}.feed-item-badge.integration{background:#ffbd5933;color:var(--brand-gold)}.feed-item-time{font-size:var(--text-xs);color:var(--text-muted)}.feed-item-content{margin-bottom:var(--space-sm)}.feed-item-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.feed-item-description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.feed-item-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);border:1px solid}.tier-badge.free{background:#00ff8826;border-color:var(--accent-green);color:var(--accent-green)}.tier-badge.tier1{background:#00d9ff26;border-color:var(--brand-cyan);color:var(--brand-cyan)}.tier-badge.tier2{background:#8b5cf626;border-color:var(--brand-purple);color:var(--brand-purple)}.tier-badge.tier3{background:#ffbd5926;border-color:var(--brand-gold);color:var(--brand-gold)}.tier-badge.locked{background:#ffffff0d;border-color:var(--text-muted);color:var(--text-muted)}.sub-tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.sub-tool-button{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.sub-tool-button:hover:not(.locked){background:#ffffff14;border-color:var(--brand-gold);transform:translate(4px)}.sub-tool-button.locked{opacity:.5;cursor:not-allowed}.sub-tool-info{display:flex;align-items:center;gap:var(--space-sm)}.sub-tool-icon{font-size:var(--text-xl)}.sub-tool-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;min-height:calc(100vh - 80px);padding:var(--space-3xl) 0}.hero-left{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:1024px){.hero-split{grid-template-columns:1fr;gap:var(--space-2xl);min-height:auto}.hero-right{order:-1}}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden}.data-table thead{background:#ffffff0d}.data-table th{padding:var(--space-md);text-align:left;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.12)}.data-table td{padding:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.08)}.data-table tbody tr{transition:background var(--transition-base)}.data-table tbody tr:hover{background:#ffffff0d}.data-table tbody tr:last-child td{border-bottom:none}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}@media(max-width:768px){.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:var(--space-sm)}}.sidebar-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl)}.sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-main{flex:1}@media(max-width:1024px){.sidebar-layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none}}.modal-overlay{position:fixed;inset:0;background:#0a1628d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-base-mid);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff1a}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-xl);border-top:1px solid rgba(255,255,255,.12);display:flex;gap:var(--space-md);justify-content:flex-end}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-auto::-webkit-scrollbar,.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar{width:8px;height:8px}.overflow-auto::-webkit-scrollbar-track,.overflow-x-auto::-webkit-scrollbar-track,.overflow-y-auto::-webkit-scrollbar-track{background:#ffffff0d}.overflow-auto::-webkit-scrollbar-thumb,.overflow-x-auto::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb{background:var(--brand-burgundy);border-radius:var(--radius-full)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-center{object-position:center}.object-top{object-position:top}.object-bottom{object-position:bottom}.object-left{object-position:left}.object-right{object-position:right}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-move{cursor:move}.cursor-help{cursor:help}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-full{grid-row:1 / -1}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.-mt-md{margin-top:calc(var(--space-md) * -1)}.-mt-lg{margin-top:calc(var(--space-lg) * -1)}.-ml-md{margin-left:calc(var(--space-md) * -1)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pt-2xl{padding-top:var(--space-2xl)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.w-screen{width:100vw}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.max-w-xs{max-width:320px}.max-w-sm{max-width:480px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1400px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.border{border:1px solid rgba(255,255,255,.12)}.border-2{border:2px solid rgba(255,255,255,.12)}.border-gold{border-color:var(--brand-gold)}.border-burgundy{border-color:var(--brand-burgundy)}.border-cyan{border-color:var(--brand-cyan)}.border-t{border-top:1px solid rgba(255,255,255,.12)}.border-b{border-bottom:1px solid rgba(255,255,255,.12)}.border-l{border-left:1px solid rgba(255,255,255,.12)}.border-r{border-right:1px solid rgba(255,255,255,.12)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-none{border-radius:0}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.divider{height:1px;background:#ffffff1f;margin:var(--space-md) 0}.divider-lg{height:1px;background:#ffffff1f;margin:var(--space-lg) 0}@media(max-width:1024px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}.md\:hidden{display:none}.md\:block{display:block}}@media(max-width:480px){.grid-auto-fit,.grid-auto-fill{grid-template-columns:1fr}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-float{animation:heroFloat 4s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-slideInLeft{animation:slideInLeft .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{background:linear-gradient(90deg,var(--brand-gold-muted) 0%,var(--brand-gold) 50%,var(--brand-gold-muted) 100%);background-size:200% 100%;animation:goldShimmer 2s ease-in-out infinite}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-5px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-gold)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes scaleDown{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shakeY{0%,to{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-5px)}20%,40%,60%,80%{transform:translateY(5px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ffbd594d}50%{box-shadow:0 0 40px #ffbd5999}}@keyframes cyanGlow{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #00d9ff99}}@keyframes borderGlow{0%,to{border-color:#ffbd5980}50%{border-color:#ffbd59}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes loadingBar{0%{width:0%}to{width:100%}}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeOut{animation:fadeOut .5s ease-out}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out}.animate-fadeInRight{animation:fadeInRight .6s ease-out}.animate-slideInUp{animation:slideInUp .5s ease-out}.animate-slideInDown{animation:slideInDown .5s ease-out}.animate-slideOutLeft{animation:slideOutLeft .5s ease-out}.animate-slideOutRight{animation:slideOutRight .5s ease-out}.animate-scaleOut{animation:scaleOut .4s ease-out}.animate-scaleUp{animation:scaleUp .3s ease-out}.animate-pulse-slow{animation:pulseSlow 3s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-bounceIn{animation:bounceIn .6s ease-out}.animate-spin-slow{animation:spin 2s linear infinite}.animate-spin-reverse{animation:spinReverse 1s linear infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}.animate-shakeY{animation:shakeY .5s ease-in-out}.animate-glow-gold{animation:glowPulse 2s ease-in-out infinite}.animate-glow-cyan{animation:cyanGlow 2s ease-in-out infinite}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.animate-loading-dots:after{content:"";display:inline-block;animation:dotPulse 1.4s infinite}.animate-skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite}.hover-lift-sm:hover{transform:translateY(-2px)}.hover-lift-lg:hover{transform:translateY(-10px)}.hover-glow-cyan{transition:box-shadow var(--transition-base)}.hover-glow-cyan:hover{box-shadow:0 0 30px #00d9ff80}.hover-glow-burgundy{transition:box-shadow var(--transition-base)}.hover-glow-burgundy:hover{box-shadow:0 10px 40px #9c061299}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm{transition:transform var(--transition-base)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-scale-lg{transition:transform var(--transition-base)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.2)}.hover-border-glow{transition:border-color var(--transition-base),box-shadow var(--transition-base)}.hover-border-glow:hover{border-color:var(--brand-gold);box-shadow:0 0 20px #ffbd5966}.hover-slide-right{transition:transform var(--transition-base)}.hover-slide-right:hover{transform:translate(5px)}.hover-slide-left{transition:transform var(--transition-base)}.hover-slide-left:hover{transform:translate(-5px)}.hover-rotate{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.hover-shadow{transition:box-shadow var(--transition-base)}.hover-shadow:hover{box-shadow:var(--shadow-xl)}.delay-0{animation-delay:0ms}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.animate-once{animation-iteration-count:1}.animate-twice{animation-iteration-count:2}.animate-infinite{animation-iteration-count:infinite}.btn-click-effect{position:relative;overflow:hidden}.btn-click-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-click-effect:active:after{width:300px;height:300px}.card-hover-effect{transition:all var(--transition-base);position:relative}.card-hover-effect:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,189,89,.1));opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-gold)}.card-hover-effect:hover:before{opacity:1}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--brand-gold);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-lg{width:40px;height:40px;border-width:4px}.notification-enter{animation:slideInRight .4s ease-out}.notification-exit{animation:slideOutRight .4s ease-out}.modal-backdrop-enter{animation:fadeIn .3s ease-out}.modal-backdrop-exit{animation:fadeOut .3s ease-out}.tooltip-show{animation:fadeInUp .2s ease-out}.badge-pulse{animation:pulse 2s ease-in-out infinite}.price-increase{animation:fadeInUp .3s ease-out,glowPulse 1s ease-out;color:var(--accent-green)}.price-decrease{animation:fadeInDown .3s ease-out,shake .5s ease-out;color:var(--accent-red)}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animation-paused{animation-play-state:paused}.animation-running{animation-play-state:running}.card-glass{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card-stat{background:linear-gradient(180deg,#4a1a4f59,#6b0f1a40);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.22);border-radius:16px;padding:24px;box-shadow:0 0 18px #ffbd592e;transition:all .3s ease;text-align:center}.card-stat:hover{transform:translateY(-4px);border-color:#ffbd5966;box-shadow:0 0 28px #ffbd594d}.card-pricing{background:#11225099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.3);border-radius:10px;padding:12px 10px;box-shadow:0 8px 32px #00000059;transition:all .4s ease;position:relative;overflow:visible}.card-pricing h2,.card-pricing h3{font-size:18px!important;margin-bottom:8px!important}.card-pricing>div[style*="font-size: 48px"],.card-pricing>div[style*="font-size: 56px"]{font-size:24px!important}.card-pricing>div[style*=marginBottom]{margin-bottom:8px!important}.card-pricing:hover{transform:translateY(-8px);box-shadow:0 16px 56px #00000080}.card-pricing-free{border-color:#0f86}.card-pricing-pro{border-color:#ffbd5980}.card-pricing-premium{border:3px solid rgba(139,92,246,.6);box-shadow:0 12px 48px #8b5cf64d;transform:scale(1.03)}.card-pricing-premium:hover{transform:scale(1.06) translateY(-8px);box-shadow:0 20px 60px #8b5cf680}.card-pricing-vip{border:3px solid rgba(255,189,89,.8);background:linear-gradient(180deg,#9c06124d,#11225099);box-shadow:0 12px 48px #ffbd5966}.card-pricing-vip:hover{box-shadow:0 16px 60px #ffbd5999}.card-faq{background:#112250cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,189,89,.2);border-radius:16px;padding:24px;transition:all .3s ease}.card-faq:hover{border-color:#ffbd5966;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card-faq h4{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.card-faq p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#fffc;line-height:1.6;margin:0}.feature-box{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;margin-bottom:5px;transition:all .2s ease;font-size:10px}.feature-box:hover{background:#ffffff14;border-color:#ffffff26}.feature-box-green{background:#00ff880d;border-color:#00ff881a}.feature-box-gold{background:#ffbd590d;border-color:#ffbd591a}.feature-box-purple{background:#8b5cf60d;border-color:#8b5cf61a}.feature-box-cyan{background:#00d9ff0d;border-color:#00d9ff1a}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;text-decoration:none;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.btn-primary:active{transform:translateY(0)}.btn-sm{padding:14px 32px;font-size:16px}.btn-md{padding:18px 40px;font-size:18px}.btn-lg{padding:22px 48px;font-size:20px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffe6;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0f8,#00d9ff);border:none;border-radius:12px;color:#0a0e27;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ff884d;text-decoration:none}.btn-success:hover{transform:scale(1.02);box-shadow:0 6px 30px #00ff8880}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff8c00);border:none;border-radius:12px;color:#0a0e27;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffbd594d;text-decoration:none}.btn-warning:hover{transform:scale(1.02);box-shadow:0 6px 30px #ffbd5980}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666;text-decoration:none}.btn-premium:hover{transform:scale(1.02);box-shadow:0 6px 30px #8b5cf699}.btn-vip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff8c00,#9c0612);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffbd5980;text-decoration:none}.btn-vip:hover{transform:scale(1.02);box-shadow:0 6px 30px #ffbd59b3}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-warning:disabled,.btn-premium:disabled,.btn-vip:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:8px 16px;font-size:12px}.btn-lg{padding:16px 32px;font-size:16px}.badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:50px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease}.badge-popular{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 20px #8b5cf666;position:absolute;top:-12px;right:16px}.badge-free{background:#00ff8826;border:1px solid rgba(0,255,136,.4);color:#0f8}.badge-pro{background:#ffbd5926;border:1px solid rgba(255,189,89,.4);color:#ffbd59}.badge-premium{background:#8b5cf626;border:1px solid rgba(139,92,246,.4);color:#8b5cf6}.badge-vip{background:#ffbd5933;border:1px solid rgba(255,189,89,.6);color:#ffbd59}.badge-current{background:#0f83;border:1px solid rgba(0,255,136,.5);color:#0f8}.badge-gold{background:#ffbd591f;border:1px solid rgba(255,189,89,.35);color:#ffbd59;box-shadow:0 0 20px #ffbd5933}.badge-cyan{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:#00d9ff}.badge-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.input{width:100%;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;color:#fff;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:all .3s ease}.input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;background:#1e2a5e80}.card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff33}.page-container{min-height:100vh;background:transparent;position:relative;overflow:visible}.page-container:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,189,89,.08) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none;z-index:0}.page-content{position:relative;z-index:1;padding:80px 20px 20px;max-width:1400px;margin:0 auto;width:100%}.page-content.wide{max-width:1400px}.page-content.narrow{max-width:900px}@media(max-width:768px){.page-content{padding:12px}}.divider-gold{height:2px;background:linear-gradient(90deg,transparent,rgba(255,189,89,.5),transparent);margin:24px 0;border:none}.divider-cyan{height:2px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.5),transparent);margin:24px 0;border:none}.divider-purple{height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);margin:24px 0;border:none}.divider-green{height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent);margin:12px 0;border:none}.combo-badge{padding:5px 7px;border-radius:5px;margin-bottom:6px;transition:all .3s ease;font-size:9px}.combo-badge-gold{background:#ffbd591a;border:1px solid rgba(255,189,89,.3)}.combo-badge-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.combo-badge-green{background:#00ff881a;border:1px solid rgba(0,255,136,.3)}@media(max-width:768px){.card-glass,.card-stat,.card-pricing,.card-faq{padding:16px}.btn-primary,.btn-success,.btn-warning,.btn-premium,.btn-vip{padding:10px 20px;font-size:13px}.page-content{padding:12px}}.heading-gold{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:48px;font-weight:900;line-height:1.1;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(255,189,89,.5);margin-bottom:16px}.heading-gold-sm{font-size:32px;font-weight:900}.heading-gold-lg{font-size:56px;font-weight:900}.heading-vip{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:900;background:linear-gradient(135deg,#ffbd59,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px rgba(255,189,89,.5)}.text-green{color:#0f8}.text-gold{color:#ffbd59}.text-purple{color:#8b5cf6}.text-cyan{color:#00d9ff}.text-red{color:#ff4757}.text-white{color:#fff}.text-muted{color:#fff9}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24,.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px;letter-spacing:.5px}.auth-input{width:100%;padding:14px 18px;font-size:15px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#1e2a5e99;border:2px solid rgba(255,255,255,.15);border-radius:12px;outline:none;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-input::placeholder{color:#fff6}.auth-input:focus{border-color:#ffbd5999;background:#1e2a5ecc;box-shadow:0 0 0 3px #ffbd5926,0 0 20px #ffbd594d;transform:translateY(-1px)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.pricing-header{text-align:center;margin-bottom:60px;padding:40px 20px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:700;color:#fff;margin-bottom:10px}.section-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:0}.current-tier-badge{display:inline-block;margin-top:8px;padding:4px 10px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:8px;font-size:11px;font-weight:500;color:#ffffffe6}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:100%;margin:0 auto;padding:0}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.chatbot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.pricing-faq{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.pricing-cta-bottom{text-align:center;max-width:800px;margin:80px auto 40px;padding:60px 40px;background:#11225099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.3);border-radius:24px;box-shadow:0 12px 40px #0006}.pricing-cta-bottom h3{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;color:#fff}.pricing-cta-bottom p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffb3}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr!important;gap:20px}.chatbot-grid{grid-template-columns:1fr;gap:20px}.faq-grid{grid-template-columns:1fr;gap:16px}.pricing-header{margin-bottom:40px;padding:20px}.section-header h2{font-size:28px}.pricing-cta-bottom{padding:40px 24px;margin:60px 20px 40px}.card-pricing{padding:16px!important}}.setting-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px}.option-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:#11225080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .3s ease}.option-card:hover{border-color:#ffbd5966;background:#112250b3;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.option-card.active{border-color:#ffbd59cc;background:#ffbd5926;box-shadow:0 0 30px #ffbd594d}.option-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.option-icon{font-size:32px;line-height:1}.option-label{font-size:15px;font-weight:600;color:#ffffffe6}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:28px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:2px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:#00ff884d;border-color:#0f8}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background:#0f8}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.notification-settings{display:flex;flex-direction:column;gap:16px;margin-top:20px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#11225066;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.notification-item:hover{background:#11225099;border-color:#fff3}.notification-info{display:flex;align-items:center;gap:16px;flex:1}.notification-icon{font-size:24px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffbd5926;border-radius:10px}.notification-text{display:flex;flex-direction:column;gap:4px}.notification-title{font-size:16px;font-weight:600;color:#fffffff2}.notification-desc{font-size:14px;color:#fff9}.telegram-setup{margin-top:16px;padding:20px;background:#00d9ff14;border:1px solid rgba(0,217,255,.2);border-radius:12px}.telegram-input{width:100%;padding:12px 16px;font-size:15px;font-family:Poppins,sans-serif;color:#fff;background:#11225099;border:2px solid rgba(0,217,255,.3);border-radius:10px;outline:none;transition:all .3s ease;margin-top:8px}.telegram-input:focus{border-color:#00d9ff99;box-shadow:0 0 0 3px #00d9ff26}.input-label{display:block;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px}.input-hint{font-size:13px;color:#ffffff80;margin-top:8px;font-style:italic}.profile-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-item:last-child{border-bottom:none}.profile-label{font-size:15px;font-weight:600;color:#ffffffb3}.profile-value{font-size:15px;font-weight:500;color:#fffffff2}.profile-tier{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#ffbd59,#ff8c00);border-radius:8px;font-size:13px;font-weight:700;color:#0a0e27;letter-spacing:.5px}.profile-role{display:inline-block;padding:6px 12px;background:#00d9ff33;border:1px solid rgba(0,217,255,.4);border-radius:8px;font-size:13px;font-weight:600;color:#00d9ff;letter-spacing:.5px}.profile-role.admin{background:#ffbd5933;border-color:#ffbd5966;color:#ffbd59}.settings-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.toast-notification{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:16px 24px;background:#00ff8826;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid #00FF88;border-radius:12px;box-shadow:0 8px 32px #0006;color:#0f8;font-weight:600;font-size:15px;z-index:10000;animation:slideIn .3s ease}.toast-notification.error{background:#ef444426;border-color:#ef4444;color:#ef4444}.toast-icon{font-size:20px;line-height:1}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.settings-header{text-align:center;margin-bottom:40px}.settings-content{max-width:900px;margin:0 auto}@media(max-width:768px){.setting-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.option-card{padding:20px 12px}.option-icon{font-size:28px}.notification-item{flex-direction:column;align-items:flex-start;gap:16px}.settings-actions{flex-direction:column}.toast-notification{bottom:16px;right:16px;left:16px}}:root{--current-bg: var(--bg-gradient);--current-text: var(--text-primary)}.theme-dark{color-scheme:dark}.theme-light{color-scheme:light}.top-nav-bar{position:sticky;top:0;left:0;right:0;background:linear-gradient(135deg,#1a2847,#0f1b35);border-bottom:2px solid rgba(255,189,89,.2);box-shadow:0 4px 20px #0000004d;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:transform .3s ease-in-out;transform:translateY(0)}.top-nav-bar.nav-hidden{transform:translateY(-100%);box-shadow:none}.nav-container{max-width:1920px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:36px;filter:drop-shadow(0 0 8px rgba(255,189,89,.5));animation:gemPulse 2s ease-in-out infinite}@keyframes gemPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,189,89,.5))}50%{filter:drop-shadow(0 0 16px rgba(255,189,89,.8))}}.logo-text{display:flex;flex-direction:column}.logo-title{color:#ffbd59;font-size:18px;font-weight:800;letter-spacing:1px;line-height:1}.logo-subtitle{color:#debc81;font-size:12px;font-weight:600;letter-spacing:2px}.nav-main{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-start}.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;min-width:130px;max-width:130px;height:44px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none;white-space:nowrap;flex-shrink:0;flex-grow:0;box-sizing:border-box;outline:none}.nav-item:focus,.nav-item:active,.nav-item:focus-within{outline:none!important;box-shadow:none!important;border:1px solid rgba(255,189,89,.2)!important}.nav-item.dropdown-trigger:focus,.nav-item.dropdown-trigger:active{outline:none!important;box-shadow:none!important}.nav-item:focus-visible{outline:2px solid rgba(255,189,89,.5)!important;outline-offset:2px}.nav-item:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-2px)}.nav-item.active{background:linear-gradient(135deg,#ffbd594d,#ffbd5926);border-color:#ffbd59;box-shadow:0 0 16px #ffbd594d,inset 0 0 12px #ffbd591a}.nav-icon{font-size:18px}.nav-label{white-space:nowrap}.nav-badge{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 4px #f443364d}50%{box-shadow:0 0 12px #f4433699}}.nav-dropdown,.dropdown-trigger{position:relative}.dropdown-trigger .rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:linear-gradient(135deg,#1a2847,#0f1b35);border:2px solid rgba(255,189,89,.3);border-radius:12px;padding:8px;box-shadow:0 8px 32px #00000080;z-index:1001;animation:dropdownSlide .2s ease}.tools-menu{min-width:700px;max-width:740px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.dropdown-section{display:flex;flex-direction:column;gap:4px;padding:8px;background:#1122504d;border-radius:8px;border:1px solid rgba(255,189,89,.15);overflow:hidden;position:relative}.section-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 6px;margin-bottom:6px;border-bottom:1px solid rgba(255,189,89,.2);position:relative}.section-title{font-size:10px;font-weight:700;letter-spacing:.5px;color:#fff9;text-transform:uppercase;width:100%;position:relative}.dropdown-menu .tier-badge,.tools-menu .tier-badge,.section-header .tier-badge{font-size:8px!important;font-weight:700!important;padding:3px 8px!important;border-radius:4px!important;letter-spacing:.3px!important;white-space:nowrap!important;position:relative!important;display:inline-block!important;margin:0!important;inset:auto!important;transform:none!important}.tier-badge.tier-1{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 0 8px #3b82f64d}.tier-badge.tier-2{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 0 8px #8b5cf64d}.tier-badge.tier-3{background:linear-gradient(135deg,#ffbd59,#f59e0b);color:#1a2847;font-weight:800;box-shadow:0 0 12px #ffbd5966}.tier-badge.tier-free{background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.2)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none;position:relative}.dropdown-item:hover{background:#ffbd591a;color:#ffbd59}.dropdown-item svg{color:#ffbd59b3;flex-shrink:0}.dropdown-item.locked{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item.locked span{color:#fff6}.lock-icon{margin-left:auto;color:#ffbd5980}.dropdown-item.danger{color:#ef4444e6}.dropdown-item.danger:hover{background:#ef44441a;color:#ef4444}.dropdown-item.danger svg{color:#ef4444b3}.dropdown-divider{height:1px;background:#ffbd5933;margin:8px 0}.badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:20px;text-align:center}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-item-desktop{display:flex}.nav-label-desktop{display:inline}.account-dropdown{position:relative}.user-menu{gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,189,89,.3)}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{right:0;left:auto;min-width:240px}.account-info{padding:12px 16px;border-bottom:1px solid rgba(255,189,89,.2);margin-bottom:8px}.user-email{font-size:13px;color:#ffffffb3;margin:0 0 8px;word-break:break-word}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{width:100%;height:3px;background:#ffbd59;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:1024px){.tools-menu{grid-template-columns:1fr;min-width:280px;max-width:320px}.nav-item-desktop .nav-label-desktop{display:none}}@media(max-width:968px){.nav-label-desktop{display:none}.mobile-menu-toggle{display:block}.nav-main{position:fixed;top:70px;left:0;right:0;background:linear-gradient(135deg,#1a2847,#0f1b35);border-bottom:2px solid rgba(255,189,89,.2);flex-direction:column;padding:16px;gap:12px;transform:translateY(-120%);transition:transform .3s ease;box-shadow:0 8px 24px #00000080;max-height:calc(100vh - 70px);overflow-y:auto}.nav-main.open{transform:translateY(0)}.nav-item{width:100%;justify-content:flex-start}.nav-dropdown{width:100%}.dropdown-menu{position:static;margin-top:8px;width:100%;box-shadow:none;animation:none}.tools-menu{grid-template-columns:1fr;min-width:100%}.account-menu{right:auto}}@media(max-width:768px){.logo-text{display:none}.nav-container{padding:12px 16px;gap:16px}.nav-right{gap:4px}.nav-item{padding:10px 16px;font-size:13px}.user-name{display:none}.section-title{font-size:10px}.dropdown-item{padding:10px 12px;font-size:13px}}@media(max-width:480px){.logo-icon{font-size:28px}.nav-item{font-size:13px;padding:8px 12px}.nav-icon{font-size:16px}.nav-container{padding:10px 12px}.dropdown-section{padding:6px}.section-header{padding:6px 4px}}.app-footer{background:linear-gradient(180deg,#0f1b35,#1a2847);border-top:2px solid rgba(255,189,89,.2);margin-top:24px}.footer-container{max-width:1920px;margin:0 auto;padding:19px 14px 14px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:19px}.footer-section h4{color:#ffbd59;font-size:11px;font-weight:700;margin-bottom:7px;font-family:Montserrat,sans-serif}.footer-logo{display:flex;align-items:center;gap:6px;margin-bottom:7px}.footer-icon{font-size:17px;filter:drop-shadow(0 0 8px rgba(255,189,89,.5))}.footer-brand-name{color:#ffbd59;font-size:10px;font-weight:800;letter-spacing:.3px;font-family:Montserrat,sans-serif}.footer-tagline{color:#debc81;font-size:9px;font-weight:600;font-family:Montserrat,sans-serif}.footer-description{color:#ffffffb3;line-height:1.3;font-size:10px;font-family:Noto Sans Display,sans-serif;margin-bottom:0}.footer-section.links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.footer-section.links a{color:#ffffffb3;text-decoration:none;font-size:10px;transition:all .2s ease;display:inline-block;font-family:Noto Sans Display,sans-serif}.footer-section.links a:hover{color:#ffbd59;transform:translate(2px)}.social-links{display:flex;flex-direction:column;gap:5px}.social-btn{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:4px;color:#fff;text-decoration:none;font-size:10px;font-weight:600;transition:all .2s ease;font-family:Montserrat,sans-serif}.social-btn:hover{transform:translate(4px);box-shadow:0 4px 12px #0000004d}.social-btn.telegram{background:linear-gradient(135deg,#08c,#00a0e9)}.social-btn.youtube{background:linear-gradient(135deg,red,#f44)}.social-btn.facebook{background:linear-gradient(135deg,#1877f2,#42a5f5)}.social-btn.twitter{background:linear-gradient(135deg,#1da1f2,#42a5f5)}.footer-bottom{border-top:1px solid rgba(255,189,89,.1);padding:10px 0}.footer-bottom-container{max-width:1920px;margin:0 auto;padding:0 14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px}.copyright{color:#ffffff80;font-size:10px;margin:0;font-family:Noto Sans Display,sans-serif}.footer-legal{display:flex;align-items:center;gap:6px;font-size:10px}.footer-legal a{color:#ffffff80;text-decoration:none;transition:color .2s ease;font-family:Noto Sans Display,sans-serif}.footer-legal a:hover{color:#ffbd59}.footer-notice{background:linear-gradient(135deg,#f4433633,#9c061233);border-top:1px solid rgba(244,67,54,.3);padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fffc;font-size:10px;text-align:center;font-family:Noto Sans Display,sans-serif}.notice-icon{font-size:10px}@media(max-width:1024px){.footer-container{grid-template-columns:1fr 1fr;gap:14px;padding:14px 12px 12px}}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:12px;padding:12px 10px 10px}.footer-icon{font-size:14px}.footer-brand-name{font-size:10px}.footer-section h4{font-size:11px;margin-bottom:6px}.social-btn{padding:4px 6px;font-size:9px}.footer-bottom{padding:7px 0}.footer-bottom-container{flex-direction:column;text-align:center}.footer-notice{font-size:9px;padding:6px 10px}.notice-icon{font-size:8px}}@media(max-width:480px){.app-footer{margin-top:18px}.footer-container{padding:10px 7px 7px;gap:10px}.footer-brand-name{font-size:8px}.footer-icon{font-size:13px}.footer-section h4{font-size:8px}.social-btn{font-size:8px;padding:3px 5px}.footer-legal{font-size:9px}}.compact-sidebar{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#0f172af2,#1e1b4beb,#0f172af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:2px solid rgba(255,189,89,.15);box-shadow:4px 0 24px #0006,inset -1px 0 #ffbd591a;display:flex;flex-direction:column;z-index:50!important;overflow:hidden;will-change:width}.compact-sidebar-header{padding:20px 0;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,189,89,.15);margin-bottom:12px}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 16px;width:100%}.logo-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ffbd5933,#ff8c001a);border-radius:10px;border:2px solid rgba(255,189,89,.3)}.logo-gem{width:24px;height:24px;stroke-width:2.5;color:#ffbd59;filter:drop-shadow(0 0 8px rgba(255,189,89,.6));animation:gemPulse 3s ease-in-out infinite}@keyframes gemPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,189,89,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(255,189,89,.9));transform:scale(1.05)}}.logo-text{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-width:0;transition:max-width .3s ease}.compact-sidebar:hover .logo-text,.compact-sidebar.expanded .logo-text{max-width:200px}.logo-title{font-size:20px;font-weight:800;font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;line-height:1}.logo-subtitle{font-size:11px;font-weight:600;font-family:Montserrat,sans-serif;color:#ffbd59b3;letter-spacing:2px;text-transform:uppercase}.sidebar-lock-toggle{position:absolute;right:12px;width:28px;height:28px;border-radius:8px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);color:#ffbd59;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-lock-toggle:hover{background:#ffbd5933;border-color:#ffbd59;box-shadow:0 0 12px #ffbd594d}.compact-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:6px 8px;overflow-y:auto;overflow-x:hidden}.compact-sidebar-nav::-webkit-scrollbar{width:4px}.compact-sidebar-nav::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.compact-sidebar-nav::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:2px}.compact-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.compact-nav-item{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:10px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#ffffffb3;font-size:15px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;text-align:left;min-height:44px}.compact-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffbd59,#ff8c00);transform:scaleY(0);transition:transform .3s ease}.compact-nav-item:hover{background:#ffbd5914;border-color:#ffbd5940;color:#ffbd59;transform:translate(2px)}.compact-nav-item:hover:before{transform:scaleY(1)}.compact-nav-item.active{background:linear-gradient(135deg,#ffbd5926,#ffbd5914);border-color:#ffbd5966;color:#ffbd59;box-shadow:0 0 20px #ffbd5926,inset 0 0 12px #ffbd5914}.compact-nav-item.active:before{transform:scaleY(1);box-shadow:0 0 10px #ffbd5980}.nav-item-icon-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:4px}.nav-item-icon{width:20px;height:20px;stroke-width:2.5;color:inherit;transition:all .3s ease;display:block}.compact-nav-item:hover .nav-item-icon{filter:drop-shadow(0 0 6px rgba(255,189,89,.5));transform:scale(1.1)}.compact-nav-item.active .nav-item-icon{color:#ffbd59;filter:drop-shadow(0 0 8px rgba(255,189,89,.6))}.nav-item-indicator{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#ffbd59;border-radius:50%;box-shadow:0 0 8px #ffbd59cc;animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{opacity:1;box-shadow:0 0 8px #ffbd59cc}50%{opacity:.6;box-shadow:0 0 4px #ffbd5966}}.nav-item-content{flex:0 1 auto;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;white-space:nowrap;margin-left:0;max-width:0;transition:max-width .3s ease}.compact-sidebar:hover .nav-item-content,.compact-sidebar.expanded .nav-item-content{max-width:200px;margin-left:12px}.nav-item-label{font-size:15px;font-weight:600;color:inherit;white-space:nowrap}.nav-item-description{font-size:11px;font-weight:500;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-nav-item:hover .nav-item-description{color:#ffbd5999}.nav-item-arrow{flex-shrink:0;color:#ffffff4d;transition:all .3s ease;margin-left:0;max-width:0;overflow:hidden}.compact-sidebar:hover .nav-item-arrow,.compact-sidebar.expanded .nav-item-arrow{max-width:20px}.compact-nav-item:hover .nav-item-arrow{color:#ffbd59;transform:translate(2px)}.compact-sidebar-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,189,89,.3) 50%,transparent 100%);margin:12px 8px}.compact-sidebar-divider-footer{margin:8px 8px 12px}.compact-sidebar-user{padding:8px;border-top:1px solid rgba(255,189,89,.15);background:linear-gradient(180deg,#0003,#0000004d)}.user-profile-section{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:6px;min-height:44px}.user-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f64d,#9333ea4d);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,189,89,.4);flex-shrink:0;overflow:hidden;box-shadow:0 0 12px #ffbd5933;margin-left:4px}.user-avatar svg{width:12px;height:12px;stroke-width:2.5;color:#ffffffb3}.user-info{flex:0 1 auto;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;white-space:nowrap;margin-left:0;max-width:0;transition:max-width .3s ease}.compact-sidebar:hover .user-info,.compact-sidebar.expanded .user-info{max-width:200px;margin-left:12px}.user-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tier{font-size:11px;font-weight:600;color:#ffbd59b3;text-transform:uppercase;letter-spacing:.5px}.compact-nav-item.logout{background:#ef44440d;border-color:#ef444433;color:#ef4444e6}.compact-nav-item.logout:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.compact-nav-item.logout .nav-item-icon{color:#ef4444cc}.compact-nav-item.logout:hover .nav-item-icon{color:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.sidebar-tooltip{position:fixed;left:72px;background:linear-gradient(135deg,#ffbd59f2,#ff8c00f2);color:#0a0e27;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;box-shadow:0 4px 16px #ffbd5966;pointer-events:none;white-space:nowrap;z-index:1001}.page-wrapper{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.compact-sidebar+.page-wrapper,body:has(.compact-sidebar) .page-wrapper{margin-left:64px}@media(max-width:968px){.compact-sidebar{transform:translate(-100%);transition:transform .3s ease}.compact-sidebar.mobile-open{transform:translate(0)}.compact-sidebar+.page-wrapper,body:has(.compact-sidebar) .page-wrapper{margin-left:0}}@media(max-width:640px){.compact-sidebar{width:280px!important}.sidebar-lock-toggle{display:none}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.3);border-radius:24px;padding:40px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;font-size:24px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.modal-header{text-align:center;margin-bottom:32px}.modal-icon{font-size:56px;display:block;margin-bottom:16px;filter:drop-shadow(0 0 16px rgba(255,189,89,.6))}.modal-header h2{font-size:32px;font-weight:800;color:#ffbd59;margin:0 0 8px}.modal-header p{color:#ffffffb3;font-size:16px;margin:0}.modal-alert{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:12px;padding:16px;color:#ff9800;font-size:14px;margin-bottom:24px;text-align:center}.modal-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:16px;color:#ff6b6b;font-size:14px;margin-bottom:24px;text-align:center}.modal-form{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.modal-form .form-group{display:flex;flex-direction:column;gap:8px}.modal-form label{color:#debc81;font-size:14px;font-weight:600}.modal-form input{background:#0f1b35cc;border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;transition:all .2s ease}.modal-form input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 4px #ffbd591a}.modal-form small{color:#ffffff80;font-size:12px}.btn-modal-submit{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5980}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-benefits{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px}.modal-benefits h4{font-size:16px;font-weight:700;color:#ffbd59;margin:0 0 16px}.modal-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.modal-benefits li{color:#fffc;font-size:14px;font-weight:600}.modal-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,189,89,.1)}.modal-footer p{color:#ffffffb3;font-size:14px;margin:0}.modal-footer a{color:#ffbd59;text-decoration:none;font-weight:700;transition:color .2s ease}.modal-footer a:hover{color:#ffd580}@media(max-width:768px){.modal-content{padding:24px}.modal-icon{font-size:48px}.modal-header h2{font-size:24px}.btn-modal-submit{padding:14px 24px;font-size:16px}}.landing-page{min-height:100vh;background:transparent}.hero{padding:80px 24px;text-align:center;max-width:1200px;margin:0 auto}.hero-content{margin-bottom:48px}.hero-title{font-size:56px;font-weight:900;color:#ffbd59;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:16px}.gem-icon{font-size:64px;filter:drop-shadow(0 0 20px rgba(255,189,89,.6));animation:float 3s ease-in-out infinite}.hero-subtitle{font-size:24px;color:#debc81;font-weight:700;margin:0 0 12px}.hero-description{font-size:18px;color:#ffffffb3;max-width:600px;margin:0 auto}.btc-card{max-width:400px;margin:0 auto;background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:32px;position:relative;overflow:hidden}.btc-card.blurred{filter:blur(8px)}.btc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btc-symbol{font-size:24px;font-weight:800;color:#ffbd59}.btc-change{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:700}.btc-change.positive{background:#4caf5033;color:#4caf50}.btc-change.negative{background:#f4433633;color:#f44336}.btc-price{font-size:48px;font-weight:900;color:#fff;text-align:center}.blur-overlay{position:absolute;inset:0;background:#0f1b35f2;display:flex;align-items:center;justify-content:center;border-radius:20px}.blur-message{text-align:center;padding:20px}.lock-icon{font-size:48px;display:block;margin-bottom:16px}.blur-message p{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.btn-unlock{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-unlock:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5980}.scan-options{padding:80px 24px;max-width:1200px;margin:0 auto}.scan-options h2{text-align:center;font-size:40px;font-weight:800;color:#ffbd59;margin:0 0 48px}.scan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.scan-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:32px;transition:all .3s ease}.scan-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0006;border-color:#ffbd5999}.scan-card.bitcoin{border-color:#ffbd5980}.scan-card.full{border-color:#4caf5080}.scan-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.scan-icon{font-size:32px}.scan-card-header h3{flex:1;font-size:24px;font-weight:800;color:#ffbd59;margin:0}.scan-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.scan-badge.free{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.scan-badge.premium{background:#ffbd5933;color:#ffbd59;border:1px solid #FFBD59}.scan-card-body{margin-bottom:24px}.scan-description{color:#fffc;font-size:16px;margin:0 0 20px}.scan-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.feature{color:#ffffffb3;font-size:14px;font-weight:600}.scan-quota-info{background:#0f1b3580;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.quota-badge{background:#4caf5033;color:#4caf50;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700}.quota-reset{color:#ffffff80;font-size:13px}.user-badge{background:#4caf5033;color:#4caf50;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700}.btn-scan-card{width:100%;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.btn-scan-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5980}.btn-scan-card:disabled{opacity:.5;cursor:not-allowed}.btn-scan-card.primary{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.spinner{width:20px;height:20px;border:3px solid rgba(15,27,53,.3);border-top-color:#0f1b35;border-radius:50%;animation:spin .8s linear infinite}.scan-limit-text,.scan-benefit-text{text-align:center;color:#fff9;font-size:13px;margin:12px 0 0}.scan-limit-text a,.scan-benefit-text{color:#ffbd59;text-decoration:none;font-weight:700}.btc-result{padding:40px 24px;max-width:800px;margin:0 auto}.btc-result h3{text-align:center;font-size:32px;font-weight:800;color:#ffbd59;margin:0 0 32px}.result-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:32px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.result-symbol{font-size:24px;font-weight:800;color:#ffbd59}.result-signal{padding:8px 16px;border-radius:8px;font-size:16px;font-weight:700}.result-signal.long{background:#4caf5033;color:#4caf50}.result-signal.short{background:#f4433633;color:#f44336}.result-pattern{margin-bottom:24px;display:flex;align-items:center;gap:12px}.pattern-badge{background:#ffbd5933;color:#ffbd59;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700}.pattern-description{color:#ffffffb3;font-size:14px}.result-confidence{margin-bottom:24px}.confidence-label{color:#fffc;font-size:14px;margin-bottom:8px}.confidence-bar{width:100%;height:8px;background:#0f1b3580;border-radius:4px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.result-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.level-item{display:flex;flex-direction:column;gap:4px}.level-label{color:#fff9;font-size:12px;font-weight:600}.level-value{color:#fff;font-size:18px;font-weight:700}.level-value.stop{color:#f44336}.level-value.profit{color:#4caf50}.result-cta{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,189,89,.2);text-align:center}.result-cta p{color:#fffc;font-size:16px;font-weight:600;margin:0 0 16px}.btn-upgrade{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.features{padding:80px 24px;background:#0f1b3580}.features h2{text-align:center;font-size:40px;font-weight:800;color:#ffbd59;margin:0 0 48px}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.feature-card{background:linear-gradient(135deg,#112250cc,#1a2847cc);border:1px solid rgba(255,189,89,.2);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#ffbd5980}.feature-icon{font-size:48px;display:block;margin-bottom:16px}.feature-card h4{font-size:20px;font-weight:700;color:#ffbd59;margin:0 0 12px}.feature-card p{color:#ffffffb3;font-size:14px;margin:0}.pricing{padding:80px 24px;max-width:1200px;margin:0 auto}.pricing h2{text-align:center;font-size:40px;font-weight:800;color:#ffbd59;margin:0 0 48px}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.pricing-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:32px;text-align:center;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-8px);border-color:#ffbd5999}.pricing-card.featured{border-color:#4caf50;box-shadow:0 8px 32px #4caf504d}.popular-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:800}.pricing-card h3{font-size:24px;font-weight:800;color:#ffbd59;margin:0 0 16px}.price{font-size:36px;font-weight:900;color:#fff;margin:0 0 24px}.pricing-card ul{list-style:none;padding:0;margin:0 0 32px;text-align:left}.pricing-card li{color:#fffc;font-size:15px;margin:12px 0;padding-left:8px}.btn-pricing{width:100%;background:linear-gradient(135deg,#ffbd5933,#ffbd594d);color:#ffbd59;border:2px solid #FFBD59;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-pricing:hover{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;transform:translateY(-2px)}.btn-pricing.primary{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border-color:#4caf50}.btn-pricing.primary:hover{box-shadow:0 6px 20px #4caf5080}.back-to-home-btn{position:fixed;top:20px;right:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:16px;z-index:1000;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-to-home-btn:hover{background:linear-gradient(135deg,#7c8ef5,#8a5bb8);transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.back-to-home-btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}@media(max-width:768px){.hero-title{font-size:36px;flex-direction:column}.gem-icon{font-size:48px}.hero-subtitle{font-size:20px}.hero-description{font-size:16px}.scan-cards,.features-grid,.pricing-cards,.result-levels{grid-template-columns:1fr}.back-to-home-btn{top:10px;right:10px;padding:10px 20px;font-size:14px}}.hero-section{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-left{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffbd5926;border:1px solid rgba(255,189,89,.4);border-radius:100px;color:#ffbd59;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.badge-icon{font-size:16px}.hero-headline{font-family:Poppins,sans-serif;font-size:64px;font-weight:900;line-height:1.1;letter-spacing:-1px;color:#fff;margin:0}.hero-subheadline{font-size:24px;color:#fffc;line-height:1.5}.hero-subheadline strong{color:#ffbd59;font-weight:800}.hero-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.hero-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:18px;color:#fffc}.benefit-text{line-height:1.6}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.hero-ctas button{display:inline-flex;align-items:center;gap:8px}.hero-trust{display:flex;gap:32px;flex-wrap:wrap;margin-top:16px}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9}.trust-icon{font-size:18px}.hero-right{display:flex;justify-content:center;align-items:center}.chatbot-preview-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;max-width:450px;width:100%}.chatbot-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.chatbot-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ffbd59);display:flex;align-items:center;justify-content:center;font-size:24px}.chatbot-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#fff}.chatbot-subtitle{display:flex;align-items:center;gap:6px;font-size:14px;color:#fff9}.status-dot{width:8px;height:8px;border-radius:50%;background:#0f8;animation:pulse 2s ease-in-out infinite}.chatbot-messages{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:400px;overflow-y:auto}.message{display:flex;gap:12px;align-items:flex-start}.message-user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:#8b5cf6;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;max-width:80%;font-size:14px;line-height:1.6;color:#ffffffe6}.message-user .message-bubble{background:linear-gradient(135deg,#9c0612,#640a0c);border-color:#ffbd59}.message-bubble ul{margin:8px 0 0 12px;padding:0}.message-bubble li{margin-bottom:4px}.hexagram{font-size:48px;text-align:center;margin:12px 0}.chatbot-counter{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff0d;border-radius:12px}.counter-icon{font-size:24px}.counter-text{font-size:14px;color:#fffc}.counter-text strong{color:#ffbd59;font-weight:800}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:64px}.hero-headline{font-size:48px}.hero-right{order:-1}}@media(max-width:768px){.hero-headline{font-size:36px}.hero-subheadline{font-size:18px}.hero-benefits li{font-size:16px}.hero-ctas{flex-direction:column}.hero-ctas button{width:100%}.chatbot-preview-card{padding:24px}}.stats-bar{background:linear-gradient(135deg,#9c061233,#1e2a5e33);border-top:1px solid rgba(255,189,89,.2);border-bottom:1px solid rgba(255,189,89,.2);padding:64px 0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.stat-item{text-align:center;padding:16px}.stat-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(255,189,89,.3))}.stat-value{font-family:Poppins,sans-serif;font-size:48px;font-weight:900;color:#fff;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.stat-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.animate-pulse{animation:pulse-number 2s ease-in-out infinite}@keyframes pulse-number{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat-icon,.stat-value{font-size:36px}.stat-label{font-size:12px}}.method-section{background:linear-gradient(180deg,#1122504d,#4a1a4f4d)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-family:Poppins,sans-serif;font-size:48px;font-weight:900;color:#fff;margin-bottom:16px}.section-header p{font-size:20px;color:#ffffffb3}.patterns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}.pattern-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease;position:relative;overflow:hidden}.pattern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pattern-color);opacity:.6}.pattern-card:hover{transform:translateY(-8px);border-color:var(--pattern-color);box-shadow:0 16px 48px #00000073}.pattern-icon{font-size:64px;text-align:center;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(255,189,89,.3))}.pattern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pattern-code{font-family:Courier New,monospace;font-size:24px;font-weight:900;color:var(--pattern-color)}.pattern-badge{padding:4px 12px;border:1px solid;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;color:#ffffffe6}.pattern-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.pattern-description{font-size:14px;color:#ffffffb3;line-height:1.6;margin-bottom:24px}.pattern-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px}.pattern-stat{flex:1;text-align:center}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;margin-bottom:4px}.stat-value{font-family:Poppins,sans-serif;font-size:32px;font-weight:900}.pattern-cta{width:100%}.method-cta{text-align:center}@media(max-width:1024px){.patterns-grid{grid-template-columns:1fr;gap:24px}.section-header h2{font-size:36px}.section-header p{font-size:18px}}@media(max-width:768px){.pattern-icon{font-size:48px}.pattern-code{font-size:20px}.pattern-name{font-size:18px}.section-header h2{font-size:28px}}.pricing-section{background:#1122504d}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.pricing-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease;position:relative;overflow:visible}.pricing-card:hover{transform:translateY(-8px);border-color:#ffbd5980;box-shadow:0 16px 48px #00000073}.pricing-card.popular{border:3px solid #8B5CF6;box-shadow:0 12px 48px #8b5cf64d;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.08) translateY(-8px)}.popular-badge{position:absolute;top:-12px;right:16px;padding:6px 16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff;box-shadow:0 4px 20px #8b5cf666}.pricing-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.pricing-header h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:800;color:#ffbd59;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.pricing-price{display:flex;flex-direction:column;align-items:center;gap:4px}.price{font-family:Poppins,sans-serif;font-size:40px;font-weight:900;color:#fff}.period{font-size:14px;color:#fff9}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:#ffffffe6;line-height:1.6}.feature-icon{font-size:16px;flex-shrink:0}.pricing-footer{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.pricing-footer p{font-size:14px;color:#fff9;margin:8px 0}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:scale(1)}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:24px}.price{font-size:32px}}.testimonials-section{background:linear-gradient(180deg,#4a1a4f4d,#6b0f1a4d)}.testimonial-carousel{display:flex;align-items:center;gap:32px;margin-bottom:32px;position:relative}.carousel-btn{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.carousel-btn:hover{background:#fff3;border-color:#ffbd59;transform:scale(1.1)}.testimonial-card{flex:1;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:48px;box-shadow:0 8px 32px #00000059;min-height:280px}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.testimonial-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ffbd59);display:flex;align-items:center;justify-content:center;font-size:32px}.testimonial-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.testimonial-tier-badge{display:inline-block;padding:4px 12px;background:#ffbd5926;border:1px solid rgba(255,189,89,.4);border-radius:100px;font-size:12px;font-weight:700;color:#ffbd59}.testimonial-rating{margin-bottom:20px;font-size:24px}.star{margin-right:4px}.testimonial-text{font-size:18px;color:#ffffffe6;line-height:1.8;font-style:italic;margin-bottom:20px}.testimonial-date{font-size:14px;color:#ffffff80;text-align:right}.carousel-dots{display:flex;justify-content:center;gap:12px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#ffbd59;transform:scale(1.3)}@media(max-width:768px){.testimonial-carousel{flex-direction:column;gap:16px}.carousel-btn{width:40px;height:40px;font-size:20px}.testimonial-card{padding:32px 24px;min-height:auto}.testimonial-text{font-size:16px}}.final-cta-section{background:linear-gradient(135deg,#9c061266,#6b0f1a66,#11225066);border-top:2px solid rgba(255,189,89,.3);position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,189,89,.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-icon{font-size:80px;margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(255,189,89,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cta-headline{font-family:Poppins,sans-serif;font-size:56px;font-weight:900;color:#fff;margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subheadline{font-size:22px;color:#ffffffe6;margin-bottom:40px}.cta-subheadline strong{color:#ffbd59;font-weight:800}.cta-benefits{display:flex;justify-content:center;gap:32px;margin-bottom:40px;flex-wrap:wrap}.cta-benefit{display:flex;align-items:center;gap:8px;font-size:16px;color:#ffffffe6}.benefit-icon{font-size:20px}.cta-button{margin-bottom:32px;box-shadow:0 8px 40px #ffbd5966;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 8px 40px #ffbd5966}50%{box-shadow:0 12px 60px #ffbd5999}}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;margin-bottom:24px}.guarantee-icon{font-size:24px}.guarantee-text{font-size:14px;color:#ffffffe6}.guarantee-text strong{color:#0f8}.cta-urgency{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:12px;animation:pulse-urgency 2s ease-in-out infinite}@keyframes pulse-urgency{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.urgency-icon{font-size:20px}.urgency-text{font-size:14px;color:#ffffffe6}.urgency-text strong{color:#f6465d;font-weight:800}@media(max-width:768px){.cta-headline{font-size:36px}.cta-subheadline{font-size:18px}.cta-benefits{flex-direction:column;gap:16px}.cta-icon{font-size:60px}}.home-page-v2{min-height:100vh;width:100%;background:transparent}.home-page-v2>section{padding:var(--space-3xl, 80px) 0}.home-page-v2>section:first-child{padding-top:calc(80px + var(--space-3xl, 80px))}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg, 32px)}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.home-page-v2>section{padding:var(--space-2xl, 64px) 0}.container{padding:0 var(--space-md, 24px)}}.coin-list-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#112250,#1a2a5e);border-right:1px solid rgba(255,189,89,.2);overflow:hidden}.scan-results-section{display:flex;flex-direction:column;height:100%;background:#0ecb8108}.scan-results-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(14,203,129,.2);background:#11225099;flex-shrink:0}.scan-results-header h3{margin:0;font-size:13px;font-weight:600;color:#0ecb81;font-family:Montserrat,sans-serif}.results-count{font-size:11px;color:#0ecb81e6;font-weight:600;padding:3px 8px;background:#0ecb8126;border-radius:10px;font-family:Courier New,monospace}.scan-results-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.scan-results-list::-webkit-scrollbar{width:5px}.scan-results-list::-webkit-scrollbar-track{background:#1122504d}.scan-results-list::-webkit-scrollbar-thumb{background:#0ecb814d;border-radius:3px}.scan-results-list::-webkit-scrollbar-thumb:hover{background:#0ecb8180}.scan-result-item{padding:8px 10px;margin-bottom:6px;background:#11225099;border:2px solid rgba(14,203,129,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:60px}.scan-result-item:hover{background:#112250e6;border-color:#0ecb8166;transform:translate(3px);box-shadow:0 2px 10px #0ecb8133}.scan-result-item.selected{background:#0ecb8126;border-color:#0ecb81;box-shadow:0 0 12px #0ecb8166}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.result-symbol{font-size:13px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.result-signal{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;font-family:Noto Sans Display,sans-serif}.result-signal.buy{background:#0ecb8133;border:1px solid rgba(14,203,129,.4);color:#0ecb81}.result-signal.sell{background:#f6465d33;border:1px solid rgba(246,70,93,.4);color:#f6465d}.result-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.result-pattern{font-size:11px;font-weight:600;color:#ffbd59;font-family:Noto Sans Display,sans-serif}.result-confidence{font-size:11px;font-weight:600;color:#0ecb81;font-family:Courier New,monospace}.result-levels{display:flex;justify-content:space-between;gap:6px}.level-entry,.level-tp{font-size:10px;color:#fff9;font-family:Courier New,monospace}.level-entry{color:#debc81}.level-tp{color:#0ecb81}.scan-results-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.scan-results-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.scan-results-empty h3{font-size:16px;font-weight:600;color:#ffffffb3;margin:0 0 8px;font-family:Montserrat,sans-serif}.scan-results-empty p{font-size:13px;color:#ffffff80;margin:0;font-family:Noto Sans Display,sans-serif}@media(max-width:768px){.scan-result-item{padding:6px 8px;min-height:55px}.result-symbol{font-size:12px}.result-signal{font-size:9px;padding:2px 4px}.result-pattern{font-size:10px}.level-entry,.level-tp{font-size:9px}}.quick-select{padding:8px 12px;background:#1e2a5e66;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quick-select-header{margin-bottom:8px}.quick-select-title{font-size:13px;font-weight:700;color:#ffffffe6;margin:0 0 4px;text-transform:uppercase;letter-spacing:.8px;font-family:Montserrat,sans-serif}.quick-select-subtitle{font-size:9px;color:#fff9;font-family:Noto Sans Display,sans-serif}.quick-select-grid{display:flex;flex-direction:row;gap:6px;margin-bottom:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.quick-select-grid::-webkit-scrollbar{height:4px}.quick-select-grid::-webkit-scrollbar-track{background:transparent}.quick-select-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.quick-select-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.quick-select-btn{min-width:52px;width:52px;height:38px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;background:#1e2a5e66;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;flex-shrink:0}.quick-select-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.quick-select-btn:hover:not(:disabled):before{left:100%}.quick-select-btn:hover:not(:disabled){background:#2d3c7880;border-color:#ffffff4d;color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px #0000004d}.quick-select-btn.active{background:#2d3c7899;border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 4px 20px #0006;transform:scale(1.02)}.quick-select-btn.no-pattern{opacity:.3;cursor:not-allowed;background:#2a1b5233;border-color:#ffffff0d}.quick-select-btn.no-pattern:hover{transform:none;box-shadow:none}.coin-icon{font-size:16px;font-weight:700;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1;margin:0}.coin-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;line-height:1}.free-badge{position:absolute;top:-3px;right:-3px;font-size:6px;padding:2px 4px;background:linear-gradient(135deg,#0ecb81,#0ba368);color:#fff;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #0ecb8166;z-index:2;animation:freeBadgePulse 2s ease-in-out infinite}@keyframes freeBadgePulse{0%,to{box-shadow:0 2px 6px #0ecb8166}50%{box-shadow:0 2px 10px #0ecb81b3}}.pattern-indicator{position:absolute;top:-3px;left:-3px;font-size:7px;color:#0ecb81;filter:drop-shadow(0 0 4px rgba(14,203,129,.8));animation:pulse-pattern 2s ease-in-out infinite;z-index:2}@keyframes pulse-pattern{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.quick-select-legend{display:flex;justify-content:center;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:5px;font-size:8px;color:#fff9;font-family:Noto Sans Display,sans-serif}.legend-dot{font-size:10px}.legend-dot.active-dot{color:#0ecb81}.legend-dot.inactive-dot{color:#fff3}@media(max-width:768px){.quick-select-grid{gap:5px}.quick-select-btn{min-width:48px;width:48px;height:36px;padding:5px 6px;gap:4px}.coin-icon{font-size:14px}.coin-label{font-size:8px}.free-badge{font-size:5px;padding:1px 3px}.pattern-indicator{font-size:6px}}@media(max-width:480px){.quick-select{padding:6px 8px}.quick-select-btn{min-width:45px;width:45px;height:34px;padding:4px 5px;gap:3px}.coin-icon{font-size:13px}.coin-label{font-size:7px}}.trading-chart-wrapper{display:flex;flex-direction:column;height:100%;padding:20px}.trading-chart-wrapper.fullscreen{position:fixed;inset:0;z-index:9999;background:#0f172afa;padding:20px}.chart-header-new{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0f172a99;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.header-row-1{display:flex;justify-content:space-between;align-items:center}.coin-info-left{display:flex;align-items:center;gap:10px}.coin-icon{font-size:24px}.coin-name-large{font-size:20px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.coin-type{font-size:12px;background:#8b5cf633;color:#a78bfa;padding:4px 10px;border-radius:6px;font-weight:600;border:1px solid rgba(139,92,246,.3)}.coin-price-info{display:flex;align-items:center;gap:12px}.coin-price-large{font-size:24px;font-weight:700;color:#fff;font-family:Courier New,monospace}.coin-change{font-size:14px;font-weight:600;padding:4px 10px;border-radius:6px}.coin-change.positive{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.coin-change.negative{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.header-row-2{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.live-status-group{display:flex;align-items:center;gap:16px}.live-indicator{display:flex;align-items:center;gap:6px;background:#10b9811a;padding:6px 12px;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.live-dot{font-size:12px;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.live-text{font-size:13px;font-weight:600;color:#10b981;font-family:Montserrat,sans-serif}.last-update{font-size:13px;color:#ffffff80;font-family:Noto Sans Display,sans-serif}.btn-refresh-new{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-refresh-new:hover{background:#3b82f633;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.header-row-3{display:flex;justify-content:space-between;align-items:center;gap:16px}.timeframe-buttons-new{display:flex;gap:6px;flex-wrap:wrap;flex:1}.btn-tf{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.btn-tf:hover{background:#ffffff1a;border-color:#fff3}.btn-tf.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262666}.chart-actions-new{display:flex;gap:8px}.btn-volume,.btn-fullscreen{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Montserrat,sans-serif}.btn-volume:hover,.btn-fullscreen:hover{background:#ffffff1a;border-color:#fff3}.btn-volume.active{background:#10b98133;border-color:#10b98166;color:#10b981;box-shadow:0 2px 8px #10b9814d}.chart-container-new{position:relative;width:100%;height:500px;background:#1122504d;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;margin-bottom:16px}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:100px;font-weight:900;color:#ffffff26;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:15px;z-index:1;font-family:Arial Black,Impact,Montserrat,sans-serif;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 60px rgba(255,255,255,.1),0 0 40px rgba(255,189,89,.08);-webkit-text-stroke:1px rgba(255,255,255,.05)}.pattern-indicator-floating{position:absolute;top:20px;right:20px;z-index:100}.pattern-badge-large{font-size:14px;background:#10b98133;color:#10b981;padding:8px 20px;border-radius:10px;font-weight:700;border:2px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #10b9814d;font-family:Montserrat,sans-serif}.trade-levels-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.level-card{background:#ffffff0d;border-radius:10px;padding:16px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.level-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.level-card .level-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px;color:#fff9;letter-spacing:.5px;font-family:Montserrat,sans-serif}.level-card .level-price{display:block;font-size:20px;font-weight:700;font-family:Courier New,monospace}.entry-card{border-color:#3b82f666;background:#3b82f60d}.entry-card .level-price{color:#3b82f6}.sl-card{border-color:#ef444466;background:#ef44440d}.sl-card .level-price{color:#ef4444}.tp-card{border-color:#10b98166;background:#10b9810d}.tp-card .level-price{color:#10b981}.chart-controls-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.coin-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.coin-name{font-size:20px;font-weight:700;color:#ffbd59;margin:0;font-family:Montserrat,sans-serif}.coin-timeframe{font-size:12px;background:#3b82f633;color:#3b82f6;padding:4px 10px;border-radius:6px;font-weight:600;border:1px solid rgba(59,130,246,.3)}.pattern-badge{font-size:12px;background:#10b98133;color:#10b981;padding:4px 12px;border-radius:6px;font-weight:600;border:1px solid rgba(16,185,129,.3)}.timeframe-group{display:flex;gap:6px;flex-wrap:wrap}.btn-timeframe{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-timeframe:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-timeframe.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262666}.action-buttons{display:flex;gap:8px;margin-left:auto}.btn-action{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:Montserrat,sans-serif}.btn-action:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-action.active{background:#10b98133;border-color:#10b98166;color:#10b981;box-shadow:0 2px 8px #10b9814d}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;background:linear-gradient(135deg,#2a1b5280,#11225080);border:2px dashed rgba(255,189,89,.3);border-radius:16px;animation:fadeIn .3s ease}.chart-empty .empty-icon{font-size:80px;margin-bottom:20px;opacity:.6;animation:pulse 2s ease-in-out infinite}.chart-empty h3{font-size:24px;font-weight:700;color:#ffbd59;margin:0 0 12px;font-family:Montserrat,sans-serif}.chart-empty p{font-size:14px;color:#debc81cc;margin:0;font-family:Noto Sans Display,sans-serif}.chart-header-simple{display:flex;align-items:center;gap:12px;margin-bottom:16px}.chart-header-simple h3{font-size:24px;font-weight:700;color:#ffbd59;margin:0;font-family:Montserrat,sans-serif}.chart-header-simple .interval-badge{padding:6px 12px;background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3);border-radius:6px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif}.chart-container-simple{position:relative;width:100%;height:500px;background:#112250;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;margin-bottom:16px}.chart-canvas{position:relative;width:100%;height:100%;z-index:2}.chart-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#112250f2;z-index:10;animation:fadeIn .3s ease}.chart-overlay.error{background:linear-gradient(135deg,#2a1b52f2,#112250f2);border:2px solid rgba(246,70,93,.5)}.chart-overlay .error-icon{font-size:64px;margin-bottom:20px;animation:shake .5s ease}.chart-overlay p{color:#debc81;margin:16px 0;font-size:14px;font-family:Noto Sans Display,sans-serif}.chart-overlay button{padding:12px 32px;background:linear-gradient(135deg,#0ecb81,#0ba368);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:16px}.chart-overlay button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ecb8166}.trade-info-simple{display:flex;gap:16px;padding:16px;background:#11225099;border-radius:12px;border:1px solid rgba(255,189,89,.2)}.trade-info-simple .info-item{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;transition:all .3s ease}.trade-info-simple .info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.trade-info-simple .info-item.entry{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.trade-info-simple .info-item.stoploss{background:#f6465d26;border:1px solid rgba(246,70,93,.3)}.trade-info-simple .info-item.takeprofit{background:#0ecb8126;border:1px solid rgba(14,203,129,.3)}.trade-info-simple .info-item .label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.trade-info-simple .info-item.entry .label{color:#3b82f6}.trade-info-simple .info-item.stoploss .label{color:#f6465d}.trade-info-simple .info-item.takeprofit .label{color:#0ecb81}.trade-info-simple .info-item .value{font-size:18px;font-weight:700;color:#fff;font-family:Courier New,monospace}.trading-chart-container{position:relative;width:100%;height:600px;background:#112250;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:.08;-webkit-user-select:none;user-select:none}.watermark-content{display:flex;flex-direction:column;align-items:center;gap:16px}.watermark-icon{font-size:140px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,189,89,.1))}.watermark-text{font-family:Montserrat,sans-serif;font-size:56px;font-weight:900;letter-spacing:8px;color:#ffbd59;text-shadow:0 0 20px rgba(255,189,89,.15),0 0 40px rgba(255,189,89,.1),0 4px 8px rgba(0,0,0,.5);-webkit-text-stroke:.5px rgba(255,189,89,.12)}.chart{position:relative;width:100%;height:100%;z-index:2}.chart-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#112250f2;z-index:10}.chart-loading p{color:#debc81;margin-top:20px;font-size:14px}.chart-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:40px;background:linear-gradient(135deg,#2a1b52f2,#112250f2);border:2px solid rgba(246,70,93,.5);border-radius:16px;box-shadow:0 10px 40px #f6465d33;max-width:500px;z-index:100;animation:fadeIn .3s ease}.chart-error .error-icon{font-size:64px;margin-bottom:20px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.chart-error h3{font-size:22px;font-weight:700;color:#f6465d;margin:0 0 12px;font-family:Montserrat,sans-serif}.chart-error>p{color:#debc81;font-size:14px;margin-bottom:20px;font-family:Noto Sans Display,sans-serif}.chart-error .error-suggestions{background:#11225099;border:1px solid rgba(255,189,89,.2);border-radius:8px;padding:16px;margin:20px 0;text-align:left}.chart-error .error-suggestions p{color:#ffbd59;font-size:13px;font-weight:600;margin:0 0 8px}.chart-error .error-suggestions ul{margin:0;padding-left:20px;color:#ffffffb3;font-size:12px;line-height:1.8}.chart-error .error-suggestions li{margin:4px 0}.chart-error .btn-retry{padding:12px 32px;background:linear-gradient(135deg,#0ecb81,#0ba368);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:16px}.chart-error .btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ecb8166}.chart-pattern-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#11225080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease;pointer-events:none}.placeholder-message{text-align:center;padding:40px;background:linear-gradient(135deg,#2a1b52b3,#112250b3);border:2px solid rgba(14,203,129,.3);border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:400px}.placeholder-icon{font-size:56px;margin-bottom:16px;opacity:.6;animation:pulse 2s ease-in-out infinite}.placeholder-message h3{font-size:22px;font-weight:700;color:#0ecb81;margin:0 0 12px;font-family:Montserrat,sans-serif}.placeholder-message p{font-size:14px;color:#debc81cc;margin:0;line-height:1.6;font-family:Noto Sans Display,sans-serif}.trading-chart-container.blurred .chart{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.chart-blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#112250b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .4s ease}.blur-message{text-align:center;padding:40px;background:linear-gradient(135deg,#2a1b52e6,#112250e6);border:2px solid rgba(255,189,89,.4);border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:400px}.blur-icon{font-size:64px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.blur-message h3{font-size:24px;font-weight:700;color:#ffbd59;margin:0 0 12px;font-family:Montserrat,sans-serif}.blur-message p{font-size:15px;color:#debc81cc;margin:0;line-height:1.6;font-family:Noto Sans Display,sans-serif}.chart-connection-status{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#112250cc;border-radius:8px;margin-bottom:12px;border:1px solid rgba(255,189,89,.2)}.connection-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;transition:all .3s ease}.connection-badge .badge-icon{font-size:14px;animation:pulse-badge 2s ease-in-out infinite}.connection-badge .badge-text{font-family:Montserrat,sans-serif;letter-spacing:.5px}.connection-badge.connected{background:#0ecb8126;color:#0ecb81;border:1px solid rgba(14,203,129,.3)}.connection-badge.connecting,.connection-badge.reconnecting{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.connection-badge.reconnecting .badge-icon{animation:spin 1s linear infinite}.connection-badge.disconnected,.connection-badge.error,.connection-badge.failed{background:#f6465d26;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.connection-badge.offline{background:#ffffff0d;color:#fff6;border:1px solid rgba(255,255,255,.1)}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.last-update{color:#debc8199;font-size:12px;font-family:Noto Sans Display,sans-serif}.btn-manual-refresh{margin-left:auto;padding:6px 16px;background:linear-gradient(135deg,#ffbd5933,#ffbd591a);color:#ffbd59;border:1px solid rgba(255,189,89,.3);border-radius:6px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-manual-refresh:hover:not(:disabled){background:linear-gradient(135deg,#ffbd594d,#ffbd5933);border-color:#ffbd5980;transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.btn-manual-refresh:active:not(:disabled){transform:translateY(0)}.btn-manual-refresh:disabled{opacity:.5;cursor:not-allowed}.volume-controls{display:flex;align-items:center;gap:20px;padding:10px 16px;background:#11225099;border-radius:8px;margin-bottom:12px;border:1px solid rgba(255,189,89,.15)}.btn-volume-toggle{padding:8px 16px;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-volume-toggle.active{background:linear-gradient(135deg,#0ecb8133,#0ecb811a);color:#0ecb81;border-color:#0ecb814d}.btn-volume-toggle:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-volume-toggle.active:hover{background:linear-gradient(135deg,#0ecb814d,#0ecb8126);border-color:#0ecb8166}.volume-opacity-control{display:flex;align-items:center;gap:12px;flex:1}.volume-opacity-control label{color:#ffffffb3;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;min-width:60px}.opacity-slider{flex:1;max-width:200px;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none;cursor:pointer}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#ffbd59,#ffd580);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffbd5966;transition:all .3s ease}.opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #ffbd5999}.opacity-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#ffbd59,#ffd580);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffbd5966;transition:all .3s ease}.opacity-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #ffbd5999}.opacity-value{color:#ffbd59;font-size:13px;font-weight:700;font-family:Courier New,monospace;min-width:45px;text-align:right}@media(max-width:768px){.chart-connection-status{flex-wrap:wrap;gap:8px}.btn-manual-refresh{margin-left:0;width:100%}.volume-controls{flex-direction:column;gap:12px;align-items:stretch}.btn-volume-toggle{width:100%}.volume-opacity-control{flex-direction:column;align-items:stretch;gap:8px}.volume-opacity-control label{min-width:unset}.opacity-slider{max-width:100%}.opacity-value{text-align:left}}.analysis-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;overflow-y:auto;padding:20px}.analysis-modal-content{background:linear-gradient(135deg,#1a2847,#0f1b35);border:2px solid #FFBD59;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid rgba(255,189,89,.2);position:sticky;top:0;background:linear-gradient(135deg,#1a2847,#0f1b35);z-index:10}.analysis-header h2{color:#ffbd59;font-size:28px;margin:0 0 8px}.pattern-name{color:#debc81;font-size:16px;margin:0}.close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.analysis-section{padding:24px;border-bottom:1px solid rgba(255,189,89,.1)}.analysis-section:last-of-type{border-bottom:none}.analysis-section h3{color:#ffbd59;font-size:20px;margin:0 0 16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#debc81;font-size:13px;font-weight:600}.info-item span{color:#fff;font-size:16px}.direction{display:inline-flex;align-items:center;gap:4px;font-weight:600}.direction.bullish{color:#00e676}.direction.bearish{color:#f44336}.confidence{color:#00e676;font-weight:700}.price-levels{display:flex;flex-direction:column;gap:12px}.price-level{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;background:#11225080;border-left:4px solid}.price-level.entry{border-color:#2196f3}.price-level.stop-loss{border-color:#f44336}.price-level.take-profit{border-color:#00e676}.price-level label{color:#debc81;font-weight:600;min-width:80px}.price-level .price{color:#fff;font-size:18px;font-weight:700;flex:1}.profit-percent{color:#00e676;font-size:14px;font-weight:600;margin-left:12px}.risk-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.metric-card{background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;text-align:center}.metric-label{color:#debc81;font-size:13px;margin-bottom:8px}.metric-value{color:#ffbd59;font-size:24px;font-weight:700}.position-suggestions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.position-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#1122504d;border-radius:8px;color:#fff}.position-value{font-weight:700;color:#ffbd59}.position-note{color:#debc81;font-size:13px;margin:0;padding:12px;background:#ffbd590d;border-radius:8px;border-left:3px solid #FFBD59}.trading-notes{display:flex;flex-direction:column;gap:12px}.note-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1122504d;border-radius:8px;color:#fff}.note-icon{font-size:20px;min-width:24px}.analysis-actions{display:flex;gap:12px;padding:24px;position:sticky;bottom:0;background:linear-gradient(to top,#1a2847 80%,transparent)}.analysis-actions button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-copy-all{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.btn-open-binance{background:linear-gradient(135deg,#f0b90b,#fcd535);color:#1e2329}.analysis-actions button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media(max-width:768px){.analysis-modal-content{max-width:100%;border-radius:12px}.analysis-header h2{font-size:22px}.info-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column}.position-row{flex-direction:column;gap:8px;align-items:flex-start}}.trading-info-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#112250,#1a2a5e);border-left:1px solid rgba(255,189,89,.2);overflow:hidden}.trading-info-sidebar .sidebar-header{padding:20px;border-bottom:1px solid rgba(255,189,89,.2);background:#112250cc}.trading-info-sidebar .sidebar-header h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#ffbd59;font-family:Montserrat,sans-serif}.symbol-display{font-size:14px;color:#debc81;font-weight:600;font-family:Noto Sans Display,sans-serif}.no-pattern{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-pattern p{color:#debc8180;font-size:14px;line-height:1.6}.info-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:#11225080}.info-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.info-section{background:#2a1b5266;border:1px solid rgba(255,189,89,.15);border-radius:12px;padding:16px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#ffbd59;margin-bottom:12px;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px}.direction-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif}.direction-badge.bullish{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.direction-badge.bearish{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.4)}.pattern-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;font-family:Montserrat,sans-serif}.confidence-display{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#debc81}.confidence-value{font-weight:700;color:#ffbd59;font-size:12px;white-space:nowrap}.info-section.metrics{padding:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:8px;transition:all .2s ease}.metric-row:hover{background:#ffbd590d}.metric-row.entry{background:#ffbd591a;border-left:3px solid #FFBD59}.metric-row.stop-loss{background:#f6465d1a;border-left:3px solid #F6465D}.metric-row.take-profit{background:#0ecb811a;border-left:3px solid #0ECB81}.metric-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#debc81;font-family:Noto Sans Display,sans-serif}.metric-label .icon{font-size:14px}.profit-percent{font-size:11px;color:#0ecb81;font-weight:600;margin-left:4px}.metric-value-group{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.metric-value-group .value{font-size:12px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:-.3px}.copy-btn{padding:4px 8px;background:#ffbd5933;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;cursor:pointer;transition:all .2s ease;font-family:Noto Sans Display,sans-serif;min-width:32px;text-align:center}.copy-btn:hover{background:#ffbd594d;transform:scale(1.05)}.copy-btn.copied{background:#0ecb814d;border-color:#0ecb8180;color:#0ecb81}.risk-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,189,89,.1)}.risk-row:last-child{border-bottom:none}.risk-label{font-size:12px;color:#debc81b3;font-family:Noto Sans Display,sans-serif}.risk-value{font-size:11px;font-weight:600;color:#debc81;font-family:Montserrat,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.risk-value.highlight{color:#ffbd59;font-size:12px;font-weight:700}.risk-value.strong{color:#0ecb81}.risk-value.moderate{color:orange}.quick-actions{display:flex;flex-direction:column;gap:10px}.action-btn{padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;border:none;width:100%}.action-btn.primary{background:linear-gradient(135deg,#ffbd59,#debc81);color:#112250}.action-btn.primary:hover{background:linear-gradient(135deg,#debc81,#ffbd59);transform:translateY(-2px);box-shadow:0 4px 15px #ffbd594d}.action-btn.secondary{background:#ffbd591a;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.action-btn.secondary:hover{background:#ffbd5933;border-color:#ffbd5980}.pattern-image-container{width:100%;border-radius:12px;overflow:hidden;background:#11225080;border:1px solid rgba(255,189,89,.2);box-shadow:0 4px 12px #0000004d}.pattern-image-container img{width:100%;height:auto;display:block;border-bottom:1px solid rgba(255,189,89,.1)}.pattern-image-caption{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffd7001a;border-top:1px solid rgba(255,215,0,.2)}.caption-icon{font-size:14px}.caption-text{font-size:11px;color:#debc81e6;font-family:Noto Sans Display,sans-serif;font-weight:600}.pattern-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#1122504d;border-radius:12px;border:1px solid rgba(255,189,89,.15)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spinner-rotate 1s linear infinite;margin-bottom:12px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.pattern-image-loading p{font-size:12px;color:#debc81b3;font-family:Noto Sans Display,sans-serif}.pattern-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#1122504d;border-radius:12px;border:1px dashed rgba(255,189,89,.3)}.placeholder-icon{font-size:64px;margin-bottom:12px;opacity:.3}.placeholder-text{font-size:12px;color:#debc8180;font-family:Noto Sans Display,sans-serif}.info-section.gem-pattern{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.25);padding:20px}.pattern-display{display:flex;align-items:center;gap:16px;margin-bottom:16px}.pattern-icon-large{display:flex;align-items:center;justify-content:center;padding:12px;background:#11225080;border-radius:12px;border:1px solid rgba(255,189,89,.2);min-height:60px;filter:drop-shadow(0 2px 8px rgba(255,189,89,.3))}.pattern-icon-large svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s ease}.pattern-icon-large svg:hover{transform:scale(1.05)}.pattern-icon-large>div{display:flex;align-items:center;gap:8px}.pattern-details{flex:1}.pattern-name-gem{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;font-family:Montserrat,sans-serif;flex-wrap:wrap}.pattern-code{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px}.pattern-code.continuation{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.pattern-code.reversal{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.pattern-code.zone{background:#8a2be233;color:#9d7fea;border:1px solid rgba(138,43,226,.4)}.pattern-category{font-size:12px;color:#debc81cc;font-family:Noto Sans Display,sans-serif}.zone-status-container{background:#11225080;border:1px solid rgba(255,189,89,.15);border-radius:8px;padding:12px;margin-bottom:16px}.zone-status-label{font-size:11px;color:#debc8199;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.zone-status-badge{display:inline-block;padding:8px 14px;border-radius:8px;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif;margin-bottom:10px;width:100%;text-align:center}.zone-status-badge.fresh{background:linear-gradient(135deg,#0ecb814d,#0ecb811a);color:#0ecb81;border:1px solid rgba(14,203,129,.5);box-shadow:0 0 15px #0ecb8133}.zone-status-badge.tested_1x{background:linear-gradient(135deg,#ffbd594d,#ffbd591a);color:#ffbd59;border:1px solid rgba(255,189,89,.5)}.zone-status-badge.tested_2x{background:linear-gradient(135deg,#ff98004d,#ff98001a);color:orange;border:1px solid rgba(255,152,0,.5)}.zone-status-badge.weak{background:linear-gradient(135deg,#f6465d4d,#f6465d1a);color:#f6465d;border:1px solid rgba(246,70,93,.5)}.retest-count{font-size:12px;color:#debc81;font-family:Noto Sans Display,sans-serif;text-align:center}.count-value{font-weight:700;color:#ffbd59;font-size:12px;margin-left:4px;white-space:nowrap}.retest-warning{display:flex;gap:12px;background:linear-gradient(135deg,#ff980033,#ff98000d);border:2px solid rgba(255,152,0,.5);border-radius:10px;padding:14px;margin-bottom:16px;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 10px #ff98004d}50%{box-shadow:0 0 20px #ff980080}}.warning-icon{font-size:28px;line-height:1;flex-shrink:0}.warning-text{flex:1}.warning-text strong{display:block;color:orange;font-size:13px;font-weight:700;margin-bottom:6px;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px}.warning-text p{color:#debc81e6;font-size:12px;line-height:1.5;margin:0;font-family:Noto Sans Display,sans-serif}.pattern-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(255,189,89,.15)}@media(max-width:768px){.info-content{padding:15px}.metric-row{padding:8px 10px}.action-btn{padding:10px 14px;font-size:12px}.pattern-display{flex-direction:column;text-align:center}.pattern-icon-large{min-height:50px;padding:8px}.pattern-icon-large svg{width:28px;height:28px}.pattern-name-gem{justify-content:center}.pattern-meta{flex-direction:column;gap:8px}}.scan-filters-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease;padding:20px}.scan-filters-panel{background:linear-gradient(135deg,#1a2847,#0f1b35);border:2px solid #FFBD59;border-radius:16px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.filters-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid rgba(255,189,89,.2)}.filters-header h2{color:#ffbd59;font-size:28px;margin:0 0 4px;font-family:Montserrat,sans-serif}.filters-subtitle{color:#debc81;font-size:14px;margin:0;font-family:Noto Sans Display,sans-serif}.close-btn{background:#f4433633;border:1px solid rgba(244,67,54,.4);border-radius:8px;color:#fff;font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#f4433666;border-color:#f44336}.filters-content{flex:1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,189,89,.1)}.filter-section:last-child{border-bottom:none;margin-bottom:0}.section-header h3{color:#ffbd59;font-size:20px;margin:0;font-family:Montserrat,sans-serif}.section-actions{display:flex;gap:8px}.btn-small{padding:6px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.btn-small:hover{background:#ffbd5933;border-color:#ffbd59}.search-box{position:relative;margin-bottom:16px}.search-box input{width:100%;padding:12px 40px 12px 16px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;font-family:Noto Sans Display,sans-serif}.search-box input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 12px #ffbd5933}.search-box input::placeholder{color:#fff6}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-chip{padding:8px 16px;background:linear-gradient(135deg,#9c06124d,#640a0c4d);border:1px solid rgba(255,189,89,.3);border-radius:20px;color:#debc81;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.category-chip:hover{background:linear-gradient(135deg,#9c061280,#640a0c80);border-color:#ffbd59;transform:translateY(-2px)}.coin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.coin-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.coin-checkbox:hover{background:#11225099;border-color:#ffbd59}.coin-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FFBD59}.coin-info{display:flex;flex-direction:column;gap:2px}.coin-symbol{color:#fff;font-weight:700;font-size:14px;font-family:Montserrat,sans-serif}.coin-name{color:#fff9;font-size:11px;font-family:Noto Sans Display,sans-serif}.timeframe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.timeframe-btn{padding:12px 16px;background:#11225066;border:2px solid rgba(255,189,89,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;font-family:Montserrat,sans-serif}.timeframe-btn:hover{background:#11225099;border-color:#ffbd59;transform:translateY(-2px)}.timeframe-btn.active{background:linear-gradient(135deg,#9c061280,#640a0c80);border-color:#ffbd59;box-shadow:0 0 16px #ffbd594d}.timeframe-btn.recommended{border-color:#00e676}.timeframe-btn .badge{position:absolute;top:-6px;right:-6px;font-size:14px}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.pattern-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.pattern-checkbox:hover{background:#11225099;border-color:#ffbd59}.pattern-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FFBD59}.pattern-info{display:flex;align-items:center;gap:8px}.pattern-icon{font-size:20px}.pattern-name{color:#fff;font-weight:600;font-size:14px;font-family:Noto Sans Display,sans-serif}.selection-summary{margin-top:12px;padding:10px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:13px;font-weight:600;text-align:center;font-family:Montserrat,sans-serif}.filter-group{margin-bottom:24px}.filter-group label{display:block;color:#debc81;font-weight:600;font-size:14px;margin-bottom:8px;font-family:Montserrat,sans-serif}.filter-group label strong{color:#ffbd59}.radio-group{display:flex;gap:16px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Noto Sans Display,sans-serif}.radio-label:hover{background:#11225099;border-color:#ffbd59}.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#FFBD59}.slider{width:100%;height:8px;background:#11225099;border-radius:4px;outline:none;-webkit-appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#ffbd59,#debc81);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffbd5980}.slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#ffbd59,#debc81);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #ffbd5980}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;color:#ffffff80;font-size:12px;font-family:Noto Sans Display,sans-serif}.select-input{width:100%;padding:12px 16px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;font-family:Noto Sans Display,sans-serif}.select-input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 12px #ffbd5933}.select-input option{background:#1a2847;color:#fff}.filters-footer{display:flex;gap:12px;padding:24px;border-top:2px solid rgba(255,189,89,.2)}.btn-reset,.btn-apply{flex:1;padding:14px 24px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.btn-reset{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-reset:hover{background:#ffffff26;border-color:#fff6}.btn-apply{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c85380}.filters-content::-webkit-scrollbar,.coin-list::-webkit-scrollbar{width:8px}.filters-content::-webkit-scrollbar-track,.coin-list::-webkit-scrollbar-track{background:#11225066;border-radius:4px}.filters-content::-webkit-scrollbar-thumb,.coin-list::-webkit-scrollbar-thumb{background:#ffbd5980;border-radius:4px}.filters-content::-webkit-scrollbar-thumb:hover,.coin-list::-webkit-scrollbar-thumb:hover{background:#ffbd59b3}@media(max-width:768px){.scan-filters-panel{max-width:100%;max-height:100vh;border-radius:0}.filters-header{padding:20px}.filters-header h2{font-size:24px}.filters-content{padding:20px}.coin-list,.pattern-grid{grid-template-columns:1fr}.timeframe-grid{grid-template-columns:repeat(2,1fr)}.radio-group,.category-chips{flex-direction:column}.category-chip{width:100%;text-align:center}.filters-footer{flex-direction:column;padding:20px}.btn-reset,.btn-apply{width:100%}}@media(max-width:480px){.filters-header h2{font-size:20px}.section-header h3{font-size:18px}.timeframe-grid{grid-template-columns:1fr}}.auth-prompt-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-prompt-modal{background:linear-gradient(135deg,#2a1b52f2,#112250f2);border:2px solid rgba(255,189,89,.4);border-radius:20px;padding:40px;max-width:480px;width:90%;position:relative;box-shadow:0 20px 60px #000000b3;animation:slideUp .3s ease}.modal-close-btn{position:absolute;top:16px;right:16px;background:#f6465d33;border:1px solid rgba(246,70,93,.4);color:#f6465d;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600}.modal-close-btn:hover{background:#f6465d4d;transform:rotate(90deg)}.modal-icon{font-size:72px;text-align:center;margin-bottom:24px;animation:float 3s ease-in-out infinite}.modal-title{font-size:28px;font-weight:700;color:#ffbd59;text-align:center;margin:0 0 16px;font-family:Montserrat,sans-serif}.modal-description{font-size:16px;color:#debc81cc;text-align:center;margin:0 0 32px;line-height:1.6;font-family:Noto Sans Display,sans-serif}.modal-description strong{color:#ffbd59;font-weight:700}.modal-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:12px}.benefit-item{display:flex;align-items:center;gap:12px}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-text{font-size:15px;color:#debc81e6;font-family:Noto Sans Display,sans-serif}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-signup{width:100%;padding:16px 24px;background:linear-gradient(135deg,#ffbd59,#debc81);color:#112250;border:none;border-radius:10px;font-size:16px;font-weight:700;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffbd5966}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5999}.btn-signup:active{transform:translateY(0)}.btn-login{width:100%;padding:14px 24px;background:transparent;color:#debc81e6;border:1px solid rgba(255,189,89,.3);border-radius:10px;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-login:hover{background:#ffbd591a;border-color:#ffbd5980;color:#ffbd59}@media(max-width:768px){.auth-prompt-modal{padding:32px 24px}.modal-icon{font-size:56px}.modal-title{font-size:24px}.modal-description{font-size:14px}}.quota-display{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0003}.quota-display.loading{padding:40px}.quota-skeleton{width:100%;height:120px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.quota-display.error{background:#f443361a;border-color:#f443364d}.error-content{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.error-icon{font-size:36px;flex-shrink:0}.error-text h4{color:#ffbd59;font-size:18px;font-weight:700;margin:0 0 8px}.error-text p{color:#fffc;font-size:14px;margin:0;line-height:1.5}.error-actions{display:flex;gap:12px;margin-bottom:16px}.btn-retry{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-retry:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.error-details{margin-top:16px;padding:12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.error-details summary{color:#fff9;font-size:12px;cursor:pointer;font-weight:600;padding:4px}.error-details code{display:block;color:#ff6b6b;font-size:11px;font-family:Courier New,monospace;margin-top:8px;padding:8px;background:#0000004d;border-radius:4px;white-space:pre-wrap;word-break:break-all}.quota-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.quota-icon{font-size:40px;filter:drop-shadow(0 0 12px rgba(255,189,89,.6));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px rgba(255,189,89,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,189,89,.8));transform:scale(1.05)}}.quota-text h4{color:#ffbd59;font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:.5px}.quota-subtitle{color:#fff9;font-size:13px;margin:0;font-weight:500}.quota-stats{display:flex;flex-direction:column;gap:16px}.quota-number{display:flex;align-items:baseline;justify-content:center;gap:8px}.quota-number .remaining{color:#4caf50;font-size:48px;font-weight:900;line-height:1;transition:color .3s ease}.quota-number .remaining.depleted{color:#f44336}.quota-number .separator{color:#ffffff4d;font-size:32px;font-weight:400}.quota-number .total{color:#fff9;font-size:32px;font-weight:600}.quota-bar{width:100%;height:12px;background:#0f1b35cc;border-radius:6px;overflow:hidden;border:1px solid rgba(255,189,89,.2)}.quota-fill{height:100%;border-radius:6px;transition:all .5s ease;box-shadow:0 0 12px currentColor}.quota-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0 4px}.quota-status{font-weight:700;display:flex;align-items:center;gap:6px}.quota-status.available{color:#4caf50}.quota-status.depleted{color:#f44336;animation:blink 1.5s ease-in-out infinite}.quota-reset{color:#ffffff80;font-weight:600}.quota-upgrade{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,189,89,.2);text-align:center}.quota-upgrade p{color:#fffc;font-size:15px;font-weight:600;margin:0 0 16px}.btn-upgrade{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease;display:block;width:100%;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffbd594d}.btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffbd5980;background:linear-gradient(135deg,#ffd580,#ffbd59)}.btn-upgrade:active{transform:translateY(-1px)}.upgrade-benefit{color:#debc81;font-size:13px;display:block;font-weight:600}@media(max-width:768px){.quota-display{padding:20px}.quota-icon{font-size:32px}.quota-text h4{font-size:16px}.quota-number .remaining{font-size:40px}.quota-number .separator,.quota-number .total{font-size:28px}.quota-info{flex-direction:column;align-items:flex-start;gap:8px}.btn-upgrade{padding:12px 24px;font-size:14px}}.price-ticker{background:linear-gradient(90deg,#0f1b35f2,#112250f2);border-bottom:2px solid rgba(255,189,89,.3);padding:12px 0;overflow:hidden;position:relative}.price-ticker.connecting,.price-ticker.error{text-align:center;color:#ffffffb3;padding:12px 20px}.price-ticker.error{background:#f443361a;border-bottom-color:#f443364d;color:#ff6b6b}.price-ticker-scroll{display:flex;gap:40px;animation:scroll 30s linear infinite;padding:0 20px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.price-ticker-scroll:hover{animation-play-state:paused}.price-item{display:flex;align-items:center;gap:12px;white-space:nowrap;min-width:200px}.price-item.loading{opacity:.5}.price-item .symbol{color:#ffbd59;font-weight:700;font-size:14px;letter-spacing:.5px}.price-item .price{color:#fff;font-weight:600;font-size:15px}.price-item .change{font-weight:700;font-size:13px;padding:4px 8px;border-radius:4px}.price-item .change.positive{color:#4caf50;background:#4caf501a}.price-item .change.negative{color:#f44336;background:#f443361a}.ticker-status{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#4caf50;background:#0f1b35f2;padding:6px 12px;border-radius:12px;border:1px solid rgba(76,175,80,.3);z-index:10}.live-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 8px #4caf5000}}@media(max-width:768px){.price-ticker-scroll{gap:24px}.price-item{min-width:150px;gap:8px}.price-item .symbol{font-size:12px}.price-item .price{font-size:13px}.price-item .change{font-size:11px;padding:2px 6px}.ticker-status{right:10px;font-size:10px;padding:4px 8px}}.pattern-scanner-container{max-width:1200px;margin:0 auto;padding:24px}.scanner-header-compact{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;margin-bottom:16px;border:1px solid rgba(255,189,89,.15)}.scanner-header-compact .scanner-title-row{display:flex;justify-content:center;align-items:center;margin-bottom:6px}.scanner-title-small{font-size:18px;font-weight:700;color:#ffbd59;margin:0;display:flex;align-items:center;gap:12px;font-family:Montserrat,sans-serif}.scanner-subtitle-small{font-size:13px;color:#fff9;margin:0;text-align:center;font-family:Noto Sans Display,sans-serif}.scanner-header{text-align:center;margin-bottom:32px}.scanner-title-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.scanner-header h2{color:#ffbd59;font-size:32px;font-weight:800;margin:0}.tier-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;animation:badgePulse 3s ease-in-out infinite}.tier-badge.free{background:#96969633;color:#ffffffb3;border:1px solid rgba(150,150,150,.3)}.tier-badge.premium{background:linear-gradient(135deg,#ffd7004d,#ffbd594d);color:gold;border:1px solid #FFD700;box-shadow:0 0 20px #ffd7004d}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}.scanner-header p{color:#ffffffb3;font-size:16px;margin:0 0 16px}.scanner-info{display:flex;flex-direction:column;align-items:center;gap:8px}.info-badge{background:#ffbd5933;color:#ffbd59;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;border:1px solid rgba(255,189,89,.3)}.info-text{color:#fff9;font-size:13px;font-weight:600}.upgrade-prompt{margin-top:16px;padding:12px 20px;background:linear-gradient(135deg,#ffd7001a,#ffbd5926);border:1px solid rgba(255,215,0,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;animation:upgradeGlow 2s ease-in-out infinite}.upgrade-icon{font-size:20px;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upgrade-text{color:gold;font-size:14px;font-weight:600;text-align:center}@keyframes upgradeGlow{0%,to{box-shadow:0 0 15px #ffd70033}50%{box-shadow:0 0 25px #ffd70066}}.tier-info-section{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0f1b3599;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,189,89,.2)}.pattern-access-info{display:flex;align-items:center;gap:12px}.access-label{color:#fff9;font-size:14px;font-weight:600}.access-count{color:#ffbd59;font-size:16px;font-weight:800;padding:6px 16px;background:#ffbd591a;border-radius:8px;border:1px solid rgba(255,189,89,.3)}.upgrade-prompt{margin-top:24px;padding:32px;background:linear-gradient(135deg,#ffd7001a,#ffbd5926);border:2px solid rgba(255,215,0,.3);border-radius:20px;text-align:center;animation:upgradeGlow 2s ease-in-out infinite}.upgrade-icon{font-size:48px;margin-bottom:16px;animation:bounce 1.5s ease-in-out infinite}.upgrade-title{color:gold;font-size:28px;font-weight:800;margin:0 0 12px;font-family:Montserrat,sans-serif}.upgrade-description{color:#ffffffe6;font-size:16px;margin:0 0 24px;line-height:1.6}.upgrade-features{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:500px;margin:24px auto}.upgrade-feature{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;transition:all .3s ease}.upgrade-feature:hover{background:#ffffff0f;transform:translate(4px)}.feature-icon{font-size:18px;flex-shrink:0}.feature-text{color:#ffffffe6;font-size:15px;font-weight:600}.btn-upgrade-prompt{width:100%;max-width:500px;padding:18px 32px;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #ffbd5966}.btn-upgrade-prompt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5999}.btn-upgrade-prompt:active{transform:translateY(0)}.btn-scan{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:16px;padding:20px 48px;font-size:20px;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 32px;box-shadow:0 6px 24px #ffbd5966;text-transform:uppercase;letter-spacing:1px;min-width:280px}.btn-scan:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 32px #ffbd5999}.btn-scan:active:not(:disabled){transform:translateY(-2px)}.btn-scan.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#888)}.btn-scan.scanning{animation:pulse-scan 1.5s ease-in-out infinite}@keyframes pulse-scan{0%,to{box-shadow:0 6px 24px #ffbd5966}50%{box-shadow:0 6px 32px #ffbd59cc}}.scan-spinner{width:24px;height:24px;border:3px solid rgba(15,27,53,.3);border-top-color:#0f1b35;border-radius:50%;animation:spin .8s linear infinite}.scan-progress{max-width:600px;margin:0 auto 24px}.progress-bar{width:100%;height:8px;background:#0f1b35cc;border-radius:4px;overflow:hidden;border:1px solid rgba(255,189,89,.2);margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffbd59,#ffd580);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffbd5999}.scan-results-info-minimal{background:#0ecb811a;border:1px solid rgba(14,203,129,.3);color:#0ecb81;padding:10px 16px;border-radius:8px;text-align:center;font-size:13px;font-weight:500;margin-bottom:12px;animation:slideIn .3s ease}.scan-results-info-minimal strong{font-weight:700;color:#fff}.progress-text{display:block;text-align:center;color:#ffffffb3;font-size:14px;font-weight:600}.scan-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:16px;color:#ff6b6b;text-align:center;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.scan-results-info{padding:20px 0}.info-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#0ecb811a,#0ecb810d);border:2px solid rgba(14,203,129,.3);border-radius:12px;max-width:600px;margin:0 auto}.info-icon{font-size:40px;flex-shrink:0}.info-content{flex:1}.info-content h4{margin:0 0 8px;font-size:20px;font-weight:700;color:#0ecb81;font-family:Montserrat,sans-serif}.info-content p{margin:4px 0;font-size:14px;color:#fffc;font-family:Noto Sans Display,sans-serif}.info-content p strong{color:#ffbd59;font-weight:700}.info-hint{color:#fff9;font-size:13px!important;font-style:italic}.scan-results-compact{margin-top:24px;max-width:800px}.results-title{color:#ffbd59;font-size:18px;font-weight:700;margin:0 0 16px}.results-list-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.results-list-compact::-webkit-scrollbar{width:6px}.results-list-compact::-webkit-scrollbar-track{background:#0f1b3580;border-radius:3px}.results-list-compact::-webkit-scrollbar-thumb{background:#ffbd5966;border-radius:3px}.results-list-compact::-webkit-scrollbar-thumb:hover{background:#ffbd5999}.result-item-compact{background:linear-gradient(135deg,#112250cc,#1a2847cc);border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;animation:fadeIn .4s ease}.result-item-compact:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d;border-color:#ffbd5999}.result-row-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-symbol-compact{color:#ffbd59;font-size:16px;font-weight:800}.result-signal-compact{font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px}.result-signal-compact.buy-signal{background:#4caf5033;color:#4caf50}.result-signal-compact.sell-signal{background:#f4433633;color:#f44336}.result-row-2{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pattern-badge-compact{background:#ffbd5933;color:#ffbd59;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.confidence-compact{color:#4caf50;font-size:12px;font-weight:700}.result-row-3{display:flex;justify-content:space-between;font-size:10px;color:#ffffffb3}.level-compact{font-weight:600}.scanner-homepage{max-width:1200px;margin:0 auto;padding:40px 20px}.hero-section{text-align:center;margin-bottom:48px;animation:fadeIn .6s ease}.hero-title{font-size:48px;font-weight:800;color:#ffbd59;margin:0 0 16px;font-family:Montserrat,sans-serif;text-shadow:0 4px 20px rgba(255,189,89,.3)}.hero-subtitle{font-size:20px;color:#fffc;margin:0;font-family:Noto Sans Display,sans-serif}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:48px}.stat-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:#ffbd5999;box-shadow:0 8px 24px #ffbd594d}.stat-icon{font-size:48px;margin-bottom:12px}.stat-number{font-size:36px;font-weight:800;color:#ffbd59;margin:8px 0;font-family:Montserrat,sans-serif}.stat-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:1px;font-family:Noto Sans Display,sans-serif}.how-to-use{margin-bottom:48px}.section-title{text-align:center;font-size:32px;font-weight:700;color:#ffbd59;margin:0 0 32px;font-family:Montserrat,sans-serif}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.step-card{background:#11225099;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px;transition:all .3s ease;position:relative}.step-card:hover{background:#112250cc;border-color:#ffbd5966;transform:translateY(-3px)}.step-number{position:absolute;top:-15px;left:20px;width:40px;height:40px;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:Montserrat,sans-serif;box-shadow:0 4px 12px #ffbd5966}.step-card h3{margin:12px 0 8px;font-size:18px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.step-card p{margin:0;font-size:14px;color:#ffffffb3;line-height:1.6;font-family:Noto Sans Display,sans-serif}.market-activity{margin-bottom:48px}.market-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.market-card{background:linear-gradient(135deg,#0ecb811a,#0ecb810d);border:2px solid rgba(14,203,129,.3);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.market-card:hover{transform:translateY(-3px);border-color:#0ecb8180;box-shadow:0 6px 20px #0ecb814d}.market-symbol{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;font-family:Montserrat,sans-serif}.market-price{font-size:16px;color:#ffffffb3;margin-bottom:8px;font-family:Noto Sans Display,sans-serif}.market-change{font-size:18px;font-weight:700;font-family:Courier New,monospace}.cta-section{text-align:center;margin-top:48px}.btn-cta-large{padding:20px 48px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ffbd5966;font-family:Montserrat,sans-serif;margin-bottom:16px}.btn-cta-large:hover{transform:translateY(-3px);box-shadow:0 8px 28px #ffbd5999}.cta-hint{color:#fff9;font-size:14px;margin:0;font-family:Noto Sans Display,sans-serif}@media(max-width:768px){.pattern-scanner-container{padding:16px}.scanner-header h2{font-size:24px}.btn-scan{width:100%;padding:16px 24px;font-size:16px;min-width:0}.results-grid{grid-template-columns:1fr}.result-symbol{font-size:20px}.scanner-homepage{padding:24px 16px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.quick-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:20px 16px}.stat-icon{font-size:32px}.stat-number,.section-title{font-size:24px}.steps-grid,.market-cards{grid-template-columns:1fr;gap:16px}.btn-cta-large{padding:16px 32px;font-size:16px;width:100%}}.result-card.clickable{cursor:pointer;position:relative}.result-card.clickable:after{content:"👉 Click to view";position:absolute;top:12px;right:12px;background:#ffbd5926;color:#ffbd59;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;opacity:0;transition:opacity .3s ease}.result-card.clickable:hover:after{opacity:1}.result-card.clickable:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #ffbd594d;border-color:#ffbd59;cursor:pointer}.result-card.clickable:active{transform:translateY(-4px) scale(1.01)}.scan-results-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.scan-results-modal{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.4);border-radius:24px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 100px #ffbd5933;animation:slideUp .4s ease}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#ffffffb3;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-icon{font-size:64px;text-align:center;margin-bottom:20px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.modal-title{color:#ffbd59;font-size:32px;font-weight:800;text-align:center;margin:0 0 16px}.modal-message{color:#ffffffe6;font-size:18px;text-align:center;margin:0 0 32px;line-height:1.6}.modal-message strong{color:#ffbd59;font-weight:700}.modal-hint{color:#fff9;font-size:14px;text-align:center;margin:0 0 24px}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-item{background:#0f1b3599;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;text-align:center}.stat-label{display:block;color:#fff9;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{display:block;color:#fff;font-size:24px;font-weight:800}.stat-value.success{color:#4caf50}.modal-results-list{max-height:300px;overflow-y:auto;margin-bottom:24px;border:1px solid rgba(255,189,89,.2);border-radius:12px;background:#0f1b3566}.modal-result-item{padding:16px;border-bottom:1px solid rgba(255,189,89,.1);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.modal-result-item:last-child{border-bottom:none}.modal-result-item:hover{background:#ffbd591a}.modal-result-symbol{color:#ffbd59;font-size:18px;font-weight:800;min-width:60px}.modal-result-pattern{flex:1;color:#fffc;font-size:14px;font-weight:600}.modal-result-signal{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.modal-result-signal.buy-signal,.modal-result-signal.strong-buy{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.modal-result-signal.sell-signal,.modal-result-signal.strong-sell{background:#f4433633;color:#f44336;border:1px solid #F44336}.modal-action-btn{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #ffbd5966}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffbd5999}.modal-action-btn:active{transform:translateY(0)}.scan-results-modal::-webkit-scrollbar,.modal-results-list::-webkit-scrollbar{width:8px}.scan-results-modal::-webkit-scrollbar-track,.modal-results-list::-webkit-scrollbar-track{background:#0f1b3580;border-radius:4px}.scan-results-modal::-webkit-scrollbar-thumb,.modal-results-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffbd59,#ffd580);border-radius:4px}.scan-results-modal::-webkit-scrollbar-thumb:hover,.modal-results-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffd580,#ffbd59)}@media(max-width:768px){.scan-results-modal{padding:24px;max-height:90vh}.modal-title{font-size:24px}.modal-message{font-size:16px}.modal-stats{grid-template-columns:1fr;gap:12px}.modal-icon{font-size:48px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.add-trade-modal{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.3);border-radius:24px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;padding:0;line-height:1}.modal-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.add-trade-modal h2{color:#ffbd59;font-size:24px;font-weight:800;margin:0 0 32px;text-align:center}.trade-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#debc81;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.required{color:#f44336}.form-group input,.form-group select,.form-group textarea{background:#0f1b35cc;border:1px solid rgba(255,189,89,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 4px #ffbd591a}.form-group textarea{resize:vertical;font-family:inherit}.pl-preview{background:#0f1b3599;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}.pl-label{color:#ffffffb3;font-size:14px;font-weight:600}.pl-value{font-size:20px;font-weight:900}.pl-value.positive{color:#4caf50}.pl-value.negative{color:#f44336}.form-actions{display:flex;gap:12px;margin-top:12px}.btn-cancel,.btn-submit{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover{background:#ffffff26;color:#fff}.btn-submit{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4caf5066}@media(max-width:768px){.add-trade-modal{padding:24px;max-height:85vh;width:95%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.trading-journal{max-width:1400px;margin:0 auto;padding:24px}.journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.journal-title{display:flex;align-items:center;gap:12px}.journal-title h2{color:#ffbd59;font-size:28px;font-weight:800;margin:0}.tier-badge{background:#ffbd5933;color:#ffbd59;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid rgba(255,189,89,.3)}.journal-actions{display:flex;gap:12px}.btn-export,.btn-add-trade{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-export{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.btn-export:hover:not(:disabled){background:#4caf504d;transform:translateY(-2px)}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-add-trade{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35}.btn-add-trade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd5966}.journal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:24px;text-align:center}.stat-label{color:#fff9;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.stat-value{color:#fff;font-size:36px;font-weight:900;margin-bottom:8px}.stat-value.small{font-size:24px}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.stat-detail,.stat-limit{color:#ffffff80;font-size:13px;font-weight:600}.trades-table-container{background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:16px;overflow:hidden}.trades-table{width:100%;border-collapse:collapse}.trades-table thead{background:#0f1b35cc}.trades-table th{color:#ffbd59;font-size:13px;font-weight:700;text-transform:uppercase;padding:16px 12px;text-align:left;border-bottom:2px solid rgba(255,189,89,.3)}.trades-table td{color:#fffc;font-size:14px;padding:16px 12px;border-bottom:1px solid rgba(255,189,89,.1)}.trades-table tbody tr:hover{background:#ffbd590d}.trades-table tr.closed{opacity:1}.trades-table tr.open{opacity:.8}.symbol{font-weight:700;color:#ffbd59}.type-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block}.type-badge.long{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.type-badge.short{background:#f4433633;color:#f44336;border:1px solid #F44336}.open-badge{color:#fff6;font-size:12px;font-weight:600}.pl-positive{color:#4caf50;font-weight:700}.pl-negative{color:#f44336;font-weight:700}.pattern-badge{background:#ffbd5933;color:#ffbd59;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-edit,.btn-delete{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s ease;font-size:16px}.btn-edit:hover{background:#ffbd5933;border-color:#ffbd59;transform:scale(1.1)}.btn-delete{background:#f4433633;border-color:#f443364d}.btn-delete:hover{background:#f443364d;border-color:#f44336;transform:scale(1.1)}.journal-empty{text-align:center;padding:80px 20px}.empty-icon{font-size:64px;display:block;margin-bottom:24px;opacity:.3}.journal-empty h3{color:#ffbd59;font-size:24px;font-weight:700;margin:0 0 12px}.journal-empty p{color:#fff9;font-size:16px;margin:0 0 32px}.btn-add-trade-empty{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 48px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-add-trade-empty:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffbd5980}.tier-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:12px;padding:16px 24px;color:#ff9800;font-size:14px;font-weight:600;text-align:center;margin-top:24px}.tier-warning a{color:#ffbd59;text-decoration:none;font-weight:700}.journal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.notification-ok-btn,.confirmation-cancel-btn,.confirmation-confirm-btn{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.notification-ok-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;width:100%}.confirmation-buttons{display:flex;gap:12px;margin-top:32px}.confirmation-cancel-btn{flex:1;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.confirmation-cancel-btn:hover{background:#ffffff26;color:#fff}.confirmation-confirm-btn{flex:1;background:linear-gradient(135deg,#f44336,#e53935);color:#fff}.confirmation-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}@media(max-width:1024px){.trades-table-container{overflow-x:auto}.trades-table{min-width:800px}}@media(max-width:768px){.trading-journal{padding:16px}.journal-header{flex-direction:column;align-items:flex-start;gap:16px}.journal-stats{grid-template-columns:1fr}}.entry-status-display{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;margin:20px 0;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px #0000004d}.status-header{margin-bottom:24px;text-align:center}.status-title{font-size:20px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-subtitle{font-size:14px;color:#aaa}.workflow-steps{margin:24px 0;display:flex;flex-direction:column;gap:12px}.workflow-step{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.workflow-step.completed{background:#10b9811a;border-color:#10b9814d}.workflow-step.current{background:#667eea26;border-color:#667eea80;box-shadow:0 0 20px #667eea4d}.workflow-step.pending{opacity:.5}.workflow-step.broken{background:#ef44441a;border-color:#ef444480}.step-indicator{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px}.step-check{font-size:24px}.step-icon{font-size:28px}.step-number{font-size:24px;opacity:.5}.step-content{flex:1;display:flex;flex-direction:column;gap:4px}.step-label{font-size:15px;font-weight:600;color:#fff}.step-action{font-size:13px;font-weight:500;opacity:.9}.current-marker{font-size:14px;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-details{padding:20px;border-radius:12px;border:2px solid;margin:20px 0}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-label{font-size:14px;color:#aaa}.detail-value{font-size:16px;font-weight:700;color:#fff}.detail-message{font-size:16px;font-weight:600;font-style:italic;margin-top:12px;padding:12px;background:#0003;border-radius:8px;border-left:4px solid}.zone-details{margin-top:16px;padding:12px;background:#0003;border-radius:8px}.zone-label{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.zone-mid{font-size:13px;color:#aaa}.confirmation-details{margin-top:16px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.confirmation-type{font-size:14px;font-weight:600;color:#10b981;margin-bottom:4px}.confirmation-strength{font-size:13px;color:#10b981}.warning-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f59e0b33,#ef444433);border:2px solid #F59E0B;border-radius:12px;margin:20px 0;animation:warningPulse 3s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 20px #f59e0b4d}50%{box-shadow:0 0 30px #f59e0b99}}.warning-icon{font-size:48px;flex-shrink:0}.warning-content{flex:1}.warning-title{font-size:18px;font-weight:800;color:#f59e0b;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.warning-message{font-size:15px;color:#fff;font-weight:500}.entry-allowed-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid #10b981;border-radius:12px;margin:20px 0;animation:entryPulse 2s ease-in-out infinite}@keyframes entryPulse{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 40px #10b981b3}}.entry-icon{font-size:48px;flex-shrink:0}.entry-content{flex:1}.entry-title{font-size:18px;font-weight:800;color:#10b981;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.entry-details{display:flex;gap:20px;font-size:15px;color:#fff;font-weight:600}.status-actions{display:flex;gap:12px;margin-top:20px}.btn-set-alert,.btn-trading-rules{flex:1;padding:14px 20px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease}.btn-trading-rules{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-trading-rules:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.entry-status-display{padding:16px}.status-title{font-size:18px}.workflow-step{padding:12px;gap:12px}.step-indicator{width:32px;height:32px}.step-icon{font-size:24px}.step-label{font-size:14px}.step-action{font-size:12px}.current-marker{position:absolute;top:12px;right:12px;font-size:12px}.warning-icon,.entry-icon{font-size:36px}.warning-title,.entry-title{font-size:16px}.status-actions{flex-direction:column}}.zone-retest-tracker{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;margin:16px 0;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 16px #0003}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.zone-type{display:flex;align-items:center;gap:8px}.zone-icon{font-size:24px}.zone-label{font-size:16px;font-weight:700;color:#fff}.zone-price-range{font-size:15px;font-weight:600;color:#667eea;background:#667eea1a;padding:6px 12px;border-radius:8px}.zone-status-section{margin-bottom:20px}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-label{font-size:14px;color:#aaa}.status-value{font-size:16px;font-weight:700}.star-rating{font-size:24px;text-align:center;padding:12px;background:#0003;border-radius:8px;letter-spacing:4px}.zone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metric-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.metric-icon{font-size:24px;flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:12px;color:#888;margin-bottom:2px}.metric-value{font-size:16px;font-weight:700;color:#fff}.strength-bar-container{margin-bottom:16px}.strength-label{font-size:13px;color:#aaa;margin-bottom:8px}.strength-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.strength-fill{height:100%;border-radius:6px;transition:width .5s ease,background .3s ease;position:relative}.strength-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 2s infinite}.strength-percentage{text-align:right;font-size:12px;font-weight:700;margin-top:4px}.zone-mid-price{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:16px}.mid-label{font-size:14px;color:#aaa}.mid-value{font-size:16px;font-weight:700;color:#667eea}.zone-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{font-size:13px;color:#ef4444;line-height:1.5;font-weight:500}.zone-tip{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.tip-icon{font-size:20px;flex-shrink:0}.tip-text{font-size:13px;color:#10b981;line-height:1.5;font-weight:500}@media(max-width:768px){.zone-retest-tracker{padding:16px}.zone-header{flex-direction:column;align-items:flex-start;gap:12px}.zone-metrics{grid-template-columns:1fr}.metric-item{padding:10px}.star-rating{font-size:20px;letter-spacing:2px}}.confirmation-indicator{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;margin:16px 0;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 16px #0003}.confirmation-indicator.no-confirmation{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px dashed rgba(255,255,255,.2)}.no-conf-icon{font-size:48px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.no-conf-message{flex:1}.no-conf-title{font-size:18px;font-weight:700;color:#888;margin-bottom:4px}.no-conf-subtitle{font-size:14px;color:#666;font-style:italic}.ready-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid #10b981;border-radius:12px;margin-bottom:20px;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 40px #10b981b3}}.ready-icon{font-size:48px;flex-shrink:0;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ready-content{flex:1}.ready-title{font-size:20px;font-weight:800;color:#10b981;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.ready-subtitle{font-size:14px;color:#fff;font-weight:500}.conf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.conf-type{display:flex;align-items:center;gap:12px}.conf-type-icon{font-size:32px}.conf-type-label{font-size:18px;font-weight:700;color:#fff}.conf-strength{display:flex;align-items:center}.strength-badge{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid}.conf-direction{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:8px}.direction-label{font-size:14px;color:#888}.direction-value{font-size:16px;font-weight:700;display:flex;align-items:center;gap:4px}.conf-details{margin-bottom:16px}.detail-description{font-size:14px;color:#aaa;margin-bottom:12px;padding:10px;background:#0003;border-radius:6px;border-left:3px solid rgba(102,126,234,.5);font-style:italic}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:#ffffff08;border-radius:6px}.detail-label{font-size:13px;color:#888}.detail-value{font-size:15px;font-weight:700;color:#fff}.candle-visual{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.candle-label{font-size:14px;font-weight:600;color:#aaa;margin-bottom:12px;text-align:center}.candle-diagram{display:flex;justify-content:center;align-items:center;padding:20px;background:#0000004d;border-radius:8px}.candle-ascii{display:flex;flex-direction:column;align-items:center;justify-content:center}.candle-wick{width:2px;border-left:2px solid}.candle-body{width:20px;height:30px;border-radius:2px;box-shadow:0 2px 8px #0000004d}.confirmation-indicator.has-confirmation.strength-strong{border-color:#10b98180}.confirmation-indicator.has-confirmation.strength-medium{border-color:#f59e0b80}.confirmation-indicator.has-confirmation.strength-weak{border-color:#ef444480}@media(max-width:768px){.confirmation-indicator{padding:16px}.conf-header{flex-direction:column;align-items:flex-start;gap:12px}.conf-type-icon{font-size:28px}.conf-type-label{font-size:16px}.strength-badge{padding:6px 12px;font-size:12px}.ready-icon{font-size:36px}.ready-title{font-size:16px}.ready-subtitle{font-size:12px}.no-conf-icon{font-size:36px}.no-conf-title{font-size:16px}.no-conf-subtitle{font-size:12px}}.pattern-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.pattern-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(102,126,234,.3);animation:slideUp .4s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.modal-title-section{display:flex;align-items:center;gap:16px}.pattern-icon{font-size:48px;flex-shrink:0}.pattern-title-info{display:flex;flex-direction:column;gap:4px}.pattern-title{font-size:24px;font-weight:800;margin:0;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pattern-subtitle{font-size:14px;color:#888;font-weight:500}.modal-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ef444433;transform:rotate(90deg)}.modal-tabs{display:flex;gap:4px;padding:16px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a;overflow-x:auto}.modal-tab{padding:12px 20px;border:none;background:transparent;color:#888;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.modal-tab:hover{color:#fff;background:#ffffff0d}.modal-tab.active{color:#667eea;border-bottom-color:#667eea;background:#667eea1a}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d}.modal-body::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#667eea80}.tab-content{animation:fadeIn .4s ease}.section-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:8px}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.zone-info-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.card-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{font-size:14px;color:#888;font-weight:500}.info-value{font-size:15px;font-weight:700;color:#fff;text-align:right}.info-description{font-size:14px;color:#aaa;font-style:italic;text-align:right;max-width:60%;line-height:1.5}.confidence-value{display:flex;align-items:center;gap:8px}.price-value{color:#667eea}.recommendation-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;border:2px solid;margin-top:20px;animation:pulse 2s ease-in-out infinite}.recommendation-card.allow-entry{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b981}.recommendation-card.wait-entry{background:linear-gradient(135deg,#f59e0b33,#ef444433);border-color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}.recommendation-icon{font-size:48px;flex-shrink:0}.recommendation-content{flex:1}.recommendation-title{font-size:18px;font-weight:800;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.recommendation-card.allow-entry .recommendation-title{color:#10b981}.recommendation-card.wait-entry .recommendation-title{color:#f59e0b}.recommendation-message{font-size:14px;color:#fff;font-weight:500}.no-data-message{padding:40px;text-align:center;font-size:16px;color:#888;background:#ffffff08;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.action-btn{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-set-alert{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-set-alert:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-view-chart{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.btn-view-chart:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.btn-copy-trade{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;box-shadow:0 4px 15px #3b82f666}.btn-copy-trade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-close{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-close:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.pattern-modal-overlay{padding:10px}.pattern-modal-content{border-radius:16px;max-height:95vh}.modal-header{padding:16px}.pattern-icon{font-size:36px}.pattern-title{font-size:18px}.pattern-subtitle{font-size:12px}.modal-close-btn{width:32px;height:32px;font-size:20px}.modal-tabs{padding:12px 16px 0}.modal-tab{padding:10px 14px;font-size:12px}.modal-body{padding:16px}.section-title{font-size:18px}.info-card{padding:16px}.info-description{max-width:100%;margin-top:8px}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-value{text-align:left}.recommendation-card{flex-direction:column;padding:16px}.recommendation-icon{font-size:36px}.recommendation-title{font-size:16px}.recommendation-message{font-size:13px}.modal-footer{flex-wrap:wrap;padding:16px}.action-btn{padding:12px 16px;font-size:13px}.btn-set-alert,.btn-view-chart,.btn-copy-trade,.btn-close{flex:1 1 calc(50% - 6px)}}.pattern-info-card{position:relative;background:linear-gradient(135deg,#1e2a5ef2,#112250f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.pattern-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffbd59,#0f8,#00d9ff);opacity:0;transition:opacity .3s}.pattern-info-card:hover{border-color:#ffbd5980;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 20px #ffbd5933}.pattern-info-card:hover:before{opacity:1}.pattern-info-card.selected{border-color:#ffbd59;box-shadow:0 8px 24px #0006,0 0 30px #ffbd5966}.pattern-info-card.selected:before{opacity:1}.pattern-info-card.highlight{animation:highlight-pulse 2s ease-in-out infinite}@keyframes highlight-pulse{0%,to{box-shadow:0 8px 24px #0000004d,0 0 20px #ffbd594d}50%{box-shadow:0 8px 24px #0000004d,0 0 30px #ffbd5999}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.signal-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0000004d;border:1px solid;border-radius:8px;font-weight:600;font-size:13px}.signal-icon{font-size:16px;line-height:1}.signal-label{font-weight:700;letter-spacing:.5px}.signal-type{color:#fff9;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.state-badge{padding:4px 10px;border:1px solid;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.card-body{display:flex;flex-direction:column;gap:12px}.pattern-title{display:flex;align-items:center;justify-content:space-between}.pattern-title h3{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.pattern-symbol{font-family:var(--font-mono, monospace);font-size:14px;font-weight:600;color:#ffbd59;padding:2px 8px;background:#ffbd591a;border-radius:4px}.pattern-description{font-size:13px;color:#ffffffb3;margin:0;line-height:1.4}.timeframe-info{display:flex;flex-direction:column;gap:8px;padding:10px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.current-timeframe{display:flex;align-items:center;gap:6px;font-weight:600}.tf-icon{font-size:14px}.tf-value{font-family:var(--font-mono, monospace);font-size:14px;color:#fff}.tf-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:auto}.current-timeframe.best .tf-badge{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.current-timeframe.good .tf-badge{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.current-timeframe.caution .tf-badge{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.recommended-timeframes{display:flex;align-items:center;gap:6px}.tf-label{font-size:11px;color:#ffffff80;font-weight:600}.tf-chips{display:flex;gap:4px;flex-wrap:wrap}.tf-chip{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;font-family:var(--font-mono, monospace);background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.price-levels{display:flex;flex-direction:column;gap:6px;padding:10px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.price-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.price-label{font-size:12px;font-weight:600;color:#ffffffb3}.price-value{font-family:var(--font-mono, monospace);font-size:13px;font-weight:700;color:#fff}.price-row.target .price-value{color:#0f8}.price-row.entry .price-value{color:#ffbd59}.price-row.stop .price-value{color:#ff4757}.price-row.zone .price-value{color:#00d9ff;font-size:11px}.pattern-stats{display:flex;align-items:center;justify-content:space-around;padding:10px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700;color:#ffbd59;font-family:var(--font-mono, monospace)}.stat-divider{width:1px;height:30px;background:#ffffff1a}.pattern-result{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-weight:700;font-size:14px}.pattern-result.profit{background:#00ff8826;border:1px solid rgba(0,255,136,.4);color:#0f8}.pattern-result.loss{background:#ff475726;border:1px solid rgba(255,71,87,.4);color:#ff4757}.result-icon{font-size:18px}.result-label{font-weight:600}.result-value{font-family:var(--font-mono, monospace);font-size:16px}.card-footer{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.detected-time{font-size:11px;color:#ffffff80;font-weight:500}.pulse-ring{position:absolute;inset:-2px;border:2px solid;border-radius:12px;pointer-events:none;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@media(max-width:768px){.pattern-info-card{padding:12px}.pattern-title h3{font-size:16px}.signal-badge{font-size:11px;padding:4px 8px}.price-levels,.pattern-stats,.timeframe-info{padding:8px}}.results-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08)}.results-header{display:flex;align-items:center;justify-content:space-between}.results-items{display:flex;flex-direction:column;gap:var(--space-sm)}.results-list .results-items .result-card{padding:10px 12px!important;margin-bottom:8px!important;background:linear-gradient(135deg,#112250f2,#1e2d5ff2)!important;border:1px solid rgba(255,189,89,.3)!important;border-radius:8px;cursor:pointer;pointer-events:auto;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d}.results-list .results-items .result-card:hover{border-color:#ffbd59!important;box-shadow:0 6px 24px #ffbd5933!important;transform:translateY(-2px)!important}.results-list .results-items .result-card:active{transform:translateY(0) scale(.98)}.results-list .results-items .result-card.selected{border:2px solid #FFBD59!important;box-shadow:0 0 20px #ffbd5966!important;background:linear-gradient(135deg,#112250,#1e2d5f)!important}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px!important;line-height:1}.result-coin{font-family:var(--font-mono);font-size:15px!important;font-weight:600;color:var(--text-primary);line-height:1}.result-confidence{display:flex;align-items:center;gap:4px;font-size:11px!important;font-weight:500;padding:2px 6px!important;border-radius:4px;line-height:1}.result-confidence.confidence-high{background:#00ff8826;color:#0f8}.result-confidence.confidence-medium{background:#ffbd5926;color:#ffbd59}.result-confidence.confidence-low{background:#f6465d26;color:#f6465d}.result-pattern{display:flex;align-items:center;gap:6px;margin-bottom:6px!important;line-height:1.2}.results-list .pattern-code{font-family:var(--font-mono);font-size:13px!important;font-weight:500;color:#ffbd59!important;padding:5px 8px!important;background:#ffbd5926!important;border-radius:6px;line-height:1.2}.result-timeframe{font-size:11px!important;color:var(--text-secondary);line-height:1}.result-details{display:flex;gap:8px;margin-bottom:8px}.result-detail-item{flex:1;display:flex;flex-direction:column;gap:2px}.detail-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:2px;line-height:1;letter-spacing:.5px}.detail-value{font-size:13px!important;font-weight:600;color:var(--text-primary);line-height:1}.pattern-timestamp{display:flex;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;background:#ffbd591a;border-radius:4px;border:1px solid rgba(255,189,89,.2)}.timestamp-icon{font-size:12px}.timestamp-text{font-size:10px;color:#ffbd59e6;font-weight:600}.paper-trade-btn{width:100%;height:28px!important;padding:7px 12px!important;border:1px solid rgba(0,217,255,.25);border-radius:6px;background:#00d9ff1f;color:var(--brand-cyan);font-size:13px!important;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.2;box-shadow:none}.paper-trade-btn:hover{background:#00d9ff33;border-color:var(--brand-cyan);transform:translateY(-1px)}.paper-trade-btn:active{transform:translateY(0)}.paper-trade-btn.locked{background:#ffffff1a;border:1px solid rgba(255,165,0,.3);color:#fff9;font-size:.75rem;box-shadow:none}.paper-trade-btn.locked:hover{background:#ffa5001a;border-color:orange;color:orange;transform:translateY(0);box-shadow:0 2px 8px #ffa50033}.coin-selector-dropdown{position:relative;margin-bottom:12px}.dropdown-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dropdown-trigger:hover{background:#ffbd591a;border-color:#ffbd59}.dropdown-trigger.open{border-color:#ffbd59;box-shadow:0 0 16px #ffbd594d}.trigger-content{display:flex;align-items:center;gap:8px;flex:1}.selected-coin{color:#ffbd59}.count-badge{padding:2px 8px;background:#00d9ff33;border-radius:12px;font-size:11px;color:#00d9ff;font-weight:700}.tier-badge-inline{font-size:14px}.chevron{transition:transform .3s;color:#fff9}.chevron.rotate{transform:rotate(180deg)}.selection-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px}.coin-count{color:#ffffffb3;font-weight:600}.total-coins-badge{padding:2px 8px;background:#ffbd5926;border:1px solid rgba(255,189,89,.3);border-radius:4px;font-size:10px;color:#ffbd59;font-weight:600}.tier-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.tier-badge.tier-free{background:#ffffff1a;color:#ffffffb3}.tier-badge.tier-tier1,.tier-badge.tier-tier2{background:#00d9ff33;color:#00d9ff}.tier-badge.tier-tier3{background:#ffbd5933;color:#ffbd59}.dropdown-modal{position:absolute;top:62px;left:0;right:0;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{position:relative;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-search input{width:100%;height:36px;padding:0 36px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px}.dropdown-search input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 12px #ffbd5933}.dropdown-search input::placeholder{color:#fff6}.search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#fff6}.clear-search{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .2s}.clear-search:hover{background:#ffffff1a;color:#fff}.coin-list-scrollable{max-height:650px;overflow-y:auto;padding:8px}.coin-list-scrollable::-webkit-scrollbar{width:6px}.coin-list-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.coin-list-scrollable::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.coin-list-scrollable::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.coin-item{display:grid;grid-template-columns:24px 1.5fr 1fr 1fr 28px;gap:10px;align-items:center;padding:10px 12px;background:#11225066;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:all .2s}.coin-item:hover{background:#ffbd591a;border-color:#ffbd594d}.coin-item.selected{background:#ffbd5926;border-color:#ffbd5980}.coin-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FFBD59}.coin-info-wrapper{display:flex;flex-direction:column;gap:2px}.coin-symbol{font-size:11px;font-weight:700;color:#fff}.coin-volume{font-size:9px;color:#ffbd59b3;font-weight:600}.coin-price{font-size:11px;color:#fffc;text-align:right}.coin-change{font-size:10px;font-weight:600;text-align:right}.coin-change.positive{color:#0ecb81}.coin-change.negative{color:#f6465d}.coin-change.neutral{color:#fff9}.favorite-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.favorite-btn:hover{color:#ffbd59;background:#ffbd591a;transform:scale(1.1)}.favorite-btn.active{color:#ffbd59}.dropdown-footer{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1);background:#11225066}.footer-btn{flex:1;height:32px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.footer-btn:hover{background:#ffbd591a;border-color:#ffbd59}.tier-badge-footer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;background:#ffbd5933;border-radius:6px;font-size:10px;font-weight:800;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px}.unlimited-badge{font-size:9px;color:#ffbd59cc;font-weight:600}@media(max-width:768px){.dropdown-modal{left:-16px;right:-16px}.coin-list-scrollable{max-height:350px}}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;min-height:42px;background:#11225080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.2);border-radius:6px;color:#fff;font-size:14px;font-weight:500;text-align:left;cursor:pointer;outline:none;transition:all .2s ease}.custom-select-trigger:hover{background:#112250b3;border-color:#00d9ff66}.custom-select-trigger:focus{border-color:#00d9ff80;outline:none}.custom-select.disabled .custom-select-trigger{opacity:.5;cursor:not-allowed}.custom-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-arrow{width:14px;height:14px;color:#00d9ff;transition:transform .2s ease;flex-shrink:0}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9999;background:#112250f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.25);border-radius:6px;box-shadow:0 4px 12px #0006;max-height:400px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.custom-select-option{padding:16px 18px;min-height:48px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;color:#ffffffe6;font-size:14px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#00d9ff1a;color:#fff}.custom-select-option.selected{background:#00d9ff26;color:#fff}.custom-select-option.selected:after{content:"✓";float:right;color:#00d9ff;font-weight:700}.option-label{display:block;font-weight:500}.option-description{display:block;font-size:12px;color:#fff9;margin-top:4px;line-height:1.3}@media(max-width:768px){.custom-select-trigger{padding:10px 12px;min-height:40px;font-size:13px}.custom-select-option{padding:14px 16px;min-height:44px;font-size:13px}.custom-select-dropdown{max-height:300px}}.control-panel{display:flex;flex-direction:column;gap:12px}.panel-header-compact{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.panel-header-compact h2{margin:0;font-size:18px;font-weight:600;color:#ffbd59}.panel-header{padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.panel-header .heading-sm{margin-bottom:var(--space-xs)}.control-section{display:flex;flex-direction:column;gap:8px}.control-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.quick-filters{display:flex;gap:var(--space-xs)}.quick-filter-btn{flex:1;padding:var(--space-xs) var(--space-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.quick-filter-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--brand-gold);color:var(--brand-gold)}.quick-filter-btn:disabled{opacity:.5;cursor:not-allowed}.coin-checkboxes{display:flex;flex-direction:column;gap:var(--space-xs);max-height:240px;overflow-y:auto;padding:var(--space-sm);background:#0003;border-radius:var(--radius-md)}.coin-checkbox{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base)}.coin-checkbox:hover{background:#ffffff0d}.coin-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-gold)}.coin-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.coin-label{flex:1;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary)}.coin-icon{font-size:14px;opacity:.6}.timeframe-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs)}.timeframe-btn{height:32px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.timeframe-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-2px)}.timeframe-btn.active{background:linear-gradient(135deg,var(--brand-gold),#FFBD59);border-color:var(--brand-gold);color:var(--bg-base);box-shadow:0 4px 20px #ffbd594d}.timeframe-btn:disabled{opacity:.5;cursor:not-allowed}.pattern-select{width:100%!important;height:44px!important;padding:10px 36px 10px 16px!important;background:linear-gradient(135deg,#1a284799,#0f1b3599)!important;border:1px solid rgba(255,189,89,.2)!important;border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:linear-gradient(135deg,#1a284799,#0f1b3599),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='%23FFBD59' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center,right 12px center!important;background-size:auto,12px!important}.pattern-select:hover{background:linear-gradient(135deg,#1a2847cc,#0f1b35cc)!important;border-color:#ffbd5966!important;box-shadow:0 0 16px #ffbd5933!important}.pattern-select:focus{outline:none!important;border-color:#ffbd59!important;box-shadow:0 0 24px #ffbd5966!important}.pattern-select:disabled{opacity:.5!important;cursor:not-allowed!important;background:#0f1b3566!important}.pattern-select option{background:#0f1b35!important;color:#fff!important;padding:12px!important;font-weight:600!important}select.gem-pattern-dropdown-custom{background-color:#1a2847!important;background:linear-gradient(135deg,#1a2847cc,#0f1b35cc)!important;border:2px solid rgba(255,189,89,.3)!important;color:#fff!important;font-family:Inter,sans-serif!important;font-weight:600!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}select.gem-pattern-dropdown-custom option{background-color:#0f1b35!important;background:#0f1b35!important;color:#fff!important;padding:12px!important}.scan-button{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--brand-gold),#FFBD59);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--bg-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 4px 20px #ffbd594d}.scan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ffbd5980}.scan-button:disabled{opacity:.6;cursor:not-allowed}.scan-button.scanning{background:linear-gradient(135deg,#6B0F1A,var(--brand-burgundy));animation:pulse 2s ease-in-out infinite}.scan-button-compact{width:100%;height:48px;padding:12px 24px;background:linear-gradient(135deg,var(--brand-gold),#FFBD59);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:16px;font-weight:var(--font-bold);color:var(--bg-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 4px 20px #ffbd594d}.scan-button-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ffbd5980}.scan-button-compact:disabled{opacity:.6;cursor:not-allowed}.scan-button-compact.scanning{background:linear-gradient(135deg,#6B0F1A,var(--brand-burgundy));animation:pulse 2s ease-in-out infinite}.scan-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.tier-limit-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#00d9ff14;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);margin-top:var(--space-xs)}.tier-limit-indicator.at-limit{background:#f6465d14;border-color:#f6465d4d}.tier-badge{padding:4px 10px;background:var(--brand-gold);color:var(--bg-base);font-family:var(--font-mono);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.limit-text{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--brand-cyan);flex:1}.tier-limit-indicator.at-limit .limit-text{color:var(--accent-red)}@media(max-width:768px){.coin-checkboxes{max-height:180px}.timeframe-buttons{grid-template-columns:repeat(3,1fr)}}.chart-controls-bar{position:relative;display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 16px;background:#11225099;border-bottom:1px solid rgba(255,189,89,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.chart-info{display:flex;align-items:center;gap:16px}.chart-symbol{font-size:16px;font-weight:700;color:#fff;font-family:var(--font-mono)}.chart-timeframe{font-size:14px;color:#ffbd59;background:#ffbd591a;padding:4px 12px;border-radius:4px;font-weight:600}.chart-pattern{font-size:14px;color:#00d9ff;font-weight:600}.confidence{font-size:14px;font-weight:600;padding:4px 12px;border-radius:4px}.confidence.high{color:#0ecb81;background:#0ecb811a}.confidence.medium{color:#ffbd59;background:#ffbd591a}.confidence.low{color:#f6465d;background:#f6465d1a}.live-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;transition:all .3s}.live-status.live{background:#0ecb8126;border:1px solid rgba(14,203,129,.4);color:#0ecb81}.live-status.offline{background:#f6465d26;border:1px solid rgba(246,70,93,.3);color:#f6465d}.live-pulse{width:6px;height:6px;border-radius:50%;background:#0ecb81;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #0ecb81b3}50%{box-shadow:0 0 0 6px #0ecb8100}to{box-shadow:0 0 #0ecb8100}}.chart-controls{display:flex;gap:8px}.control-btn{height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;background:#112250cc;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.control-btn:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-1px)}.control-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.timeframe-dropdown{position:relative}.timeframe-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;min-width:280px;z-index:10000;box-shadow:0 4px 24px #0006;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.timeframe-dropdown-menu button{height:32px;padding:6px 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.timeframe-dropdown-menu button:hover{background:#ffbd591a;border-color:#ffbd59}.timeframe-dropdown-menu button.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.drawing-tools-dropdown{position:relative}.drawing-tools-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:8px;padding:8px;min-width:220px;z-index:1000;animation:dropdownFadeIn .2s ease;box-shadow:0 8px 24px #0000004d}.drawing-tools-dropdown-menu .dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,189,89,.2);margin-bottom:8px}.drawing-tools-dropdown-menu .dropdown-header span{font-size:12px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px}.drawing-tools-dropdown-menu .dropdown-header .clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:4px;color:#f6465d;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.drawing-tools-dropdown-menu .dropdown-header .clear-btn:hover{background:#f6465d33;border-color:#f6465d}.drawing-tools-dropdown-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:4px}.drawing-tools-dropdown-menu button:last-child{margin-bottom:0}.drawing-tools-dropdown-menu button:hover{background:#ffbd591a;border-color:#ffbd59;transform:translate(2px)}.drawing-tools-dropdown-menu button.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.drawing-tools-dropdown-menu button svg{flex-shrink:0}.chart-settings-modal{position:absolute;top:calc(100% + 8px);right:16px;width:320px;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10000;animation:dropdown-appear .2s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h4{margin:0;font-size:16px;color:#ffbd59}.settings-header button{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.settings-header button:hover{background:#ffffff1a;color:#fff}.settings-content{padding:16px}.settings-content p{margin:0;color:#ffffffb3;font-size:14px}.calendar-dropdown{position:relative}.calendar-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10000;animation:dropdown-appear .2s ease-out}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.calendar-header h4{margin:0;color:#fff;font-size:14px;font-weight:600}.calendar-header button{background:transparent;border:none;color:#fff9;font-size:24px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.calendar-header button:hover{background:#ffffff1a;color:#fff}.calendar-body{padding:16px;display:flex;flex-direction:column;gap:16px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.date-input-group input[type=date]{width:100%;height:40px;padding:8px 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s}.date-input-group input[type=date]:hover{border-color:#ffbd594d}.date-input-group input[type=date]:focus{outline:none;border-color:#ffbd59;background:#112250cc}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.calendar-footer{display:flex;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.calendar-footer button{flex:1;height:36px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.reset-btn{background:#f6465d26;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.reset-btn:hover{background:#f6465d40;border-color:#f6465d}.apply-btn{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:1px solid #FFBD59}.apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.apply-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.chart-info{gap:12px}.chart-symbol{font-size:14px}.chart-timeframe,.chart-pattern,.confidence{font-size:13px}}@media(max-width:768px){.chart-controls-bar{flex-direction:column;height:auto;padding:12px;gap:12px}.chart-info{flex-wrap:wrap;gap:8px}.chart-controls{width:100%;justify-content:flex-end}}.drawing-tools-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.drawing-tools-overlay.active{pointer-events:auto;cursor:crosshair}.drawing-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:8px 16px;background:#112250f2;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;font-weight:500;pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trading-chart-container{display:flex;flex-direction:column;gap:0;height:auto;min-height:0;position:relative}.chart-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-2xl)}.placeholder-content{text-align:center;max-width:500px}.placeholder-icon{font-size:80px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 20px rgba(255,189,89,.3))}.placeholder-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.feature-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ffffff08;border-radius:var(--radius-md)}.feature-icon{font-size:24px}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md)}.chart-info{display:flex;align-items:center;gap:var(--space-sm)}.chart-symbol{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.chart-badge{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-purple{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.4)}.badge-cyan{background:#00d9ff26;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.badge-green{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.4)}.badge-orange{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.chart-controls{display:flex;gap:var(--space-xs)}.chart-control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:18px;cursor:pointer;transition:all var(--transition-base)}.chart-control-btn:hover{background:#ffffff14;border-color:var(--brand-gold)}.chart-card{flex:1;min-height:0;background:#1e2a5ef2;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;position:relative}.chart-canvas{flex:1;position:relative;min-height:400px;overflow:hidden}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:900;letter-spacing:8px;color:#fff;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;white-space:nowrap;font-family:var(--font-heading, "Inter", sans-serif)}.realtime-price-ticker{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;animation:ticker-pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #0000004d;border:1px solid;transition:all .3s ease}.realtime-price-ticker.up{background:#00ff8826;border-color:#0f86}.realtime-price-ticker.down{background:#f6465d26;border-color:#f6465d66}.ticker-price{font-size:20px;font-weight:700;font-family:var(--font-mono, monospace);letter-spacing:.5px}.realtime-price-ticker.up .ticker-price{color:#0f8}.realtime-price-ticker.down .ticker-price{color:#f6465d}.ticker-change{font-size:13px;font-weight:600;font-family:var(--font-mono, monospace)}.realtime-price-ticker.up .ticker-change{color:#0f8}.realtime-price-ticker.down .ticker-change{color:#f6465d}.ticker-status{font-size:11px;font-weight:700;color:#0ecb81;text-transform:uppercase;letter-spacing:1px;animation:blink 1.5s ease-in-out infinite}@keyframes ticker-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.chart-timeline{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid rgba(255,255,255,.1);background:#11225066;font-size:11px;font-weight:600;color:#ffffff80;font-family:var(--font-mono, monospace);letter-spacing:.5px;flex-shrink:0;height:32px;z-index:5}.chart-timeline span{min-width:40px;text-align:center;transition:color .2s}.chart-timeline span:hover{color:#ffbd59}.chart-resize-handle{position:relative;height:40px;width:100%;background:#112250cc;border:1px solid rgba(255,189,89,.3);border-radius:0 0 12px 12px;cursor:ns-resize!important;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:100;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:auto!important;margin-top:0}.chart-resize-handle:hover{background:#ffbd5926}.chart-resize-handle:active,.chart-resize-handle.active{background:#ffbd5940}.chart-resize-handle .resize-grip{display:flex;align-items:center;gap:8px;color:#ffbd5999;font-size:12px;font-weight:600;pointer-events:none}.chart-resize-handle:hover .resize-grip{color:#ffbd59}.chart-resize-handle .resize-hint{opacity:0;transition:opacity .2s}.chart-resize-handle:hover .resize-hint{opacity:1}.chart-placeholder-mock{height:100%;display:flex;flex-direction:column;padding:var(--space-md)}.mock-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mock-price-info{display:flex;align-items:baseline;gap:var(--space-sm)}.mock-price{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.mock-change{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#0f8}.mock-chart-area{flex:1;position:relative;background:#0003;border-radius:var(--radius-md);overflow:hidden}.mock-candlesticks{position:absolute;bottom:0;left:0;right:0;height:80%;display:flex;align-items:flex-end;gap:2px;padding:var(--space-sm)}.mock-candle{flex:1;position:relative;border-radius:2px;transition:all var(--transition-base)}.mock-candle.green{background:linear-gradient(180deg,#0f8,#00cc6a)}.mock-candle.red{background:linear-gradient(180deg,#f6465d,#d63848)}.pattern-overlays{position:absolute;inset:0;padding:var(--space-sm)}.pattern-line{position:absolute;left:var(--space-sm);right:var(--space-sm);height:2px;border-top:2px dashed}.pattern-line.entry-line{top:50%;border-color:#0f8}.pattern-line.stop-loss-line{top:30%;border-color:#f6465d}.pattern-line.take-profit-line{top:70%;border-color:#ffbd59}.line-label{position:absolute;left:0;top:-20px;font-size:11px;font-weight:var(--font-semibold);padding:2px 8px;border-radius:4px;background:#000c;white-space:nowrap}.entry-line .line-label{color:#0f8}.stop-loss-line .line-label{color:#f6465d}.take-profit-line .line-label{color:#ffbd59}.chart-integration-notice{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);text-align:center;padding:var(--space-sm) var(--space-md);background:#000c;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary)}.chart-integration-notice code{color:var(--brand-gold);font-family:var(--font-mono);background:#ffbd591a;padding:2px 6px;border-radius:4px}.volume-bar{height:80px;padding:var(--space-sm) var(--space-md);border-top:1px solid rgba(255,255,255,.08)}.volume-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-xs)}.volume-chart{display:flex;align-items:flex-end;gap:2px;height:50px}.volume-bar-item{flex:1;border-radius:2px 2px 0 0}.volume-bar-item.vol-green{background:linear-gradient(180deg,#00ff8880,#0f83)}.volume-bar-item.vol-red{background:linear-gradient(180deg,#f6465d80,#f6465d33)}@media(max-width:768px){.chart-header{flex-direction:column;gap:var(--space-sm)}.chart-info{flex-wrap:wrap}.chart-canvas{min-height:300px}.volume-bar{height:60px}.volume-chart{height:40px}}.pattern-info-compact{background:linear-gradient(135deg,#11225066,#11225099);border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:320px;max-height:500px;overflow:visible;min-width:0}.pattern-info-compact-empty{background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;height:160px;display:flex;align-items:center;justify-content:center;gap:12px;color:#ffffff80}.empty-icon{opacity:.5;filter:drop-shadow(0 0 8px rgba(255,189,89,.3))}.empty-text{font-size:14px;font-weight:600}.pattern-info-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;min-width:0;padding-right:4px}.pattern-info-content::-webkit-scrollbar{width:6px}.pattern-info-content::-webkit-scrollbar-track{background:#11225066;border-radius:3px}.pattern-info-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.pattern-info-content::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.compact-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,189,89,.2);flex-shrink:0;min-width:0}.header-left{display:flex;align-items:center;gap:10px}.pattern-name{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.confidence-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase}.confidence-pill.high{background:#0ecb8133;color:#0ecb81;border:1px solid #0ECB81}.confidence-pill.medium{background:#ffbd5933;color:#ffbd59;border:1px solid #FFBD59}.confidence-pill.low{background:#f6465d33;color:#f6465d;border:1px solid #F6465D}.header-right{display:flex;align-items:center;gap:8px;font-size:12px}.metadata-item{display:flex;gap:4px}.metadata-label{color:#fff9;font-weight:500}.metadata-value{color:#fff;font-weight:600}.metadata-divider{color:#ffbd594d}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.grid-item{background:#11225099;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;overflow:hidden}.grid-item.highlight{background:#ffbd591a;border-color:#ffbd594d}.item-label{font-size:10px;color:#fff9;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.item-value{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-value.entry{color:#00d9ff}.item-value.stop-loss{color:#f6465d}.item-value.take-profit{color:#0ecb81}.item-percent{font-size:11px;font-weight:600;color:#ffffffb3}.compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0;min-width:0}.action-btn-compact{height:36px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn-compact.primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;color:#fff}.action-btn-compact.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.action-btn-compact.secondary{background:#11225099;border:1px solid rgba(255,189,89,.3);color:#ffbd59}.action-btn-compact.secondary:hover{background:#ffbd591a;border-color:#ffbd59}@media(max-width:1440px){.pattern-name{font-size:14px}.header-right{font-size:11px}.item-value{font-size:13px}}@media(max-width:1024px){.pattern-info-compact{height:auto;min-height:160px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.header-right{width:100%;justify-content:space-between}}@media(max-width:768px){.pattern-info-compact{padding:12px}.compact-grid{grid-template-columns:1fr;gap:8px}.compact-actions{grid-template-columns:1fr}}.side-peek-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}.side-peek-panel{position:fixed;top:0;right:0;bottom:0;background:linear-gradient(135deg,#0d1b3e,#112250);border-left:2px solid rgba(255,189,89,.3);box-shadow:-10px 0 50px #00000080;z-index:10001;display:flex;flex-direction:column;overflow:hidden;will-change:width}.side-peek-panel.resizing{transition:none!important;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;left:0;top:0;bottom:0;width:12px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;background:#ffbd590d;border-right:1px solid rgba(255,189,89,.2);transition:all .2s;z-index:10}.resize-handle:hover{background:#ffbd5926;border-right-color:#ffbd5980}.resize-handle:hover .grip-icon{color:#ffbd59;opacity:1}.grip-icon{color:#ffbd5966;opacity:.6;transition:all .2s}.resize-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000000e6;color:#ffbd59;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.resize-handle:hover .resize-hint{opacity:1}.width-indicator{position:absolute;bottom:20px;left:20px;background:#000c;color:#ffbd59;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;font-family:var(--font-mono, monospace);border:1px solid rgba(255,189,89,.3);z-index:10;pointer-events:none}.side-peek-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 24px 44px;background:#112250cc;border-bottom:1px solid rgba(255,189,89,.2);flex-shrink:0}.side-peek-header h2{font-size:24px;font-weight:700;color:#fff;margin:0}.tier-badge{font-size:11px;font-weight:700;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tier-badge.tier-tier1{background:#8b5cf633;color:#8b5cf6;border:1px solid #8B5CF6}.tier-badge.tier-tier2{background:#00d9ff33;color:#00d9ff;border:1px solid #00D9FF}.tier-badge.tier-tier3{background:#ffbd5933;color:#ffbd59;border:1px solid #FFBD59}.close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:8px;color:#f6465d;cursor:pointer;transition:all .2s}.close-btn:hover{background:#f6465d33;border-color:#f6465d;transform:scale(1.05)}.side-peek-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 32px 32px 44px}.side-peek-content::-webkit-scrollbar{width:8px}.side-peek-content::-webkit-scrollbar-track{background:#11225066;border-radius:4px}.side-peek-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.side-peek-content::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:768px){.side-peek-panel{width:100vw!important}.resize-handle{display:none}.side-peek-header{padding:16px 20px}.side-peek-header h2{font-size:20px}.side-peek-content{padding:20px}.width-indicator{display:none}}.risk-calculator-content{display:flex;flex-direction:column;gap:24px}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calculator-inputs,.calculator-results{background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px}.calculator-inputs h3,.calculator-results h3{font-size:14px;font-weight:700;color:#ffbd59;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:8px}.input-group input{width:100%;height:44px;padding:0 16px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;font-weight:600;transition:all .2s}.input-group input:focus{outline:none;border-color:#ffbd59;background:#112250cc}.result-item{padding:16px;background:#11225099;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:12px}.result-item.highlight{background:#ffbd591a;border-color:#ffbd594d}.result-item label{display:block;font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:20px;font-weight:700;color:#fff}.result-value.success{color:#0ecb81}.result-value.danger{color:#f6465d}.result-value.info{color:#00d9ff}.calculator-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.btn-calculate,.btn-reset{height:44px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-calculate{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;color:#fff}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.btn-reset{background:#11225099;border:1px solid rgba(255,189,89,.3);color:#ffbd59}.btn-reset:hover{background:#ffbd591a;border-color:#ffbd59}.trading-scenarios{background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px}.trading-scenarios h3{font-size:14px;font-weight:700;color:#ffbd59;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.scenarios-table{width:100%;border-collapse:collapse}.scenarios-table thead th{padding:12px;background:#11225099;color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;text-align:left;border-bottom:2px solid rgba(255,189,89,.3)}.scenarios-table tbody td{padding:14px 12px;color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.scenarios-table tbody tr:hover{background:#ffbd590d}.scenarios-table td.success{color:#0ecb81}.scenarios-table td.danger{color:#f6465d}@media(max-width:1024px){.calculator-grid{grid-template-columns:1fr}}@media(max-width:768px){.input-group input{height:40px;font-size:14px}.result-value{font-size:18px}.calculator-actions{grid-template-columns:1fr}}.sub-tools-panel{display:flex;flex-direction:column;gap:6px}.sub-tools-header{margin-bottom:var(--space-sm)}.sub-tools-header .heading-sm{margin-bottom:var(--space-xs)}.sub-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.sub-tool-btn{padding:var(--space-sm);background:#0003;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.sub-tool-btn:hover:not(:disabled):not(.locked){background:#ffffff0d;border-color:var(--brand-cyan);transform:translateY(-2px)}.sub-tool-btn.locked{opacity:.7}.sub-tool-btn.locked:hover{border-color:var(--brand-gold);transform:translateY(-2px)}.tool-icon{font-size:24px;margin-bottom:var(--space-xs)}.tool-info{display:flex;flex-direction:column;gap:4px}.tool-name{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}.tool-tier{font-size:9px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.3px;padding:2px 4px;border-radius:4px}.tool-tier.tier-free{background:#00ff8826;color:#0f8}.tool-tier.tier-2{background:#8b5cf626;color:#8b5cf6}.tool-tier.tier-3{background:#ffbd5926;color:#ffbd59}.sub-tools-notice{padding:var(--space-md);background:#0003;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-md);text-align:center}.sub-tools-header-compact{padding:4px 0}.sub-tools-header-compact h3{margin:0;font-size:11px!important;font-weight:600;color:#ffbd59;font-family:var(--font-display)}.sub-tools-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sub-tool-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;cursor:pointer;transition:all .2s;min-height:58px}.sub-tool-btn:hover:not(:disabled):not(.locked){background:#11225099;border-color:#ffbd59;transform:translateY(-2px)}.sub-tool-btn.active{background:#ffbd5926;border-color:#ffbd59;box-shadow:0 0 20px #ffbd594d}.sub-tool-btn.locked{opacity:.6;cursor:not-allowed}.sub-tool-btn:disabled{opacity:.5;cursor:not-allowed}.sub-tool-icon{color:#ffbd59;transition:all .2s;width:16px;height:16px}.sub-tool-btn:hover:not(:disabled):not(.locked) .sub-tool-icon{transform:scale(1.1)}.sub-tool-title{font-size:9px;font-weight:600;color:#fff;text-align:center;line-height:1.3;width:100%;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.sub-tool-tier{position:absolute;top:4px;right:4px;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 4px;border-radius:3px}.sub-tool-tier.tier-2{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.4)}.sub-tool-tier.tier-3{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.lock-icon{position:absolute;top:6px;right:6px;color:#fff6}@media(max-width:1400px){.sub-tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.sub-tools-grid{grid-template-columns:repeat(4,1fr)}.sub-tools-grid-compact{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sub-tools-grid{grid-template-columns:repeat(3,1fr)}.sub-tools-grid-compact{grid-template-columns:repeat(3,1fr);gap:6px}.sub-tool-btn{min-height:64px;padding:6px}.tool-icon{font-size:20px}.tool-name{font-size:10px}.tool-tier{font-size:8px}.sub-tool-title{font-size:9px}}.markets-list-expanded{display:flex;flex-direction:column;gap:12px;height:450px}.markets-search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#ffffff80;pointer-events:none}.markets-search input{width:100%;height:40px;padding:0 12px 0 40px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.markets-search input::placeholder{color:#fff6}.markets-search input:focus{outline:none;border-color:#ffbd59;background:#112250cc}.markets-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-buttons{display:flex;gap:8px}.filter-buttons button{height:32px;padding:0 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.filter-buttons button:hover{background:#ffbd591a;border-color:#ffbd594d;color:#fff}.filter-buttons button.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.sort-dropdown{height:32px;padding:0 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.sort-dropdown:hover{border-color:#ffbd594d}.sort-dropdown:focus{outline:none;border-color:#ffbd59}.markets-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:8px}.markets-header{display:grid;grid-template-columns:36px 1.5fr 1fr 1fr 1fr;gap:12px;padding:10px 12px;background:#112250cc;border-bottom:1px solid rgba(255,189,89,.2);font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.markets-body{flex:1;overflow-y:auto;overflow-x:hidden}.markets-body::-webkit-scrollbar{width:6px}.markets-body::-webkit-scrollbar-track{background:#11225066}.markets-body::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.markets-body::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.market-row-expanded{display:grid;grid-template-columns:36px 1.5fr 1fr 1fr 1fr;gap:12px;padding:10px 12px;background:#11225066;border-bottom:1px solid rgba(255,255,255,.02);cursor:pointer;transition:all .2s;align-items:center}.market-row-expanded:hover{background:#ffbd591a;border-color:#ffbd5933;transform:translate(4px)}.market-row-expanded.selected{background:#ffbd5926;border-left:3px solid #FFBD59;border-color:#ffbd5966}.favorite-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff6;cursor:pointer;transition:all .2s}.favorite-btn:hover{background:#ffbd591a;border-color:#ffbd594d;color:#ffbd59}.favorite-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.market-symbol{display:flex;flex-direction:column;gap:2px}.symbol-name{font-size:11px;color:#ffffff80}.market-volume{color:#ffffffb3;font-size:12px;font-weight:500}.no-results{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80;font-size:14px;font-weight:500}@media(max-width:1440px){.markets-header,.market-row-expanded{grid-template-columns:36px 1.5fr 1fr 1fr}.market-volume{display:none}}@media(max-width:1024px){.markets-list-expanded{height:auto;min-height:400px}.markets-controls{flex-direction:column;align-items:stretch}.filter-buttons{flex-wrap:wrap}.sort-dropdown{width:100%}}@media(max-width:768px){.markets-header,.market-row-expanded{grid-template-columns:36px 1fr 1fr}.market-price,.market-volume,.filter-buttons button span{display:none}.filter-buttons button svg{margin:0}}.market-chatbot-section{margin-top:16px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;overflow:hidden}.section-tabs{display:flex;border-bottom:1px solid rgba(255,189,89,.2)}.section-tabs button{flex:1;height:44px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.section-tabs button:hover{color:#ffffffe6;background:#ffbd590d}.section-tabs button.active{color:#ffbd59;background:#ffbd591a}.section-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffbd59}.section-content{padding:16px;min-height:450px;max-height:520px;overflow:hidden}.markets-list{display:flex;flex-direction:column;gap:8px}.markets-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:8px 12px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.market-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:12px;background:#11225099;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s}.market-row:hover{background:#ffbd591a;border-color:#ffbd594d;transform:translate(4px)}.market-symbol{display:flex;align-items:center;gap:8px}.symbol-text{font-weight:700;color:#fff;font-size:13px}.market-price{font-weight:600;color:#fff;font-size:13px}.market-change{font-weight:600;font-size:13px}.market-change.positive{color:#0ecb81}.market-change.negative{color:#f6465d}.market-volume{color:#ffffffb3;font-size:12px}.view-all-btn{width:100%;height:40px;margin-top:8px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#ffbd59;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#ffbd5933;border-color:#ffbd59;transform:translateY(-2px)}.chatbot-quick-access{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.chatbot-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #FFBD59;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a)}.avatar-placeholder{font-size:32px}.chatbot-intro{font-size:13px;color:#fffc;text-align:center;line-height:1.5;margin:0}.quick-questions{display:flex;flex-direction:column;gap:8px;width:100%}.quick-questions button{width:100%;padding:10px 16px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:13px;text-align:left;cursor:pointer;transition:all .2s}.quick-questions button:hover{background:#ffbd591a;border-color:#ffbd59;transform:translate(4px)}.chat-now-btn{width:100%;height:44px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.market-chatbot-section-resizable{position:relative;display:flex;flex-direction:column;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;overflow:visible;margin-top:16px;flex-shrink:0}.resize-handle-horizontal{position:relative;height:40px;width:100%;background:#112250e6;border-top:2px solid rgba(255,189,89,.4);border-bottom:2px solid rgba(255,189,89,.4);cursor:ns-resize!important;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:150;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:auto!important;margin:0;box-shadow:0 0 10px #ffbd5933}.resize-handle-horizontal:hover{background:#ffbd5933;box-shadow:0 0 15px #ffbd5966;border-top:2px solid rgba(255,189,89,.6);border-bottom:2px solid rgba(255,189,89,.6)}.resize-handle-horizontal:active,.resize-handle-horizontal.active{background:#ffbd594d;box-shadow:0 0 20px #ffbd5999}.resize-grip{display:flex;align-items:center;gap:8px;color:#ffbd5999;font-size:12px;font-weight:600;pointer-events:none}.resize-handle-horizontal:hover .resize-grip{color:#ffbd59}.resize-hint{opacity:0;transition:opacity .2s}.resize-handle-horizontal:hover .resize-hint{opacity:1}.market-section-content{display:flex;flex-direction:column;overflow:hidden;flex:1}.market-section-content .section-tabs{flex-shrink:0}.market-section-content .section-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}@media(max-width:768px){.markets-header,.market-row{grid-template-columns:1.5fr 1fr 1fr}.market-volume,.resize-hint{display:none}}.paper-trading-panel .order-type-selector,div.order-type-selector{display:flex!important;visibility:visible!important;opacity:1!important;padding:2px!important;gap:0!important;margin:12px 16px 8px!important;background:#1122504d!important;border-radius:6px!important;border:1px solid rgba(0,217,255,.15)!important}.paper-trading-panel .order-type-selector button,.paper-trading-panel .order-tab,.order-type-selector>button,button.order-tab{display:flex!important;visibility:visible!important;opacity:1!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:6px 12px!important;font-size:13px!important;font-weight:400!important;line-height:1!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:none!important;border-radius:4px!important;color:#ffffff80!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important}.paper-trading-panel .order-type-selector button.active,button.order-tab.active{background:#00d9ff1f!important;color:var(--brand-cyan)!important;font-weight:500!important}.paper-trading-panel .order-type-selector button:hover,button.order-tab:hover{color:#fffc!important;background:#ffffff08!important}.paper-trading-panel .order-type-selector svg,.order-tab svg{width:12px!important;height:12px!important}.paper-trading-panel-backdrop{position:fixed!important;inset:0!important;background:#00000080;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:999998!important;animation:fadeIn .2s ease-out;transform:translateZ(0);isolation:isolate}.paper-trading-panel{position:fixed!important;left:0!important;top:0!important;height:100vh!important;background:linear-gradient(180deg,#0a0e27fa,#112250fa,#0a0e27fa)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-right:4px solid rgba(6,182,212,.8);box-shadow:8px 0 64px #06b6d466,12px 0 96px #000c;z-index:999999!important;display:flex;animation:slideInLeft .3s cubic-bezier(.4,0,.2,1);transition:width .1s ease-out;isolation:isolate}@keyframes slideInLeft{0%{transform:translate(-100%) translateZ(0)}to{transform:translate(0) translateZ(0)}}.paper-trading-panel.resizing{transition:none}.resize-handle{width:8px;min-width:8px;background:#06b6d41a;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.resize-handle:before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#06b6d433;transition:all .2s ease}.resize-handle:hover,.resize-handle.active{background:#06b6d433}.resize-handle:hover:before,.resize-handle.active:before{background:#06b6d499;box-shadow:0 0 12px #06b6d466}.resize-icon{color:#06b6d466;transition:all .2s ease}.resize-handle:hover .resize-icon,.resize-handle.active .resize-icon{color:#06b6d4cc}.panel-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(6,182,212,.2);background:linear-gradient(180deg,#0003,#0000001a)}.panel-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;margin-bottom:4px}.panel-subtitle{font-size:14px;color:#fff9;font-weight:600;letter-spacing:1px}.close-button{padding:8px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:8px;color:#06b6d4cc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#06b6d433;border-color:#06b6d466;transform:scale(1.05)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:20px}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.panel-body::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:#06b6d480}.price-card{position:relative;background:linear-gradient(135deg,#112250fa,#0a0e27);border:1px solid rgba(6,182,212,.5);border-radius:16px;padding:24px;overflow:hidden}.price-label{font-size:12px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.price-value{margin-bottom:12px;display:block;position:relative;min-height:40px}.loading-text{font-size:28px;color:#fff6;font-weight:700}.price-amount{font-size:32px;font-weight:800;color:#06b6d4;display:block;line-height:1.2}.price-digit{display:inline;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:normal}.live-indicator{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #10b981cc}50%{opacity:.6;box-shadow:0 0 4px #10b98166}}.live-text{font-size:11px;color:#10b981;font-weight:700;letter-spacing:1px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.info-card{background:#112250f2;border:1px solid rgba(6,182,212,.4);border-radius:12px;padding:16px;transition:all .2s ease}.info-card:hover{background:#112250;border-color:#06b6d499;transform:translateY(-2px)}.info-label{font-size:11px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{font-size:18px;font-weight:700;color:#fff}.side-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid #FFBD59;border-radius:50px}.side-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.button-icon{transition:all .3s ease;font-size:.9rem;flex-shrink:0}.button-text{position:relative;z-index:1;text-align:center;flex-shrink:0}.side-button.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 40px #10b98166}.side-button.buy:hover:not(:disabled),.side-button.buy.active{transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #10b98180,0 0 30px #ffbd5966}.side-button.buy:hover:not(:disabled):before{opacity:1}.side-button.buy:disabled{opacity:.5;cursor:not-allowed}.side-button.sell{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;box-shadow:0 10px 40px #9c061266}.side-button.sell:hover:not(:disabled),.side-button.sell.active{transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.side-button.sell:hover:not(:disabled):before{opacity:1}.side-button.sell:disabled{opacity:.5;cursor:not-allowed}.order-form{display:flex;flex-direction:column;gap:20px}.order-type-section{margin-bottom:20px}.section-label{display:block;font-size:13px;font-weight:600;color:#8d8d8d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.order-type-selector{display:flex!important;gap:0!important;margin:12px 16px 8px!important;background:#1122504d!important;border-radius:6px!important;padding:2px!important;border:1px solid rgba(0,217,255,.15)!important}.order-tab,.order-type-selector button{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:6px 12px!important;background:transparent!important;border:none!important;border-radius:4px!important;color:#ffffff80!important;font-size:13px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important}.order-tab:hover,.order-type-selector button:hover{color:#fffc!important;background:#ffffff08!important}.order-tab.active,.order-type-selector button.active{background:#00d9ff1f!important;color:var(--brand-cyan)!important;font-weight:500!important}.order-tab svg,.order-type-selector button svg{width:12px!important;height:12px!important;flex-shrink:0!important}@media(max-width:380px){.order-tab,.order-type-selector button{padding:6px 8px!important;font-size:12px!important}.order-tab svg,.order-type-selector button svg{width:10px!important;height:10px!important}}.input-section{margin-bottom:16px}.input-label{display:block;font-size:13px;font-weight:600;color:#8d8d8d;margin-bottom:8px}.input-wrapper{position:relative}.price-input{width:100%;padding:12px 60px 12px 12px;background:#112250e6;border:1px solid rgba(6,182,212,.4);border-radius:8px;color:#fff;font-size:15px;font-weight:500;transition:all .2s ease}.price-input:focus{outline:none;border-color:#0ecb81;background:#112250;box-shadow:0 0 0 3px #0ecb8133}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#8d8d8d;font-weight:600}.quick-price-buttons{display:flex;gap:6px;margin-top:8px}.quick-btn{flex:1;padding:6px;background:#112250d9;border:1px solid rgba(6,182,212,.4);border-radius:4px;color:#fffc;font-size:11px;cursor:pointer;transition:all .2s}.quick-btn:hover{background:#112250;border-color:#0ecb81;color:#0ecb81}.quantity-percentage-buttons{display:flex;gap:6px;margin-top:8px}.percentage-btn{flex:1;padding:6px 8px;background:#11225099;border:1px solid rgba(0,217,255,.25);border-radius:4px;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1}.percentage-btn:hover{background:#00d9ff1f;border-color:var(--brand-cyan);color:var(--brand-cyan);transform:translateY(-1px)}.percentage-btn:active{transform:translateY(0)}.balance-info{float:right;font-size:11px;font-weight:400;color:#ffffff80}.cost-summary{margin-top:10px;padding:10px 12px;background:#11225066;border:1px solid rgba(0,217,255,.15);border-radius:6px;display:flex;flex-direction:column;gap:6px}.cost-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.2}.cost-label{color:#fff9;font-weight:400}.cost-value{color:#ffffffe6;font-weight:500;font-family:Courier New,monospace}.cost-total{margin-top:4px;padding-top:8px;border-top:1px solid rgba(0,217,255,.2)}.cost-total .cost-label{color:#fffc;font-weight:600;font-size:13px}.cost-total .cost-value{color:var(--brand-cyan);font-weight:600;font-size:14px}.advanced-orders-section{margin:20px 0;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.section-label{display:block;font-size:13px;font-weight:600;color:#fffc;margin-bottom:12px;letter-spacing:.5px}.advanced-order-item{margin-bottom:16px}.advanced-order-item:last-child{margin-bottom:0}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#0ECB81}.checkbox-label-inline{flex:1;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:#fff}.checkbox-text{flex:1}.checkbox-badge{padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.checkbox-badge.tier1{background:#ffbd5933;color:#ffbd59}.advanced-price-input{margin-top:12px;padding-left:28px}.input-wrapper-enhanced{position:relative;display:flex;align-items:center}.input-suffix-enhanced{position:absolute;right:12px;font-size:12px;font-weight:600;color:#ffffff80;pointer-events:none}.tp-price-input{width:100%;padding:12px 60px 12px 12px;background:#0ecb810d;border:1px solid rgba(14,203,129,.3);border-radius:8px;color:#0ecb81;font-size:15px;font-weight:600;outline:none}.tp-price-input:focus{border-color:#0ecb81;background:#0ecb8114}.sl-price-input{width:100%;padding:12px 60px 12px 12px;background:#f6465d0d;border:1px solid rgba(246,70,93,.3);border-radius:8px;color:#f6465d;font-size:15px;font-weight:600;outline:none}.sl-price-input:focus{border-color:#f6465d;background:#f6465d14}.quick-tp-buttons,.quick-sl-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.quick-tp-btn{padding:6px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:4px;color:#0ecb81;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.quick-tp-btn:hover{background:#0ecb8133;border-color:#0ecb81;transform:translateY(-1px)}.quick-sl-btn{padding:6px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:4px;color:#f6465d;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.quick-sl-btn:hover{background:#f6465d33;border-color:#f6465d;transform:translateY(-1px)}.tp-preview,.sl-preview{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px;background:#ffffff08;border-radius:6px;font-size:12px}.preview-label{color:#8d8d8d}.preview-value{font-weight:600;font-family:Courier New,monospace}.preview-value.positive{color:#0ecb81}.preview-value.negative{color:#f6465d}.risk-reward-display{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:8px}.rr-label{font-size:13px;color:#8d8d8d;font-weight:600}.rr-value{font-size:16px;font-weight:700;color:#0ecb81}.reduce-only-section{margin:12px 0}.info-tooltip{width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:none;color:#ffbd59;font-size:12px;cursor:help;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.info-tooltip svg{color:#ffbd59;stroke:#ffbd59;fill:none}.info-tooltip:hover{background:#ffbd5933;color:#ffbd59;transform:scale(1.1)}.info-tooltip:hover svg{color:#ffbd59;stroke:#ffbd59}.reduce-only-hint{margin-top:8px;padding:8px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;display:flex;align-items:center;gap:8px}.reduce-only-hint .hint-text{font-size:11px;color:#ffbd59;line-height:1.4}.tif-section{margin:16px 0}.tif-section .section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tif-select{width:100%;padding:12px 36px 12px 12px;background:#11225099!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.3)!important;border-radius:8px;color:#fff!important;font-size:14px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-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='%2300d9ff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;outline:none;transition:all .2s ease}.tif-select:hover{background:#112250cc!important;border-color:#00d9ff!important;box-shadow:0 0 12px #00d9ff33}.tif-select:focus{border-color:#00d9ff!important;background:#112250cc!important;box-shadow:0 0 16px #00d9ff4d}.tif-select option{background:#112250f2!important;background-color:#112250!important;color:#fff!important;padding:8px}.tif-description{margin-top:8px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:11px;color:#8d8d8d;line-height:1.4}.input-hint{display:flex;align-items:center;gap:6px;margin-top:6px;padding:8px;background:#112250cc;border:1px solid rgba(6,182,212,.3);border-radius:6px}.hint-icon{font-size:14px}.hint-text{font-size:11px;color:#8d8d8d;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;color:#ffffffb3;font-weight:600;letter-spacing:.5px}.form-input{background:#112250e6;border:1px solid rgba(6,182,212,.5);border-radius:12px;padding:14px 16px;color:#fff;font-size:16px;font-weight:600;transition:all .2s ease}.form-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d44d;background:#112250}.form-hint{font-size:12px;color:#ffffff80;font-weight:500}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#fffc;font-weight:600}.checkbox-input{width:18px;height:18px;border-radius:4px;border:2px solid rgba(6,182,212,.4);cursor:pointer;transition:all .2s ease}.checkbox-input:checked{background:#06b6d4;border-color:#06b6d4}.tier-badge{display:inline-block;background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#0a0e27;font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;letter-spacing:.5px;margin-left:auto}.alert{padding:14px 16px;border-radius:12px;font-size:14px;font-weight:600}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981}.execute-button{width:100%;max-width:320px;margin-left:auto;margin-right:auto;padding:10px 16px;margin-top:120px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid #FFBD59;display:flex;align-items:center;justify-content:center;gap:6px}.execute-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.execute-button:hover:not(:disabled):before{opacity:1}.execute-button.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 32px #10b9814d}.execute-button.buy:hover:not(:disabled){box-shadow:0 10px 40px #10b98166,0 0 20px #ffbd594d;transform:translateY(-2px);border-color:#ffbd59cc}.execute-button.sell{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;box-shadow:0 8px 32px #9c06124d}.execute-button.sell:hover:not(:disabled){box-shadow:0 10px 40px #9c061266,0 0 20px #ffbd594d;transform:translateY(-2px);border-color:#ffbd59cc}.execute-button:active:not(:disabled){transform:translateY(0) scale(.98)}.execute-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{font-size:14px;flex-shrink:0;display:flex;align-items:center}.upgrade-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.upgrade-modal{background:linear-gradient(180deg,#0a0e27fa,#112250f2);border:2px solid rgba(6,182,212,.3);border-radius:20px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000080}.upgrade-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.upgrade-text{font-size:15px;color:#ffffffb3;margin-bottom:24px}.upgrade-benefits{background:#11225066;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:20px;margin-bottom:24px}.benefits-title{font-size:16px;font-weight:700;color:#06b6d4;margin-bottom:12px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{font-size:14px;color:#fffc;font-weight:600}.upgrade-actions{display:flex;gap:12px}.upgrade-button-primary,.upgrade-button-secondary{flex:1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.upgrade-button-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 4px 16px #06b6d44d}.upgrade-button-primary:hover{box-shadow:0 6px 24px #06b6d466;transform:translateY(-2px)}.upgrade-button-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.upgrade-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.paper-trading-panel{width:100%!important;border-right:none}.resize-handle{display:none}.panel-header{padding:16px 20px}.panel-title{font-size:20px}.panel-body{padding:20px}.price-amount{font-size:28px}.side-buttons{gap:12px}.side-button{padding:20px 12px}.button-text{font-size:16px}}@media(max-width:480px){.panel-header{padding:12px 16px}.panel-title{font-size:18px}.panel-body{padding:16px;gap:16px}.price-card{padding:20px}.price-amount{font-size:24px}.info-grid{grid-template-columns:1fr}.side-buttons{gap:10px}.side-button{padding:18px 10px}.button-text{font-size:15px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap;padding:18px 40px;border-radius:50px;border:2px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}.btn-primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border-color:var(--brand-gold);box-shadow:0 10px 40px #9c061266}.btn-primary:hover:not(:disabled){transform:translateY(-3px);border-color:#ffbd59;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#00d9ff,#4d9de0);color:#fff;border-color:var(--brand-cyan);box-shadow:0 8px 24px #00d9ff4d}.btn-secondary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #00d9ff66,0 0 30px #00d9ff4d}.btn-secondary:active:not(:disabled){transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--brand-gold);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline:hover:not(:disabled){background:#ffbd5926;border-color:var(--brand-gold);box-shadow:0 0 20px #ffbd594d}.btn-outline:active:not(:disabled){background:#ffbd5940}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:#ffffff1f}.btn-sm{padding:14px 32px;font-size:16px;gap:8px}.btn-md{padding:18px 40px;font-size:18px;gap:12px}.btn-lg{padding:22px 48px;font-size:20px;gap:14px}.btn-full{width:100%}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{cursor:wait;position:relative}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-sm .btn-spinner{width:14px;height:14px;border-width:2px}.btn-lg .btn-spinner{width:20px;height:20px;border-width:3px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em}.btn-sm .btn-icon{font-size:1.1em}.btn-lg .btn-icon{font-size:1.3em}.btn-group{display:inline-flex;gap:var(--space-sm)}.btn-group-vertical{flex-direction:column}@media(max-width:768px){.btn{padding:16px 32px;font-size:16px}.btn-sm{padding:12px 24px;font-size:14px}.btn-lg{padding:18px 40px;font-size:18px}}@media print{.btn{box-shadow:none;border:1px solid #000}}.tpsl-input-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:#1122504d;border:1px solid rgba(0,217,255,.2);border-radius:8px}.current-pnl-display{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#11225080;border-radius:6px;margin-bottom:4px}.current-pnl-display .label{font-size:12px;color:#fff9;font-weight:600}.current-pnl-display .value{font-size:14px;font-weight:700;font-family:Monaco,Courier New,monospace}.current-pnl-display .value.profit{color:#0ecb81}.current-pnl-display .value.loss{color:#f6465d}.tpsl-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.section-header label{font-size:11px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.mode-toggle{display:flex;gap:2px;background:#11225066;border-radius:4px;padding:2px}.mode-toggle button{padding:3px 10px;font-size:10px;font-weight:600;background:transparent;border:none;border-radius:3px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.mode-toggle button.active{background:#00d9ff33;color:#00d9ff}.input-row{display:flex;align-items:center;gap:8px;background:#ffffff1f;border:2px solid rgba(0,217,255,.4);border-radius:8px;padding:12px 14px;transition:all .2s ease}.input-row:focus-within{background:#ffffff2e;border-color:#00d9ffb3;box-shadow:0 0 16px #00d9ff4d}.input-row .prefix{font-size:16px;font-weight:700;color:#fffc;font-family:Monaco,Courier New,monospace}.input-row input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;font-weight:700;outline:none;font-family:Monaco,Courier New,monospace;text-align:left}.input-row input::placeholder{color:#fff6}.input-row .unit{font-size:12px;color:#fff9;font-weight:600}.profit-input{border-color:#0ecb8166}.profit-input:focus-within{border-color:#0ecb81b3;box-shadow:0 0 12px #0ecb814d}.profit-input .prefix{color:#0ecb81}.loss-input{border-color:#f6465d66}.loss-input:focus-within{border-color:#f6465db3;box-shadow:0 0 12px #f6465d4d}.loss-input .prefix{color:#f6465d}.calculated-values{display:flex;flex-direction:column;gap:4px;padding:8px;background:#11225033;border-radius:6px;margin-top:2px}.value-row{display:flex;justify-content:space-between;align-items:center}.value-row .label{font-size:11px;color:#ffffff80;font-weight:500}.value-row .value{font-size:12px;font-weight:700;color:#fff;font-family:Monaco,Courier New,monospace}.value-row .value.profit{color:#0ecb81}.value-row .value.loss{color:#f6465d}.value-row.pnl{margin-top:2px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.risk-reward-display{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;margin-top:4px}.risk-reward-display .label{font-size:11px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.risk-reward-display .value{font-size:14px;font-weight:700;color:#ffbd59;font-family:Monaco,Courier New,monospace}.take-profit .section-header label{color:#0ecb81}.take-profit .input-row{border-color:#0ecb814d}.take-profit .input-row:focus-within{border-color:#0ecb8180;box-shadow:0 0 8px #0ecb8133}.stop-loss .section-header label{color:#f6465d}.stop-loss .input-row{border-color:#f6465d4d}.stop-loss .input-row:focus-within{border-color:#f6465d80;box-shadow:0 0 8px #f6465d33}.modal-overlay{position:fixed!important;inset:0!important;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2147483647!important;padding:var(--space-md);transform:translateZ(0);isolation:isolate}.modal-content{position:relative;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0006;animation:modalSlideIn .2s ease-out;z-index:2147483647!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.08)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff0d;color:var(--text-primary)}.modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.position-info{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:var(--text-sm);color:var(--text-muted)}.info-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.info-value.profit{color:#0ecb81;font-family:var(--font-mono)}.info-value.loss{color:#f6465d;font-family:var(--font-mono)}.crypto-pair{color:var(--brand-gold);font-family:var(--font-mono)}.modal-form{display:flex;flex-direction:column;gap:var(--space-md)}.rr-display{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#ffbd590d;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-md)}.rr-label{font-size:var(--text-sm);color:var(--text-secondary)}.rr-value{font-size:var(--text-lg);font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--brand-gold)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.08)}.modal-body .error-message{padding:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--accent-red);font-size:var(--text-sm)}@media(max-width:600px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:var(--space-md)}}.open-positions-widget{background:#11225066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:16px;transition:all .2s ease}.open-positions-widget:hover{border-color:#00d9ff4d;box-shadow:0 0 12px #00d9ff1a}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-header h3{font-size:11px!important;font-weight:600;color:#fff;margin:0}.header-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end}.sort-dropdown{background:#11225099!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.3)!important;border-radius:6px;color:#fff!important;font-size:13px;font-weight:500;padding:6px 32px 6px 12px;appearance:none;-webkit-appearance:none;-moz-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='%2300d9ff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:all .2s ease}.sort-dropdown:hover{background:#112250cc!important;border-color:#00d9ff!important;box-shadow:0 0 12px #00d9ff33}.sort-dropdown:focus{outline:none;border-color:#00d9ff!important;box-shadow:0 0 16px #00d9ff4d}.sort-dropdown option{background:#112250f2!important;background-color:#112250f2!important;color:#fff!important;padding:8px 12px}.sort-dropdown::-ms-expand{display:none}@-moz-document url-prefix(){.sort-dropdown option{background-color:#112250!important;color:#fff!important}}@supports (-webkit-appearance: none){.sort-dropdown option{background-color:#112250!important;color:#fff!important}.sort-dropdown option:checked,.sort-dropdown option:hover{background:#00d9ff33!important;background-color:#00d9ff33!important}}.btn-refresh{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#11225080;border:1px solid rgba(0,217,255,.2);border-radius:6px;cursor:pointer;color:#00d9ff;transition:all .2s;padding:0}.btn-refresh svg{color:#00d9ff!important;stroke:#00d9ff!important;fill:none!important}.btn-refresh:hover{background:#112250b3;border-color:#00d9ff66}.btn-refresh:hover svg{color:#00d9ff!important;stroke:#00d9ff!important}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.loading-state{text-align:center;padding:40px 20px;color:#8d8d8d;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state p{font-size:15px;color:#8d8d8d;margin:0 0 8px}.empty-hint{font-size:12px;color:#606060}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item,.position-card{background:#1122504d;border:1px solid rgba(0,217,255,.15);border-radius:8px;padding:12px;transition:all .2s ease}.position-item:hover,.position-card:hover{background:#11225080;border-color:#00d9ff4d;transform:translate(2px)}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.position-header .symbol,.position-symbol{font-size:20px!important;font-weight:600!important;color:#ffbd59!important;letter-spacing:.5px;text-shadow:none!important}.position-header .pnl,.position-pnl{font-size:14px;font-weight:700;font-family:Monaco,Courier New,monospace}.position-header .pnl.profit,.position-pnl.profit{color:#0ecb81}.position-header .pnl.loss,.position-pnl.loss{color:#f6465d}.position-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;font-size:12px}.detail-label{color:#8d8d8d}.detail-value{color:#fff;font-weight:600;font-family:Monaco,Courier New,monospace}.detail-value.profit{color:#0ecb81}.detail-value.loss{color:#f6465d}.position-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-close-position{padding:8px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:6px;color:#f6465d;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-position:hover{background:#f6465d33}.btn-manage,.btn-edit{padding:8px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:6px;color:#0ecb81;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-manage:hover,.btn-edit:hover{background:#0ecb8133}.recent-trades-section{background:#11225066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:16px;margin-top:0;position:relative;z-index:0;transition:all .2s ease}.recent-trades-section:hover{border-color:#00d9ff4d;box-shadow:0 0 12px #00d9ff1a}.recent-trades-section>h3{font-size:11px!important;font-weight:600;color:#fff;margin:0 0 12px}.section-header h3{font-size:11px!important;font-weight:700;color:#fff;margin:0}.btn-view-all{padding:6px 12px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:6px;color:#0ecb81;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-all:hover{background:#0ecb8133}.trades-table{overflow-x:auto}.trades-table table{width:100%;border-collapse:collapse}.trades-table th{text-align:left;padding:8px;font-size:11px;font-weight:600;color:#8d8d8d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.trades-table td{padding:10px 8px;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.time-cell{color:#8d8d8d;font-size:12px}.symbol-cell{font-weight:700}.trades-list{display:flex;flex-direction:column;gap:8px}.trade-item{background:#1122504d;border:1px solid rgba(0,217,255,.15);border-radius:8px;padding:12px;transition:all .2s ease}.trade-item:hover{background:#11225080;border-color:#00d9ff4d;transform:translate(2px)}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.trade-header .symbol{font-size:18px!important;font-weight:600!important;color:#ffbd59!important;letter-spacing:.5px;text-shadow:none!important}.trade-header .side{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.trade-header .side.buy{background:#0ecb8126;color:#0ecb81;border:1px solid rgba(14,203,129,.3)}.trade-header .side.sell{background:#f6465d26;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.trade-details{display:flex;flex-direction:column;gap:4px}.detail-row{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3}.detail-row.strong{font-weight:600;font-size:13px}.detail-row.time{font-size:11px;color:#ffffff80;margin-top:4px}.detail-row .profit{color:#0ecb81}.detail-row .loss{color:#f6465d}.trades-table td.profit{color:#0ecb81;font-weight:700}.trades-table td.loss{color:#f6465d;font-weight:700}.pnl-percentage{font-size:11px;margin-left:4px}.recent-trades-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.recent-trades-section .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.recent-trades-section .empty-state p{font-size:15px;color:#8d8d8d;margin:0}.recent-trades-section .loading-state{text-align:center;padding:40px 20px;color:#8d8d8d;font-size:14px}.scanner-page-v2{min-height:100vh!important;height:auto;padding:var(--space-lg);background:transparent;overflow-y:auto;overflow-x:hidden;position:relative;z-index:var(--z-base)}.scanner-layout{display:grid!important;grid-template-columns:23% 49% 28%!important;gap:12px!important;min-height:calc(100vh - 260px);height:auto;align-items:start;background:transparent}.scanner-left,.scanner-right{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-thin) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:var(--transition-base)}.scanner-left:hover,.scanner-right:hover{border-color:#ffbd5933;box-shadow:var(--shadow-xl),var(--shadow-gold)}.scanner-left{overflow-y:auto!important;overflow-x:hidden!important;padding:var(--space-md);max-height:calc(100vh - 120px)!important;position:relative}.scanner-left::-webkit-scrollbar{width:8px}.scanner-left::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.scanner-left::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}.scanner-left::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-royal));box-shadow:var(--shadow-gold)}.scanner-right{overflow:visible}.right-column-scroll-wrapper{overflow-y:auto;overflow-x:visible;padding:6px;flex:1;display:flex;flex-direction:column;gap:6px}.scanner-center{display:flex;flex-direction:column;gap:var(--space-sm);overflow:visible;height:auto;min-height:0}.scanner-center>.trading-chart-container{min-height:400px;overflow:visible;background:var(--bg-elevated);border:var(--border-thin) solid rgba(255,189,89,.2);border-radius:var(--radius-lg);position:relative;flex-shrink:0;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);transition:var(--transition-base)}.scanner-center>.trading-chart-container:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-lg),var(--shadow-gold)}.scanner-center>.market-chatbot-section-resizable{flex-shrink:0;overflow:visible}.scanner-left::-webkit-scrollbar,.right-column-scroll-wrapper::-webkit-scrollbar{width:8px}.scanner-left::-webkit-scrollbar-track,.right-column-scroll-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.scanner-left::-webkit-scrollbar-thumb,.right-column-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}.scanner-left::-webkit-scrollbar-thumb:hover,.right-column-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-royal));box-shadow:var(--shadow-gold)}.paper-trading-widgets-section{display:flex;flex-direction:column;gap:6px;margin-top:0}@media(max-width:1400px){.scanner-layout{grid-template-columns:25% 50% 25%}}@media(max-width:1024px){.scanner-layout{grid-template-columns:30% 70%;grid-template-rows:auto 1fr}.scanner-right{grid-column:1 / -1;max-height:400px}}@media(max-width:768px){.scanner-page-v2{padding:var(--space-sm)}}.scanner-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;gap:var(--space-sm)}.scanner-left,.scanner-center,.scanner-right{max-height:none;padding:var(--space-sm)}} .analytics-page{min-height:100vh;background:transparent;padding:40px 20px}.analytics-container{max-width:1000px;margin:0 auto}.coming-soon-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:24px;padding:60px 40px;text-align:center;animation:fadeIn .6s ease}.coming-soon-icon{font-size:120px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.coming-soon-title{color:#ffbd59;font-size:48px;font-weight:800;margin:0 0 16px;text-shadow:0 4px 20px rgba(255,189,89,.3)}.coming-soon-subtitle{color:#ffffffe6;font-size:24px;font-weight:600;margin:0 0 24px;text-transform:uppercase;letter-spacing:3px}.coming-soon-description{color:#ffffffb3;font-size:18px;line-height:1.6;max-width:600px;margin:0 auto 40px}.feature-preview{margin:40px 0;padding:32px;background:#0f1b3580;border-radius:16px;border:1px solid rgba(255,189,89,.2)}.feature-preview h3{color:#ffbd59;font-size:20px;font-weight:700;margin:0 0 24px}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#11225080;border-radius:12px;border:1px solid rgba(255,189,89,.2);transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);border-color:#ffbd5966;box-shadow:0 4px 16px #ffbd5933}.feature-icon{font-size:32px;flex-shrink:0}.feature-content h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px}.feature-content p{color:#fff9;font-size:13px;margin:0;line-height:1.4}.tier-info-card{margin:32px 0;padding:24px;background:linear-gradient(135deg,#ffd7001a,#ffbd591a);border:1px solid rgba(255,215,0,.3);border-radius:16px}.tier-badge-large{display:inline-block;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#ffd7004d,#ffbd594d);color:gold;border:1px solid #FFD700;box-shadow:0 0 20px #ffd7004d}.tier-message{color:#fffc;font-size:14px;margin:0;line-height:1.6}.coming-soon-cta{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,189,89,.2)}.coming-soon-cta p{color:#ffffffb3;font-size:16px;margin:0 0 20px}.btn-back-home{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;font-size:16px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #ffbd594d}.btn-back-home:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffbd5980}@media(max-width:768px){.coming-soon-card{padding:40px 24px}.coming-soon-title{font-size:32px}.coming-soon-subtitle{font-size:18px}.coming-soon-icon{font-size:80px}.feature-list{grid-template-columns:1fr}}.history-page{padding:40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.history-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;font-family:Montserrat,sans-serif}.subtitle{font-size:16px;color:#debc81b3;margin:0;font-family:Noto Sans Display,sans-serif}.history-filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{padding:12px 24px;background:#2a1b5266;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#debc81cc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.filter-btn.active{background:linear-gradient(135deg,#ffbd59,#debc81);border-color:#ffbd59;color:#112250;box-shadow:0 4px 12px #ffbd5966}.filter-btn.bullish.active{background:linear-gradient(135deg,#0ecb81,#0ba368);border-color:#0ecb81;color:#fff;box-shadow:0 4px 12px #0ecb8166}.filter-btn.bearish.active{background:linear-gradient(135deg,#f6465d,#d43d52);border-color:#f6465d;color:#fff;box-shadow:0 4px 12px #f6465d66}.history-table-container{background:#11225099;border-radius:12px;overflow:hidden;border:1px solid rgba(255,189,89,.2);margin-bottom:24px}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#2a1b5299}.history-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;border-bottom:1px solid rgba(255,189,89,.2)}.history-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.history-table tbody tr:hover{background:#ffbd590d}.history-table td{padding:16px;font-size:14px;color:#debc81e6;font-family:Noto Sans Display,sans-serif}.symbol-cell{font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.pattern-cell{display:flex;align-items:center;gap:8px}.pattern-icon{font-size:16px}.pattern-name{font-weight:600;color:#ffbd59}.direction-cell{font-weight:600}.direction-cell.bullish{color:#0ecb81}.direction-cell.bearish{color:#f6465d}.price-cell{font-family:Courier New,monospace;font-weight:600}.result-cell{font-weight:700}.result-cell.win{color:#0ecb81}.result-cell.loss{color:#f6465d}.profit-cell{font-family:Courier New,monospace;font-weight:700;font-size:15px}.profit-cell.positive{color:#0ecb81}.profit-cell.negative{color:#f6465d}.empty-state{padding:80px 20px!important;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p{color:#debc8180;font-size:14px}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px;text-align:center}.stat-card.win{border-color:#0ecb814d}.stat-card.profit{border-color:#ffbd594d}.stat-label{font-size:13px;color:#debc81b3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.stat-value{font-size:32px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.stat-card.win .stat-value{color:#0ecb81}.stat-card.profit .stat-value{color:#ffbd59}@media(max-width:1200px){.history-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.history-page{padding:20px}.history-header h1{font-size:24px}.history-filters{flex-wrap:wrap}.history-table-container{overflow-x:auto}.history-table{min-width:800px}.history-stats{grid-template-columns:1fr}}.scan-history-page{padding:40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px);color:#e0e7ff}.history-header{margin-bottom:32px}.history-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.subtitle{font-size:16px;color:#debc81b3;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#141b2df2,#1e283ce6);border:1px solid rgba(100,149,237,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#6495ed66;box-shadow:0 8px 24px #6495ed26}.stat-icon{font-size:32px;line-height:1}.stat-label{font-size:12px;color:#8b9dc3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#6495ed}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:#2a1b5266;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#debc81cc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#ffbd5926;border-color:#ffbd59;transform:translateY(-2px)}.filter-btn.active{background:#ffbd5940;border-color:#ffbd59;color:#ffbd59}.clear-all-btn{padding:10px 20px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-all-btn:hover{background:#f4433633;border-color:#f44336}.clear-all-btn.confirm{background:#f443364d;border-color:#f44336;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:linear-gradient(135deg,#141b2df2,#1e283ce6);border:1px solid rgba(100,149,237,.2);border-radius:12px;padding:20px;transition:all .3s ease}.history-item:hover{transform:translate(4px);border-color:#6495ed66;box-shadow:0 4px 16px #0000004d}.history-item.has-patterns{border-left:4px solid #4CAF50}.history-item.no-patterns{border-left:4px solid rgba(255,255,255,.2)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,149,237,.1)}.scan-info{display:flex;align-items:center;gap:12px}.scan-date{font-size:14px;color:#8b9dc3;font-weight:600}.scan-tier{padding:4px 12px;background:linear-gradient(135deg,gold,orange);color:#1a1f3a;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px}.delete-btn{padding:8px 12px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;font-size:14px;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:#f4433633;border-color:#f44336;transform:scale(1.1)}.history-item-body{display:flex;flex-direction:column;gap:16px}.scan-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#8b9dc3;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#e0e7ff;font-weight:600}.detail-value.has-patterns{color:#4caf50}.detail-value.no-patterns{color:#fff6}.patterns-found{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px}.patterns-label{font-size:12px;color:#4caf50;font-weight:700;text-transform:uppercase;margin-bottom:8px}.patterns-list{display:flex;flex-wrap:wrap;gap:8px}.pattern-chip{padding:6px 12px;background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:16px;font-size:12px;color:#4caf50;font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#141b2df2,#1e283ce6);border:1px solid rgba(100,149,237,.2);border-radius:12px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:24px;color:#e0e7ff;margin:0 0 8px}.empty-state p{font-size:16px;color:#8b9dc3;margin:0}.tier-notice{margin-top:32px;padding:20px;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:12px;display:flex;gap:16px;align-items:flex-start}.notice-icon{font-size:32px;line-height:1}.notice-content h4{font-size:18px;color:#ffc107;margin:0 0 8px}.notice-content p{font-size:14px;color:#ffc107cc;margin:0}.loading-state,.auth-required,.error-state{text-align:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(100,149,237,.2);border-top-color:#6495ed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-state p,.auth-required p,.error-state p{font-size:16px;color:#8b9dc3;margin:8px 0 0}.auth-required h2,.error-state h2{font-size:24px;color:#e0e7ff;margin:0 0 8px}@media(max-width:768px){.scan-history-page{padding:20px}.history-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.scan-details{grid-template-columns:1fr}.history-item{padding:16px}}.telegram-connect{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(0,136,204,.3);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 8px 24px #0088cc1a}.telegram-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,136,204,.2)}.telegram-icon{font-size:40px;filter:drop-shadow(0 0 12px rgba(0,136,204,.5));animation:telegramPulse 3s ease-in-out infinite}@keyframes telegramPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(0,136,204,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(0,136,204,.8))}}.telegram-header h3{font-size:24px;font-weight:800;color:#08c;margin:0;font-family:Montserrat,sans-serif}.telegram-header p{color:#ffffffb3;font-size:14px;margin:4px 0 0;font-family:Noto Sans Display,sans-serif}.telegram-setup,.telegram-connected{margin-top:24px}.setup-steps{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,136,204,.2)}.setup-steps h4{font-size:16px;font-weight:700;color:#08c;margin:0 0 16px;font-family:Montserrat,sans-serif}.setup-steps ol{margin:0;padding-left:20px;color:#fffc}.setup-steps li{margin:12px 0;font-size:14px;line-height:1.6;font-family:Noto Sans Display,sans-serif}.setup-steps li b{color:#08c;font-weight:700}.telegram-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:16px;color:#ff6b6b;font-size:14px;margin-bottom:20px;animation:slideIn .3s ease}.telegram-testing{background:#0088cc1a;border:1px solid rgba(0,136,204,.3);border-radius:12px;padding:16px;color:#08c;font-size:14px;margin-bottom:20px;animation:slideIn .3s ease;font-weight:600}.telegram-input-group{display:flex;gap:12px;margin-bottom:20px}.telegram-input-group input{flex:1;background:#0f1b35cc;border:1px solid rgba(0,136,204,.3);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;transition:all .2s ease;font-family:Noto Sans Display,sans-serif}.telegram-input-group input::placeholder{color:#fff6}.telegram-input-group input:focus{outline:none;border-color:#08c;box-shadow:0 0 0 4px #0088cc1a}.telegram-input-group input:disabled{opacity:.6;cursor:not-allowed}.btn-telegram-connect{background:linear-gradient(135deg,#08c,#09d);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:Montserrat,sans-serif;box-shadow:0 4px 12px #0088cc4d}.btn-telegram-connect:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0088cc80}.btn-telegram-connect:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-telegram-disconnect{background:#f443361a;color:#f44336;border:2px solid rgba(244,67,54,.3);border-radius:12px;padding:12px 32px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-telegram-disconnect:hover:not(:disabled){background:#f4433633;border-color:#f44336;transform:translateY(-2px)}.btn-telegram-disconnect:disabled{opacity:.6;cursor:not-allowed;transform:none}.telegram-help{background:#0088cc1a;border:1px solid rgba(0,136,204,.2);border-radius:12px;padding:16px;margin-bottom:20px}.telegram-help p{color:#ffffffb3;font-size:13px;margin:0;line-height:1.6;font-family:Noto Sans Display,sans-serif}.telegram-help b{color:#08c;font-weight:700}.telegram-bot-link{text-align:center}.btn-open-bot{display:inline-block;background:linear-gradient(135deg,#08c,#09d);color:#fff;text-decoration:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;box-shadow:0 4px 12px #0088cc4d}.btn-open-bot:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0088cc80}.connected-status{display:flex;align-items:center;gap:16px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:20px;margin-bottom:24px}.status-icon{font-size:32px}.status-text{font-size:16px;font-weight:700;color:#4caf50;margin:0 0 4px;font-family:Montserrat,sans-serif}.chat-id{font-size:13px;color:#fff9;margin:0;font-family:Courier New,monospace;background:#0003;padding:4px 8px;border-radius:4px;display:inline-block}.connected-features{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,136,204,.2)}.connected-features h4{font-size:16px;font-weight:700;color:#08c;margin:0 0 16px;font-family:Montserrat,sans-serif}.connected-features ul{list-style:none;padding:0;margin:0}.connected-features li{color:#fffc;font-size:14px;margin:12px 0;font-weight:600;font-family:Noto Sans Display,sans-serif;padding-left:4px}.alert-example{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,136,204,.2)}.alert-example h4{font-size:16px;font-weight:700;color:#08c;margin:0 0 16px;font-family:Montserrat,sans-serif}.example-message{background:#0088cc1a;border:1px solid rgba(0,136,204,.2);border-radius:8px;padding:16px;font-family:Noto Sans Display,sans-serif;font-size:13px;line-height:1.8;color:#fffc}.example-message b{color:#fff;font-weight:700}.telegram-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.telegram-modal{background:linear-gradient(135deg,#112250f2,#1a2847f2);border:2px solid rgba(0,136,204,.4);border-radius:24px;padding:40px;max-width:480px;width:90%;box-shadow:0 20px 60px #0088cc4d;position:relative;animation:modalSlideIn .3s ease}.modal-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.modal-icon{font-size:80px;text-align:center;margin-bottom:24px;animation:iconPop .8s cubic-bezier(.175,.885,.32,1.275);display:block}@keyframes iconPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(10deg)}70%{transform:scale(.95) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.success-icon{filter:drop-shadow(0 0 30px rgba(76,175,80,.8));animation:iconPop .8s cubic-bezier(.175,.885,.32,1.275),successGlow 2s ease-in-out infinite}@keyframes successGlow{0%,to{filter:drop-shadow(0 0 30px rgba(76,175,80,.8))}50%{filter:drop-shadow(0 0 40px rgba(76,175,80,1))}}.warning-icon{filter:drop-shadow(0 0 30px rgba(255,152,0,.8));animation:iconPop .8s cubic-bezier(.175,.885,.32,1.275),warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,152,0,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(255,152,0,1));transform:scale(1.05)}}.modal-title{font-size:26px;font-weight:800;text-align:center;margin:0 0 16px;font-family:Montserrat,sans-serif}.telegram-modal.success .modal-title{color:#4caf50}.telegram-modal.warning .modal-title{color:#ff9800}.modal-message{text-align:center;color:#ffffffd9;font-size:16px;line-height:1.6;margin:0 0 32px;font-family:Noto Sans Display,sans-serif}.warning-text{color:#ff9800;font-weight:700;display:block;margin-top:12px}.modal-action-btn{width:100%;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;box-shadow:0 4px 16px #4caf5066}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4caf5099}.modal-actions{display:flex;gap:12px;margin-top:32px}.modal-cancel-btn,.modal-confirm-btn{flex:1;border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.modal-cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.modal-cancel-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.modal-confirm-btn{background:linear-gradient(135deg,#f44336,#e53935);color:#fff;box-shadow:0 4px 12px #f4433666}.modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433699}@media(max-width:768px){.telegram-connect{padding:24px}.telegram-header{flex-direction:column;align-items:flex-start}.telegram-input-group{flex-direction:column}.btn-telegram-connect,.btn-open-bot{width:100%}.connected-status{flex-direction:column;align-items:flex-start}.telegram-modal{padding:32px 24px;max-width:90%}.modal-title{font-size:22px}.modal-message{font-size:15px}.modal-actions{flex-direction:column}.modal-cancel-btn,.modal-confirm-btn{width:100%}}.enhanced-settings-container{padding:40px 20px;max-width:1400px;margin:0 auto}.settings-header{text-align:center;margin-bottom:48px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:flex-start}.settings-sidebar{position:sticky;top:100px}.settings-tabs{display:flex;flex-direction:column;gap:8px}.settings-tab{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#11225066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#ffffffb3;text-align:left}.settings-tab:hover{background:#11225099;border-color:#ffbd594d;color:#ffffffe6;transform:translate(4px)}.settings-tab.active{background:#ffbd5926;border-color:#ffbd59cc;color:#fff;box-shadow:0 0 20px #ffbd5933}.tab-icon{font-size:20px;line-height:1}.tab-label{flex:1}.settings-content{min-height:500px}.section-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}.section-desc{font-size:14px;color:#fff9;line-height:1.5}.profile-details{display:flex;flex-direction:column;gap:16px}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-label{font-size:14px;font-weight:600;color:#ffffffb3}.profile-value{font-size:15px;color:#ffffffe6}.profile-tier,.profile-role{font-size:14px;font-weight:700;padding:6px 12px;border-radius:8px;background:#ffbd5926;border:1px solid rgba(255,189,89,.4);color:#ffbd59}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.subscription-card{padding:24px;background:#11225080;border:2px solid rgba(255,255,255,.15);border-radius:16px;text-align:center;transition:all .3s ease}.subscription-card:hover{border-color:#ffbd5966;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.subscription-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.subscription-icon{font-size:32px}.subscription-header h3{font-size:16px;font-weight:600;color:#ffffffe6;margin:0}.subscription-tier{font-size:20px;font-weight:700;margin-top:12px}.subscription-expires{font-size:12px;color:#fff9;margin-top:8px}.invoice-table{width:100%;border-collapse:collapse;margin-top:16px}.invoice-table thead tr{background:#11225080;border-radius:8px}.invoice-table th,.invoice-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.invoice-table th{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.invoice-table td{font-size:14px;color:#ffffffe6}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.status-badge.paid{background:#00ff8826;color:#0f8}.status-badge.pending{background:#ffbd5926;color:#ffbd59}.status-badge.failed{background:#ef444426;color:#ef4444}.btn-link{color:#00d9ff;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s ease}.btn-link:hover{color:#ffbd59;text-decoration:underline}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{display:flex;align-items:center;gap:16px;padding:20px;background:#11225066;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.session-card:hover{background:#11225099;border-color:#fff3}.session-icon{font-size:32px;width:50px;text-align:center}.session-info{flex:1}.session-name{font-size:16px;font-weight:600;color:#fffffff2;margin-bottom:4px}.session-details{font-size:14px;color:#ffffffb3;margin-bottom:4px}.session-meta{font-size:12px;color:#ffffff80}.empty-state{text-align:center;padding:40px;color:#fff9}.empty-state p{font-size:14px;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.danger-zone{border:2px solid rgba(239,68,68,.4)!important}@media(max-width:1024px){.settings-layout{grid-template-columns:220px 1fr;gap:24px}.settings-tab{padding:14px 16px;font-size:14px}.tab-icon{font-size:18px}}@media(max-width:768px){.enhanced-settings-container{padding:20px 10px}.settings-layout{grid-template-columns:1fr;gap:16px}.settings-sidebar{position:static;overflow-x:auto}.settings-tabs{flex-direction:row;overflow-x:auto;padding-bottom:8px}.settings-tab{flex-shrink:0;min-width:140px}.subscription-grid{grid-template-columns:1fr}.invoice-table{font-size:12px}.invoice-table th,.invoice-table td{padding:10px 8px}}@media(max-width:480px){.section-title{font-size:20px}.settings-tab{min-width:120px;padding:12px;font-size:13px}.tab-icon{font-size:16px}}.admin-page{padding:40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.admin-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#11225066;border-radius:12px;border:2px solid rgba(255,189,89,.2);margin:20px 0}.spinner-large{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.admin-loading-state p{color:#ffbd59;font-size:15px;font-weight:600;margin:0}.admin-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#f6465d0d;border-radius:12px;border:2px solid rgba(246,70,93,.3);margin:20px 0;text-align:center}.admin-error-state .error-icon{font-size:64px;margin-bottom:16px}.admin-error-state h3{color:#f6465d;font-size:22px;font-weight:700;margin:0 0 12px}.admin-error-state .error-message{color:#f6465dcc;font-size:14px;margin:0 0 24px}.btn-retry{padding:12px 24px;background:#f6465d33;border:1px solid rgba(246,70,93,.4);border-radius:8px;color:#f6465d;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#f6465d4d;border-color:#f6465d99;transform:translateY(-2px)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#ffffff05;border-radius:12px;border:2px dashed rgba(255,189,89,.2);margin:20px 0;text-align:center}.admin-empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.admin-empty-state h3{color:#fffc;font-size:20px;font-weight:600;margin:0 0 8px}.admin-empty-state p{color:#ffffff80;font-size:14px;margin:0}.admin-empty-state .empty-hint{font-size:13px;color:#ffbd5999;margin-top:8px}.btn-clear-search{padding:10px 20px;background:#ffbd5933;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#ffbd59;font-size:13px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .3s ease}.btn-clear-search:hover{background:#ffbd594d;border-color:#ffbd5980;transform:translateY(-2px)}.admin-header{margin-bottom:32px}.admin-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;font-family:Montserrat,sans-serif}.admin-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid rgba(255,189,89,.2);padding-bottom:0}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#debc81b3;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;margin-bottom:-2px}.tab-btn:hover{color:#ffbd59;background:#ffbd590d}.tab-btn.active{color:#ffbd59;border-bottom-color:#ffbd59;background:#ffbd591a}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.content-header h2{font-size:24px;font-weight:700;color:#fff;margin:0;font-family:Montserrat,sans-serif}.add-user-btn{padding:10px 20px;background:linear-gradient(135deg,#0ecb81,#0ba368);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ecb8166}.users-table-container{background:#11225099;border-radius:12px;overflow:hidden;border:1px solid rgba(255,189,89,.2)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#2a1b5299}.users-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;border-bottom:1px solid rgba(255,189,89,.2)}.users-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.users-table tbody tr:hover{background:#ffbd590d}.users-table td{padding:16px;font-size:14px;color:#debc81e6;font-family:Noto Sans Display,sans-serif}.id-cell{color:#debc8180;font-weight:600}.name-cell{font-weight:600;color:#fff}.email-cell{color:#debc81b3;font-size:13px}.tier-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;font-family:Montserrat,sans-serif}.tier-badge.free{background:#ffffff1a;color:#debc81b3}.tier-badge.pro{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.tier-badge.premium{background:linear-gradient(135deg,#8a2be24d,#8a2be226);color:#9d7fea;border:1px solid rgba(138,43,226,.4)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;font-family:Montserrat,sans-serif}.status-badge.active{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.status-badge.inactive{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.4)}.date-cell{color:#debc8199;font-size:13px}.actions-cell{display:flex;gap:8px}.action-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;border:none}.action-btn.edit{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.action-btn.edit:hover{background:#ffbd594d}.action-btn.delete{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.action-btn.delete:hover{background:#f6465d4d}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.analytics-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px;transition:all .3s ease}.analytics-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffbd5933}.card-icon{font-size:48px}.card-content{flex:1}.card-label{font-size:13px;color:#debc81b3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.card-value{font-size:32px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#11225066;border:2px dashed rgba(255,189,89,.3);border-radius:12px}.placeholder-icon{font-size:72px;margin-bottom:16px;opacity:.3}.placeholder-text{font-size:16px;color:#debc8180;font-family:Montserrat,sans-serif}.system-info{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#debc81cc;font-weight:600;font-family:Montserrat,sans-serif}.info-value{font-size:14px;color:#fff;font-weight:600;font-family:Montserrat,sans-serif}.status-online{color:#0ecb81}.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px;text-align:center}.auth-required .auth-icon{font-size:80px;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.auth-required h2{font-size:28px;font-weight:700;color:#ffbd59;margin:0 0 16px;font-family:Montserrat,sans-serif}.auth-required p{font-size:16px;color:#debc81cc;margin:8px 0;font-family:Noto Sans Display,sans-serif;max-width:500px;line-height:1.6}.auth-required strong{color:#ffbd59;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@media(max-width:768px){.admin-page{padding:20px}.admin-header h1{font-size:24px}.admin-tabs,.users-table-container{overflow-x:auto}.users-table{min-width:800px}.analytics-grid{grid-template-columns:1fr}}.auth-container *,.auth-card *,.auth-form *{box-sizing:border-box}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:transparent}.auth-card{width:100%;max-width:420px;background:linear-gradient(135deg,#2a1b52e6,#112250e6);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:32px 28px;box-shadow:0 20px 60px #00000080;overflow:hidden}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:64px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.auth-header h1{font-size:28px;font-weight:700;color:#ffbd59;margin:0 0 8px;font-family:Montserrat,sans-serif}.auth-subtitle{font-size:14px;color:#debc81b3;margin:0;font-family:Noto Sans Display,sans-serif}.alert-error{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f6465d26;border:1px solid rgba(246,70,93,.4);border-radius:8px;color:#f6465d;font-size:13px;margin-bottom:20px;font-family:Noto Sans Display,sans-serif;animation:slideIn .3s ease;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{font-size:20px}.referral-badge{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:12px;margin-bottom:20px;animation:fadeInSlide .5s ease-out;box-shadow:0 4px 16px #9c061266;box-sizing:border-box}.referral-badge.validating{background:linear-gradient(135deg,#9c061280,#6b0f1a80);border-color:#ffbd5980}.referral-icon{display:flex;align-items:center;justify-content:center;color:#ffbd59;animation:pulse 2s infinite}.referral-badge.validating .referral-icon{animation:spin 1s linear infinite}.referral-text{flex:1;display:flex;flex-direction:column;gap:4px}.referral-label{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:Montserrat,sans-serif}.referral-code{font-size:18px;font-weight:700;color:#ffbd59;font-family:Courier New,monospace;letter-spacing:1px}.referral-check{display:flex;align-items:center;justify-content:center;color:#0f8}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#debc81e6;font-family:Montserrat,sans-serif}.auth-input{width:100%;padding:12px 14px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;font-family:Noto Sans Display,sans-serif;transition:all .3s ease;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 3px #ffbd5926;background:#112250cc}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input::placeholder{color:#debc8166}.form-hint{font-size:12px;color:#debc8199;font-family:Noto Sans Display,sans-serif}.auth-submit-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#ffbd59,#debc81);color:#112250;border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffbd594d;margin-top:6px;box-sizing:border-box}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5980}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,189,89,.15);text-align:center}.auth-footer p{font-size:14px;color:#debc81b3;margin:0;font-family:Noto Sans Display,sans-serif}.auth-link{color:#ffbd59;font-weight:600;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:#debc81;text-decoration:underline}@media(max-width:768px){.auth-container{padding:16px}.auth-card{padding:24px 20px;max-width:100%}.auth-logo{font-size:48px}.auth-header h1{font-size:22px}}.risk-calculator{min-height:100vh;background:linear-gradient(180deg,#0a1628,#0f1b35,#1a2847);padding:80px 24px}.calculator-container{max-width:900px;margin:0 auto}.calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.calculator-header h2{color:#ffbd59;font-size:32px;font-weight:900;margin:0}.tier-badge{background:#ffbd5933;color:#ffbd59;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid rgba(255,189,89,.3)}.calculator-form{background:linear-gradient(135deg,#112250f2,#1a2847f2);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:32px;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;color:#debc81;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.form-group input{width:100%;background:#0f1b35cc;border:1px solid rgba(255,189,89,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 4px #ffbd591a}.form-hint{display:block;color:#ffffff80;font-size:12px;margin-top:4px;font-style:italic}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.position-type-selector{display:flex;gap:12px}.type-btn{flex:1;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff9}.type-btn:hover{background:#ffffff1a;border-color:#fff3}.type-btn.active.long{background:#4caf5033;border-color:#4caf50;color:#4caf50}.type-btn.active.short{background:#f4433633;border-color:#f44336;color:#f44336}.form-actions{display:flex;gap:12px;margin-top:32px}.btn-calculate,.btn-save{flex:1;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.btn-calculate{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5966}.btn-save{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.calculation-results{background:linear-gradient(135deg,#112250f2,#1a2847f2);border:2px solid rgba(255,189,89,.4);border-radius:16px;padding:32px;margin-bottom:32px;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.calculation-results h3{color:#ffbd59;font-size:24px;font-weight:800;margin:0 0 24px;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.result-card{background:#0f1b3599;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.result-card:hover{transform:translateY(-4px);border-color:#ffbd5966;box-shadow:0 8px 20px #0000004d}.result-card.primary{border:2px solid #FFBD59;background:#ffbd591a}.result-card.highlight{border:2px solid #9C27B0;background:#9c27b01a}.result-card.positive{border-color:#4caf5066}.result-label{color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.result-value{color:#fff;font-size:28px;font-weight:900;margin-bottom:4px}.result-value.negative{color:#f44336}.result-value.positive{color:#4caf50}.result-unit{color:#ffffff80;font-size:13px;font-weight:600}.result-percent{color:#ffffff80;font-size:12px;margin-top:4px}.results-summary{background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:20px}.results-summary p{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0}.results-summary strong{color:#ffbd59;font-weight:700}.upgrade-prompt{background:#ff98001a;border:2px solid rgba(255,152,0,.4);border-radius:16px;padding:32px;text-align:center}.upgrade-prompt p{color:#ffffffe6;font-size:18px;margin:0 0 20px}.upgrade-prompt strong{color:#ffbd59;font-weight:800}.btn-upgrade{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 48px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ffbd5980}.notification-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.notification-modal{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.4);border-radius:24px;padding:40px;max-width:480px;width:90%;text-align:center;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-modal.success{border-color:#4caf5066}.notification-modal.error{border-color:#f4433666}.notification-modal.warning{border-color:#ff980066}.modal-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.modal-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.notification-icon{font-size:64px;margin-bottom:20px;animation:iconPop .5s ease}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-message{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0 0 32px;white-space:pre-line}.notification-ok-btn{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;width:100%}.notification-ok-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.saved-calculations{margin-top:32px;padding-top:32px;border-top:2px solid rgba(100,149,237,.2)}.saved-header{margin-bottom:20px}.saved-header h3{font-size:20px;font-weight:700;color:#6495ed;margin:0 0 8px}.saved-header small{font-size:13px;color:#8b9dc3}.saved-list{display:flex;flex-direction:column;gap:16px}.saved-item{background:#ffffff08;border:1px solid rgba(100,149,237,.2);border-radius:12px;padding:16px;transition:all .3s ease}.saved-item:hover{background:#ffffff0d;border-color:#6495ed66;transform:translate(4px)}.saved-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.position-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.position-badge.long{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.position-badge.short{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.saved-date{font-size:12px;color:#8b9dc3}.saved-item-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border-radius:8px}.detail-label{font-size:12px;color:#8b9dc3;font-weight:500}.detail-value{font-size:13px;font-weight:700;color:#e0e7ff}.detail-value.highlight{color:gold;font-size:14px}.detail-value.positive{color:#4caf50}.saved-item-actions{display:flex;gap:10px}.btn-load,.btn-delete{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-load{background:linear-gradient(135deg,#6495ed,#4169e1);color:#fff}.btn-load:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6495ed66}.btn-delete{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.btn-delete:hover{background:#f4433633;transform:translateY(-2px);box-shadow:0 6px 20px #f443364d}@media(max-width:768px){.risk-calculator{padding:40px 16px}.saved-item-details{grid-template-columns:1fr}.saved-item-actions{flex-direction:column}.btn-load,.btn-delete{width:100%}.calculator-header{flex-direction:column;align-items:flex-start;gap:16px}.calculator-header h2{font-size:24px}.calculator-form{padding:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.results-grid{grid-template-columns:1fr}.result-value{font-size:24px}.tps-grid{grid-template-columns:1fr}.tp-card{padding:16px}}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px;background:#667eea1a;border-radius:8px;transition:all .3s ease}.toggle-label:hover{background:#667eea33}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.toggle-label span{color:#fff;font-size:14px;font-weight:600}.zone-sl-toggle{margin-bottom:12px}.zone-sl-preview{margin-top:12px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:13px;font-weight:600}.multiple-tps-section{margin-top:32px;padding:24px;background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:12px}.multiple-tps-section h4{color:#667eea;font-size:20px;font-weight:700;margin:0 0 20px}.tps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.tp-card{background:linear-gradient(135deg,#112250cc,#1a2847cc);border:2px solid;border-radius:12px;padding:20px;transition:all .3s ease}.tp-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.tp-card.tp1{border-color:#10b981}.tp-card.tp2{border-color:#3b82f6}.tp-card.tp3{border-color:#8b5cf6}.tp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tp-label{font-size:14px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px}.tp-rr{font-size:16px;font-weight:700;padding:4px 8px;border-radius:6px;background:#ffffff1a}.tp1 .tp-rr{color:#10b981}.tp2 .tp-rr{color:#3b82f6}.tp3 .tp-rr{color:#8b5cf6}.tp-price{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.tp-allocation{font-size:13px;color:#aaa;margin-bottom:8px}.tp-profit{font-size:16px;font-weight:700;margin-bottom:4px}.tp1 .tp-profit{color:#10b981}.tp2 .tp-profit{color:#3b82f6}.tp3 .tp-profit{color:#8b5cf6}.tp-percent{font-size:12px;color:#888}.multiple-tps-summary{padding:20px;background:#0000004d;border-radius:10px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-label{font-size:14px;color:#aaa;font-weight:500}.summary-value{font-size:18px;font-weight:700;color:#fff}.summary-value.profit{color:#10b981;font-size:22px}.trading-plan{padding:20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px}.trading-plan h5{color:#667eea;font-size:16px;font-weight:700;margin:0 0 16px}.trading-plan ol{margin:0;padding-left:24px;color:#fff}.trading-plan li{margin-bottom:12px;line-height:1.6;font-size:14px}.trading-plan li:last-child{margin-bottom:0}.trading-plan strong{color:#667eea}.price-display{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,Segoe UI,sans-serif}.price-small{font-size:14px}.price-small .price-short{font-weight:600;color:#667eea}.price-medium{font-size:18px;flex-direction:row;gap:8px}.price-medium .price-short{font-weight:700;color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-medium .price-monthly-inline{font-size:14px;color:#888;font-weight:400}.price-large{gap:8px}.price-large .price-main{margin-bottom:4px}.price-large .price-short{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.price-large .price-details{margin-bottom:4px}.price-large .price-full{font-size:14px;color:#aaa;font-weight:400}.price-large .price-monthly{padding:6px 12px;background:#667eea1a;border-radius:6px;border:1px solid rgba(102,126,234,.3)}.price-large .monthly-label{font-size:13px;color:#667eea;font-weight:500}@media(max-width:768px){.price-large .price-short{font-size:28px}.price-medium .price-short{font-size:16px}.price-small .price-short{font-size:13px}}.upgrade-prompt-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.upgrade-prompt{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;max-width:700px;width:100%;box-shadow:0 20px 60px #667eea4d;border:1px solid rgba(102,126,234,.2);animation:slideIn .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lock-icon{font-size:64px;text-align:center;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(102,126,234,.4))}.upgrade-title{font-size:32px;font-weight:800;text-align:center;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-subtitle{text-align:center;color:#aaa;font-size:16px;margin:0 0 30px}.tier-comparison{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tier-current,.tier-required{display:flex;flex-direction:column;align-items:center;gap:8px}.tier-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.tier-value{font-size:16px;font-weight:700;padding:8px 16px;border-radius:8px}.tier-value.current{background:#ffffff1a;color:#ccc}.tier-value.required{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tier-arrow{font-size:24px;color:#667eea}.price-box{text-align:center;margin:30px 0;padding:30px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;border:2px solid rgba(102,126,234,.3)}.price-subtitle{margin-top:12px;font-size:14px;color:#aaa;font-weight:500}.features-section{margin:30px 0}.features-heading{font-size:18px;font-weight:700;color:#fff;margin:0 0 20px;text-align:center}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-item:hover{background:#ffffff0d;border-color:#667eea4d;transform:translate(4px)}.feature-icon{font-size:24px;flex-shrink:0}.feature-content{flex:1}.feature-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.feature-description{font-size:13px;color:#aaa;line-height:1.5}.upgrade-actions{display:flex;flex-direction:column;gap:12px;margin:30px 0 20px}.btn-upgrade-primary{width:100%;padding:16px 32px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66}.btn-upgrade-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea99}.btn-upgrade-primary:active{transform:translateY(0)}.btn-upgrade-secondary{width:100%;padding:12px 24px;font-size:15px;font-weight:600;background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-upgrade-secondary:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.guarantee-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;margin-top:20px}.guarantee-icon{font-size:16px}.guarantee-text{font-size:13px;color:#10b981;font-weight:600}@media(max-width:768px){.upgrade-prompt{padding:24px;max-height:95vh}.lock-icon{font-size:48px}.upgrade-title{font-size:24px}.upgrade-subtitle{font-size:14px}.tier-comparison{flex-direction:column;gap:12px}.tier-arrow{transform:rotate(90deg)}.price-box{padding:20px}.feature-item{padding:12px}.feature-icon{font-size:20px}.feature-title{font-size:14px}.feature-description{font-size:12px}.btn-upgrade-primary{font-size:16px;padding:14px 24px}}.upgrade-prompt::-webkit-scrollbar{width:8px}.upgrade-prompt::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.upgrade-prompt::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.upgrade-prompt::-webkit-scrollbar-thumb:hover{background:#667eeab3}.tier-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;gap:20px}.tier-guard-loading p{color:#aaa;font-size:16px;margin:0}.loading-spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.tier-guard-loading{min-height:300px;padding:24px}.tier-guard-loading p{font-size:14px}.loading-spinner{width:40px;height:40px;border-width:3px}.tier-guard-error{min-height:300px;padding:24px}.tier-guard-error .error-icon{font-size:48px}.tier-guard-error .error-message{font-size:16px}.tier-guard-error .btn-retry{font-size:14px;padding:10px 20px}}.tier-guard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;background:linear-gradient(135deg,#2e1a1a,#3e1616);border-radius:20px;gap:20px;text-align:center}.tier-guard-error .error-icon{font-size:64px;opacity:.8}.tier-guard-error .error-message{color:#ef4444;font-size:18px;margin:0;max-width:500px}.tier-guard-error .btn-retry{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;margin-top:16px}.tier-guard-error .btn-retry:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.tier-guard-error .btn-retry:active{transform:translateY(0)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:200px}.spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--brand-gold);border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.spinner-ring:nth-child(2){width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:#ffbd5980;animation-delay:-.5s}.spinner-ring:nth-child(3){width:50%;height:50%;top:25%;left:25%;border-top-color:#ffbd5940;animation-delay:-1s}.loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.loading-spinner.sm .spinner{width:30px;height:30px}.loading-spinner.sm{min-height:100px}.loading-spinner.lg .spinner{width:80px;height:80px}.loading-spinner.lg{min-height:300px}.loading-spinner.inline{display:inline-flex;flex-direction:row;min-height:auto;gap:var(--space-sm)}.loading-spinner.inline .spinner{width:20px;height:20px}.loading-spinner.inline .loading-text{font-size:var(--text-xs)}.error-message{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);min-height:100px}.error-icon{font-size:32px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(239,68,68,.3))}.error-content{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.error-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--accent-red);margin:0}.error-text{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.error-retry-btn{margin-top:var(--space-xs);align-self:flex-start}.error-message.inline{padding:var(--space-sm) var(--space-md);min-height:auto;flex-direction:row;align-items:center}.error-message.inline .error-icon{font-size:20px}.error-message.inline .error-title,.error-message.inline .error-text{font-size:var(--text-sm)}.error-message.minimal{background:transparent;border:none;padding:var(--space-md) 0}.error-message.minimal .error-icon{font-size:24px}.trading-mode-toggle-container{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none}.trading-mode-label{font-size:.875rem;font-weight:500;color:#fff9;transition:color .3s ease}.trading-mode-label .mode-text.active{color:#fff;font-weight:600}.trading-mode-toggle{position:relative;cursor:pointer;transition:all .3s ease}.trading-mode-toggle:hover{transform:scale(1.05)}.trading-mode-toggle:focus{outline:2px solid rgba(255,255,255,.3);outline-offset:4px;border-radius:50px}.toggle-track{position:relative;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-thumb{position:absolute;top:4px;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 12px #ffd70066,0 2px 4px #0003;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.thumb-icon{font-size:1.2em;line-height:1}.toggle-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 1em;font-size:.7em;font-weight:700;letter-spacing:.5px;z-index:1}.label-real,.label-paper{transition:all .3s ease;opacity:.5}.trading-mode-toggle.small .toggle-track{width:80px;height:32px}.trading-mode-toggle.small .toggle-thumb{width:24px;height:24px;left:4px}.trading-mode-toggle.small .toggle-labels{font-size:.6em;padding:0 .8em}.trading-mode-toggle.medium .toggle-track{width:100px;height:40px}.trading-mode-toggle.medium .toggle-thumb{width:32px;height:32px;left:4px}.trading-mode-toggle.medium .toggle-labels{font-size:.7em;padding:0 1em}.trading-mode-toggle.large .toggle-track{width:120px;height:50px}.trading-mode-toggle.large .toggle-thumb{width:42px;height:42px;left:4px}.trading-mode-toggle.large .toggle-labels{font-size:.8em;padding:0 1.2em}.trading-mode-toggle.real .toggle-track{border-color:#ffd70066;background:linear-gradient(135deg,#ffd70026,#ffa5001a)}.trading-mode-toggle.real .toggle-thumb{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd70080,0 2px 4px #0003}.trading-mode-toggle.real .label-real{opacity:1;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.trading-mode-toggle.paper .toggle-track{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f626,#2563eb1a)}.trading-mode-toggle.paper .toggle-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f680,0 2px 4px #0003}.trading-mode-toggle.paper .label-paper{opacity:1;color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.5)}.trading-mode-toggle.small.paper .toggle-thumb{transform:translate(48px)}.trading-mode-toggle.medium.paper .toggle-thumb{transform:translate(60px)}.trading-mode-toggle.large.paper .toggle-thumb{transform:translate(70px)}.mode-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.mode-badge.real{background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid rgba(255,215,0,.3);color:gold;box-shadow:0 2px 8px #ffd70033}.mode-badge.paper{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.3);color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.badge-icon{font-size:1.2em;line-height:1}.badge-text{font-weight:700}@keyframes glow-real{0%,to{box-shadow:0 4px 12px #ffd70080,0 2px 4px #0003}50%{box-shadow:0 4px 20px #ffd700b3,0 2px 6px #0000004d}}@keyframes glow-paper{0%,to{box-shadow:0 4px 12px #3b82f680,0 2px 4px #0003}50%{box-shadow:0 4px 20px #3b82f6b3,0 2px 6px #0000004d}}.trading-mode-toggle.real .toggle-thumb{animation:glow-real 2s ease-in-out infinite}.trading-mode-toggle.paper .toggle-thumb{animation:glow-paper 2s ease-in-out infinite}@media(max-width:768px){.trading-mode-toggle-container{gap:.75rem}.trading-mode-label{font-size:.75rem}.mode-badge{padding:.4rem .8rem;font-size:.75rem}}@media(max-width:480px){.trading-mode-label{display:none}.mode-badge{padding:.3rem .6rem;font-size:.7rem}}.card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.card-md{padding:var(--space-lg);border-radius:var(--radius-lg)}.card-lg{padding:var(--space-2xl);border-radius:var(--radius-xl)}.card-default{background:#1e2a5e66;border:1px solid rgba(255,255,255,.12)}.card-glass{background:#1e2a5e40;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.card-stat{background:linear-gradient(180deg,#4a1a4f59,#6b0f1a40);border:1px solid rgba(255,189,89,.22);box-shadow:0 0 18px #ffbd592e}.card-gradient{background:linear-gradient(135deg,#9c06124d,#1e2a5e4d);border:1px solid var(--brand-gold);box-shadow:0 0 30px #ffbd5933}.card-compact{padding:var(--space-sm);border-radius:var(--radius-sm)}.card-hoverable:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:var(--shadow-lg)}.card-stat.card-hoverable:hover{box-shadow:0 0 30px #ffbd594d}.card-clickable{cursor:pointer}.card-clickable:active{transform:scale(.98)}.card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.card-body{flex:1}.card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.card{padding:var(--space-md)}.card-lg{padding:var(--space-lg)}}.equity-chart-card{min-height:400px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.chart-title-section{display:flex;flex-direction:column;gap:var(--space-xs)}.chart-stats{display:flex;align-items:baseline;gap:var(--space-md)}.stat-current{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--text-primary)}.stat-change{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.timeframe-selector{display:flex;gap:var(--space-xs)}.timeframe-btn{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.timeframe-btn:hover{background:#ffffff14}.timeframe-btn.active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--bg-base)}.chart-container{height:300px}.equity-tooltip{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:0 8px 32px #00000080}.tooltip-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.tooltip-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-xs)}.tooltip-change{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.tooltip-change.positive{color:var(--accent-green)}.tooltip-change.negative{color:var(--accent-red)}@media(max-width:768px){.chart-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.stat-current{font-size:var(--text-xl)}.timeframe-selector{width:100%;justify-content:space-between}}.overview-dashboard{display:flex;flex-direction:column;gap:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stat-icon{font-size:48px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 12px rgba(255,189,89,.3))}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-change{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted)}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.stat-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--space-xs)}.stat-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.detail-label{color:var(--text-muted);font-weight:var(--font-medium)}.detail-value{color:var(--text-secondary);font-weight:var(--font-semibold)}.detail-value.positive{color:var(--accent-green)}.detail-value.negative{color:var(--accent-red)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-2xl)}}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:6px 12px;border-radius:6px;border:1px solid;transition:all var(--transition-base)}.badge-sm{padding:4px 8px;font-size:10px;gap:4px}.badge-md{padding:6px 12px;font-size:12px;gap:6px}.badge-lg{padding:8px 16px;font-size:14px;gap:8px}.badge-gold{background:#ffbd591f;border-color:#ffbd5959;color:var(--brand-gold);box-shadow:0 0 20px #ffbd5933}.badge-cyan{background:#00d9ff1a;border-color:#00d9ff4d;color:var(--brand-cyan)}.badge-purple{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--brand-purple)}.badge-green{background:#00ff881a;border-color:#00ff884d;color:var(--accent-green)}.badge-red{background:#ff47571a;border-color:#ff47574d;color:var(--accent-red)}.badge-orange{background:#ff9f431a;border-color:#ff9f434d;color:var(--accent-orange)}.badge-gray{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-muted)}.badge-pill{border-radius:50px}.badge-dot{padding-left:8px}.badge-dot-indicator{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.badge-sm .badge-dot-indicator{width:4px;height:4px}.badge-lg .badge-dot-indicator{width:8px;height:8px}.badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1em}.badge:hover{transform:scale(1.05);filter:brightness(1.1)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.input-wrapper-full{width:100%}.input-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);padding:14px 20px;background:#1e2a5e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000001a;transition:all var(--transition-base)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px rgba(30,42,94,.3) inset;transition:background-color 5000s ease-in-out 0s}.input::placeholder{color:#fff6}.input:focus{outline:none;border-color:var(--brand-cyan);background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.input:disabled{opacity:.5;cursor:not-allowed;background:#1e2a5e33}.input-sm{padding:10px 16px;font-size:var(--text-sm)}.input-md{padding:14px 20px;font-size:var(--text-base)}.input-lg{padding:18px 24px;font-size:var(--text-lg)}.input-error{border-color:var(--accent-red);background:#ff47570d}.input-error:focus{border-color:var(--accent-red);box-shadow:0 0 20px #ff47574d}.input-success{border-color:var(--accent-green);background:#00ff880d}.input-success:focus{border-color:var(--accent-green);box-shadow:0 0 20px #00ff884d}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;font-size:var(--text-lg)}.input-icon-left{left:16px}.input-icon-right{right:16px}.input-with-left-icon{padding-left:48px}.input-with-right-icon{padding-right:48px}.input-helper{font-size:var(--text-xs);color:var(--text-muted);padding-left:var(--space-xs)}.input-helper-error{color:var(--accent-red)}@media(max-width:768px){.input{padding:12px 16px;font-size:var(--text-sm)}.input-lg{padding:14px 20px;font-size:var(--text-base)}}.add-position-modal{max-width:600px;width:90vw}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0;font-style:italic}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:var(--space-md)}.add-position-modal{max-width:95vw}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(135deg,#141423f2,#1e1e32f2);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.close-button{background:none;border:none;color:var(--text-secondary);font-size:32px;cursor:pointer;padding:0;line-height:1;transition:all var(--transition-base);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:var(--space-md)}.modal-footer{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.close-position-modal{max-width:500px;width:90vw}.position-summary{padding:var(--space-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;font-size:var(--text-sm)}.summary-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.summary-label{color:var(--text-muted);font-weight:var(--font-medium)}.summary-value{color:var(--text-primary);font-weight:var(--font-semibold)}.form-field{margin-bottom:var(--space-lg)}.field-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs)}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs);font-style:italic}.pnl-preview{padding:var(--space-md);background:#ffbd590d;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.preview-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--brand-gold);margin:0 0 var(--space-md) 0}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.preview-item{display:flex;flex-direction:column;gap:var(--space-xs)}.preview-item.result-badge{grid-column:1 / -1;align-items:center;margin-top:var(--space-sm)}.preview-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.preview-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-bold)}.preview-value.positive{color:var(--accent-green)}.preview-value.negative{color:var(--accent-red)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.badge.win{background:#22c55e33;color:var(--accent-green);border:1px solid var(--accent-green)}.badge.loss{background:#ef444433;color:var(--accent-red);border:1px solid var(--accent-red)}.error-message{padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-red);font-size:var(--text-sm);margin-bottom:var(--space-lg)}@media(max-width:768px){.close-position-modal{max-width:95vw}.preview-grid{grid-template-columns:1fr}.preview-item.result-badge{grid-column:1}}.open-positions-table{display:flex;flex-direction:column;gap:var(--space-lg)}.table-header{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:var(--space-sm);align-items:center}.pnl-cell{display:flex;flex-direction:column;gap:2px}.pnl-amount{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-bold)}.pnl-percent{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.8}.pnl-cell.positive .pnl-amount,.pnl-cell.positive .pnl-percent{color:var(--accent-green)}.pnl-cell.negative .pnl-amount,.pnl-cell.negative .pnl-percent{color:var(--accent-red)}.action-buttons{display:flex;gap:var(--space-xs)}@media(max-width:768px){.data-table{font-size:var(--text-xs)}.action-buttons{flex-direction:column}}.trade-history{display:flex;flex-direction:column;gap:var(--space-lg)}.filters-bar{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-end}.filters-bar>*:not(.filter-actions){flex:1;min-width:150px}.filter-actions{display:flex;gap:var(--space-sm)}.rr-cell{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md)}.empty-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.empty-message p:first-child{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.empty-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0}.pagination{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.08)}.pagination-info{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.pagination-controls{display:flex;align-items:center;gap:var(--space-md)}.page-numbers{display:flex;gap:var(--space-xs);align-items:center}.page-btn{min-width:32px;height:32px;padding:0 var(--space-xs);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.page-btn:hover{background:#ffffff14;border-color:var(--brand-gold);color:var(--brand-gold)}.page-btn.active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--bg-base)}.pagination-ellipsis{color:var(--text-muted);padding:0 var(--space-xs)}@media(max-width:768px){.filters-bar{flex-direction:column}.filters-bar>*:not(.filter-actions){width:100%}.filter-actions{width:100%;justify-content:space-between}.pagination-controls{flex-wrap:wrap;justify-content:center}.page-numbers{order:-1;width:100%;justify-content:center;margin-bottom:var(--space-sm)}}.trading-journal{display:grid;grid-template-columns:300px 1fr;gap:var(--space-xl);min-height:600px}.journal-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.entry-list{display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;max-height:600px}.entry-card{cursor:pointer;transition:all var(--transition-base);padding:var(--space-md)}.entry-card:hover{transform:translate(4px)}.entry-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.entry-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:var(--text-xs);padding:2px 8px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-sm);color:var(--brand-gold)}.journal-editor{display:flex;flex-direction:column;gap:var(--space-lg)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.editor-actions{display:flex;gap:var(--space-sm)}.editor-form{display:flex;flex-direction:column;gap:var(--space-md)}.editor-field{display:flex;flex-direction:column;gap:var(--space-xs)}.editor-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.simple-editor{width:100%;padding:var(--space-md);background:#ffffff05;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-base);font-size:var(--text-base);line-height:1.6;resize:vertical;min-height:200px;transition:border-color var(--transition-base)}.simple-editor:focus{outline:none;border-color:var(--brand-gold);background:#ffffff08}.simple-editor::placeholder{color:var(--text-muted)}.editor-note{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.quill-editor{border-radius:var(--radius-md);overflow:hidden}.quill-editor .ql-toolbar{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}.quill-editor .ql-toolbar button,.quill-editor .ql-toolbar .ql-picker-label{color:var(--text-secondary)}.quill-editor .ql-toolbar button:hover,.quill-editor .ql-toolbar .ql-picker-label:hover,.quill-editor .ql-toolbar button.ql-active,.quill-editor .ql-toolbar .ql-picker-label.ql-active{color:var(--brand-gold)}.quill-editor .ql-stroke{stroke:currentColor}.quill-editor .ql-fill{fill:currentColor}.quill-editor .ql-container{background:#ffffff05;border:1px solid rgba(255,255,255,.12);min-height:300px;font-family:var(--font-base);font-size:var(--text-base);line-height:1.6}.quill-editor .ql-editor{color:var(--text-primary);padding:var(--space-md)}.quill-editor .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.quill-editor .ql-editor a{color:var(--brand-gold)}.quill-editor .ql-editor strong{color:var(--text-primary);font-weight:var(--font-bold)}.quill-editor .ql-editor em{color:var(--text-secondary)}.ql-picker-options{background:#000000f2;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-md)}.ql-picker-options .ql-picker-item{color:var(--text-primary)}.ql-picker-options .ql-picker-item:hover{color:var(--brand-gold);background:#ffbd591a}.auto-save-indicator{padding:var(--space-sm);text-align:center}.empty-journal{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted)}.empty-hint{font-size:var(--text-xs);margin-top:var(--space-xs)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:400px;text-align:center;color:var(--text-secondary)}.error-state p{color:var(--accent-red)}@media(max-width:1024px){.trading-journal{grid-template-columns:1fr}.journal-sidebar{max-height:300px}}.portfolio-page-v2{min-height:calc(100vh - 80px);padding:var(--space-xl)}.portfolio-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.mode-info{display:flex;align-items:center;gap:1.5rem}.mode-info h1{margin:0;font-size:1.75rem;color:#fff;font-weight:700}.mode-badge-large{padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.mode-badge-large.real{background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid rgba(255,215,0,.3);color:gold;box-shadow:0 2px 8px #ffd70033}.mode-badge-large.paper{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.3);color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.portfolio-tabs{margin-top:var(--space-2xl)}.tab-content{margin-top:var(--space-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-xl);min-height:600px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--brand-gold);color:var(--bg-base);font-size:11px;font-weight:800;border-radius:var(--radius-full);margin-left:var(--space-xs)}.price-update-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);transition:all var(--transition-base)}.status-dot.polling{background:var(--brand-gold);animation:pulse 2s ease-in-out infinite}.status-dot.idle{background:#ffffff4d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.update-text{font-size:var(--text-xs);color:var(--text-secondary)}.refresh-btn-inline{background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-base)}.refresh-btn-inline:hover:not(:disabled){background:#ffbd591a;border-color:var(--brand-gold);transform:rotate(180deg)}.refresh-btn-inline:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.portfolio-page-v2,.tab-content{padding:var(--space-md)}}.hero-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--glow-blue-dark: rgba(30, 64, 175, .3);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.hero-section{position:relative;min-height:100vh;padding:6rem 2rem;overflow:hidden}.hero-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.glow-particle{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:1;animation:float 20s ease-in-out infinite}.glow-1{width:300px;height:300px;background:var(--glow-blue-bright);top:10%;left:5%}.glow-2{width:200px;height:200px;background:var(--glow-blue-medium);top:60%;right:10%;animation-delay:2s}.glow-3{width:250px;height:250px;background:var(--glow-blue-dark);bottom:20%;left:50%;animation-delay:4s}.hero-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.opening-story{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out}.eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.1;margin-bottom:2rem;display:block;background:linear-gradient(135deg,#FFF 0%,var(--brand-gold-light) 50%,var(--brand-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.4))}.hero-title .highlight{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.hero-description{font-size:clamp(1.3rem,2.5vw,1.7rem);color:var(--brand-gold-light);max-width:700px;margin:0 auto;line-height:1.8;font-family:var(--font-body)}.hero-description strong{color:var(--brand-gold);font-weight:700}.pain-points-section{max-width:900px;margin:0 auto 5rem}.section-intro{text-align:center;color:var(--brand-gold);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin-bottom:2rem;font-family:var(--font-display)}.before-after-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.pain-point,.after-point{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;margin-bottom:1rem;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.pain-point:hover,.after-point:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.pain-point .emoji,.after-point .emoji{font-size:1.5rem;margin-bottom:.5rem}.pain-point .title{color:#fca5a5;font-weight:600;margin-bottom:.5rem;font-size:1.1rem;font-family:var(--font-display)}.after-point .title{color:var(--brand-gold);font-weight:700;margin-bottom:.5rem;font-size:1.1rem;font-family:var(--font-display)}.pain-point .desc,.after-point .desc{font-size:1.05rem;line-height:1.6;font-family:var(--font-body);color:#d1d5db}.transformation-arrow{font-size:3rem;color:var(--brand-gold);animation:float 3s ease-in-out infinite}.secret-section{max-width:900px;margin:0 auto 5rem;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.secret-section:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.secret-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.secret-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.secret-description{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--brand-gold-light);line-height:1.8;margin-bottom:2rem;font-family:var(--font-body)}.secret-description strong{color:var(--brand-gold);font-weight:700}.secret-quote{background:#0000004d;border-left:4px solid var(--brand-gold);padding:1.5rem 2rem;margin:2rem 0;border-radius:8px}.secret-quote-text{font-size:clamp(1.1rem,2vw,1.3rem);color:#fff;font-style:italic;line-height:1.7;font-family:var(--font-body)}.energy-section{max-width:900px;margin:0 auto 5rem}.energy-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:2.5rem}.energy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.energy-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.energy-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.energy-item .icon{font-size:2.5rem;margin-bottom:.75rem}.energy-item .name{color:var(--brand-gold);font-weight:700;margin-bottom:.5rem;font-size:1.1rem;font-family:var(--font-display)}.energy-item .desc{color:#d1d5db;font-size:.95rem;line-height:1.5;font-family:var(--font-body)}.real-story-section{max-width:900px;margin:0 auto 5rem}.story-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--brand-gold);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.story-card:hover{transform:translateY(-4px);border-color:#ffbd594d;box-shadow:0 12px 48px #0006}.story-header{display:flex;gap:1.5rem;align-items:start;margin-bottom:1.5rem}.story-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid var(--brand-gold);color:#fff;font-family:var(--font-display)}.story-meta .name{color:#fff;font-weight:700;font-size:1.2rem;font-family:var(--font-display)}.story-content{color:#d1d5db;font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-size:1.15rem;font-family:var(--font-body)}.story-content strong{color:var(--brand-gold);font-weight:700}.story-footer{display:flex;gap:1rem;font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.cta-section{text-align:center;margin-top:4rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf626,#a855f71f,#c084fc14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(168,85,247,.3);border-radius:24px;padding:48px 40px;box-shadow:0 8px 32px #00000080,0 0 40px #8b5cf633;animation:slideUp .8s ease-out,glow 3s ease-in-out infinite;transition:all .3s ease}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;animation:pulse 4s ease-in-out infinite;pointer-events:none;z-index:0}.cta-section:hover{transform:translateY(-8px);border-color:#a855f780;box-shadow:0 16px 64px #0009,0 0 80px #8b5cf666}.cta-section:hover:before{opacity:1}.cta-text{color:#f9fafb;font-size:clamp(1.3rem,2.5vw,1.7rem);margin-bottom:2rem;line-height:1.6;font-family:var(--font-body);position:relative;z-index:1}.cta-text strong{background:linear-gradient(135deg,#ffbd59,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.cta-button{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);color:#fff;font-weight:800;font-size:clamp(1.1rem,2.5vw,1.3rem);padding:1.2rem 3rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);box-shadow:0 8px 24px #9c061266;position:relative;z-index:1;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.cta-button:hover:before{opacity:1}@media(min-width:1920px){.hero-container{max-width:1600px}}@media(max-width:1024px){.hero-container{padding:0 2rem}}@media(max-width:768px){.hero-section{padding:3rem 1rem}.hero-container{padding:0 1.5rem}.before-after-grid{grid-template-columns:1fr;gap:1rem}.transformation-arrow{transform:rotate(90deg);font-size:2rem;margin:.5rem 0}.energy-grid{grid-template-columns:repeat(2,1fr)}.secret-section,.story-card{padding:2rem 1.5rem}.cta-button{width:100%;justify-content:center}}@media(max-width:480px){.hero-container{padding:0 1rem}}.cta-section,.hero-section .cta-section,div.cta-section{background:linear-gradient(135deg,#8b5cf626,#a855f71f,#c084fc14)!important}.quiz-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--glow-blue-dark: rgba(30, 64, 175, .3);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.quiz-section{position:relative;padding:6rem 2rem;overflow:hidden}.quiz-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.quiz-header{text-align:center;margin-bottom:3rem;animation:slideUp .8s ease-out}.quiz-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.quiz-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.quiz-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.quiz-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);font-family:var(--font-body)}.progress-container{margin-bottom:3rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-burgundy),var(--brand-gold));border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 20px #ffbd5999}.progress-text{text-align:center;color:var(--brand-gold-light);font-size:1rem;font-weight:600;font-family:var(--font-display)}.question-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:2.5rem;box-shadow:0 8px 32px #00000059;animation:slideUp .5s ease-out;transition:all .3s ease}.question-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.question-text{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700;color:#fff;margin-bottom:2.5rem;text-align:center;line-height:1.4}.options-grid{display:grid;gap:1.25rem}.answer-option{position:relative;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 32px #00000059}.answer-option:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.answer-option.selected{border-color:var(--brand-gold);background:#ffbd5926;box-shadow:0 8px 24px #ffbd5966}.option-emoji{font-size:2rem;flex-shrink:0}.option-text{flex:1;font-size:1.1rem;color:#fff;font-weight:500;font-family:var(--font-body)}.selected-indicator{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy);font-weight:900;font-size:1.2rem;animation:scaleIn .3s ease}.quiz-nav{display:flex;gap:1.5rem;justify-content:space-between;align-items:center}.btn-back,.btn-next{padding:1rem 2rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;border:none}.btn-back{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-back:hover{background:#ffffff26;transform:translate(-5px)}.btn-next{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 8px 24px #9c061266;flex:1;justify-content:center}.btn-next:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.btn-next:disabled{opacity:.5;cursor:not-allowed}.result-card{background:linear-gradient(135deg,#22d3ee80,#06b6d4b3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,211,238,.25);border-radius:20px;padding:48px 40px;box-shadow:0 8px 32px #00000080;animation:slideUp .8s ease-out;transition:all .3s ease}.result-card:hover{border-color:#22d3ee66;transform:translateY(-4px);box-shadow:0 12px 48px #0009,0 0 60px #22d3ee33}.result-header{text-align:center;margin-bottom:3rem}.result-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.result-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.result-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);line-height:1.7;font-family:var(--font-body)}.result-body{margin-bottom:2.5rem}.result-recommendation{font-size:1.2rem;color:var(--brand-gold);font-weight:700;margin-bottom:2rem;font-family:var(--font-display)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.product-recommendation-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000059}.product-recommendation-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.product-image-container{width:100%;height:180px;background:linear-gradient(135deg,#9c06124d,#ffbd5933);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--glass-border)}.product-image-placeholder{color:var(--brand-gold);opacity:.6}.product-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.product-card-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;line-height:1.3}.product-card-price{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--brand-gold);margin:.5rem 0}.product-card-description{font-size:.95rem;color:var(--brand-gold-light);line-height:1.5;font-family:var(--font-body);flex:1}.btn-view-product{width:100%;background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:.9rem 1.5rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none;margin-top:auto}.btn-view-product:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9c061280}.result-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{padding:1.2rem 2.5rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;justify-content:center;border:none}.btn-cta-primary{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 8px 24px #9c061266;flex:1}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.btn-cta-secondary{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-cta-secondary:hover{background:#ffffff26;border-color:var(--brand-gold)}.result-social-proof{background:#0000004d;border-radius:var(--radius-md);padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.proof-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.proof-number{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--brand-gold)}.proof-label{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.proof-divider{color:var(--brand-gold);font-size:1.5rem;opacity:.5}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(min-width:1920px){.quiz-container{max-width:1600px}}@media(max-width:1024px){.quiz-container{padding:0 2rem}}@media(max-width:768px){.quiz-section{padding:3rem 1rem}.quiz-container{padding:0 1.5rem}.question-card{padding:2rem 1.5rem}.answer-option{padding:1.25rem 1.5rem;gap:1rem}.option-emoji{font-size:1.5rem}.option-text{font-size:1rem}.quiz-nav{flex-direction:column}.btn-back,.btn-next{width:100%;justify-content:center}.result-card{padding:2rem 1.5rem}.result-actions{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}.result-social-proof{gap:1rem}.proof-divider{display:none}}@media(max-width:480px){.quiz-container{padding:0 1rem}.answer-option:hover,.product-recommend:hover{transform:translate(0)}}.result-card,.quiz-section .result-card,div.result-card{background:linear-gradient(135deg,#22d3ee80,#06b6d4b3)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(34,211,238,.4)!important;border-radius:24px!important;padding:48px 40px!important;box-shadow:0 8px 32px #00000080,0 0 60px #22d3ee33!important;animation:fadeIn .8s ease-out!important}.result-card:hover{border-color:#22d3ee99!important;transform:translateY(-4px)!important;box-shadow:0 12px 48px #0009,0 0 80px #22d3ee4d!important}.lifestyle-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.lifestyle-section{position:relative;padding:6rem 2rem;overflow:hidden}.lifestyle-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.lifestyle-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out}.lifestyle-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.lifestyle-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.lifestyle-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.lifestyle-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--brand-gold-light);font-family:var(--font-body);line-height:1.6}.social-proof-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:4rem}.badge-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.badge-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.badge-icon{font-size:2.5rem}.badge-content{flex:1}.badge-count{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--brand-gold);margin-bottom:.25rem}.badge-label{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.lifestyle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:5rem}.lifestyle-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 8px 32px #00000059}.lifestyle-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.lifestyle-badge{position:absolute;top:1rem;right:1rem;background:var(--brand-burgundy);border:1px solid var(--brand-gold);border-radius:var(--radius-full);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:var(--brand-gold);font-family:var(--font-display);font-weight:700;font-size:.85rem;z-index:10;box-shadow:0 4px 12px #0000004d}.lifestyle-image{position:relative;width:100%;height:250px;background:linear-gradient(135deg,#9c06124d,#ffbd5933);overflow:hidden}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.3}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem}.lifestyle-icon{font-size:3rem}.lifestyle-content{padding:2rem}.lifestyle-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.lifestyle-description{font-size:1.05rem;color:var(--brand-gold-light);line-height:1.7;margin-bottom:1.5rem;font-family:var(--font-body)}.lifestyle-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem}.feature-check{width:20px;height:20px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy);font-size:.85rem;font-weight:900;flex-shrink:0}.feature-text{font-size:.95rem;color:#d1d5db;font-family:var(--font-body)}.lifestyle-hashtags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hashtag{background:#ffbd5926;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-full);padding:.4rem 1rem;font-size:.85rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}.engagement-stats{display:flex;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.stat{display:flex;align-items:center;gap:.5rem;color:var(--brand-gold-light);font-family:var(--font-body);font-size:1rem}.stat svg{color:var(--brand-gold)}.ugc-stats{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:5rem;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.ugc-stats:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.ugc-header{margin-bottom:3rem}.ugc-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);margin-bottom:1rem}.ugc-subtitle{font-size:1.2rem;color:var(--brand-gold-light);font-family:var(--font-body)}.ugc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2.5rem}.ugc-stat-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.ugc-stat-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.ugc-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--brand-gold);margin-bottom:.5rem}.ugc-label{font-size:1.1rem;color:#fff;margin-bottom:.75rem;font-family:var(--font-body)}.ugc-growth{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.ugc-gallery{background:#0000004d;border-radius:var(--radius-md);padding:1.5rem}.ugc-gallery-text{font-size:1.2rem;color:var(--brand-gold-light);font-family:var(--font-body)}.ugc-gallery-text strong{color:var(--brand-gold);font-weight:700}.influencer-section{margin-bottom:5rem}.influencer-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:3rem}.influencer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.influencer-card{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.influencer-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.influencer-header{display:flex;gap:1.25rem;align-items:start;margin-bottom:1.5rem}.influencer-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid var(--brand-gold)}.influencer-info{flex:1}.influencer-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.verified-badge{background:var(--brand-gold);color:var(--brand-burgundy);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900}.influencer-handle{font-size:.95rem;color:var(--brand-gold-light);margin-bottom:.5rem;font-family:var(--font-body)}.influencer-followers{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--brand-gold);font-family:var(--font-body)}.influencer-quote{margin-bottom:1.5rem}.quote-text{font-size:1.05rem;color:#d1d5db;font-style:italic;line-height:1.7;font-family:var(--font-body)}.btn-follow{width:100%;background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:.9rem 1.5rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-follow:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9c061280}.lifestyle-cta{text-align:center;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.lifestyle-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;margin-bottom:2rem}.btn-lifestyle-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.2rem 3rem;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #9c061266}.btn-lifestyle-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}@media(min-width:1920px){.lifestyle-container{max-width:1600px}}@media(max-width:1024px){.lifestyle-container{padding:0 2rem}}@media(max-width:768px){.lifestyle-section{padding:3rem 1rem}.lifestyle-container{padding:0 1.5rem}.social-proof-badges{grid-template-columns:repeat(2,1fr)}.lifestyle-grid,.ugc-grid,.influencer-grid{grid-template-columns:1fr}.engagement-stats{gap:1rem}.lifestyle-cta{padding:2rem 1.5rem}}@media(max-width:480px){.lifestyle-container{padding:0 1rem}.social-proof-badges{grid-template-columns:1fr}.badge-item{padding:1.25rem}.lifestyle-content{padding:1.5rem}}.unboxing-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.unboxing-section{position:relative;padding:6rem 2rem;overflow:hidden}.unboxing-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.unboxing-header{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out}.unboxing-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.unboxing-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.unboxing-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.unboxing-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--brand-gold-light);max-width:700px;margin:0 auto;line-height:1.7;font-family:var(--font-body)}.unboxing-steps{margin-bottom:6rem}.unboxing-step{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:center;margin-bottom:4rem;padding:32px;background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;transition:all .3s ease;animation:slideUp .8s ease-out;box-shadow:0 8px 32px #00000059}.unboxing-step:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.unboxing-step.reverse{grid-template-columns:1fr 300px}.unboxing-step.reverse .step-visual{order:2}.unboxing-step.reverse .step-content{order:1}.step-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px}.step-number-circle{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:60px;border:3px solid;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.step-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#fff}.step-emoji{font-size:8rem;z-index:5;animation:float 4s ease-in-out infinite}.step-glow{position:absolute;inset:-20%;border-radius:50%;filter:blur(60px);z-index:1;animation:pulse 3s ease-in-out infinite}.step-content{padding:1rem}.step-highlight{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.step-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.3}.step-description{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--brand-gold-light);line-height:1.7;margin-bottom:2rem;font-family:var(--font-body)}.step-features{display:flex;flex-direction:column;gap:1rem}.feature-item{font-size:1.05rem;color:#d1d5db;line-height:1.6;font-family:var(--font-body)}.video-reactions{margin-bottom:6rem}.video-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:1rem}.video-subtitle{font-size:1.2rem;color:var(--brand-gold-light);text-align:center;margin-bottom:3rem;font-family:var(--font-body)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.video-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.video-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.video-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#9c06124d,#ffbd5933);overflow:hidden}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.4}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:3px solid #FFFFFF;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-button.hovered{background:var(--brand-burgundy);transform:translate(-50%,-50%) scale(1.1)}.video-duration{position:absolute;bottom:1rem;right:1rem;background:#000c;padding:.4rem .8rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff}.video-info{padding:1.5rem}.video-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.4}.video-meta{display:flex;flex-direction:column;gap:.25rem}.video-author{font-size:.95rem;color:var(--brand-gold);font-family:var(--font-body)}.video-views{font-size:.9rem;color:var(--brand-gold-light);font-family:var(--font-body)}.video-stats{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.video-stats:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--brand-gold)}.why-addictive{margin-bottom:5rem}.addictive-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:1rem}.addictive-subtitle{font-size:1.2rem;color:var(--brand-gold-light);text-align:center;margin-bottom:3rem;font-family:var(--font-body)}.addictive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.addictive-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.addictive-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.addictive-icon{font-size:3.5rem;margin-bottom:1.5rem}.addictive-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--brand-gold);margin-bottom:1rem}.addictive-description{font-size:1.05rem;color:var(--brand-gold-light);line-height:1.7;font-family:var(--font-body)}.addictive-quote{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--brand-gold);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.addictive-quote:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.quote-text{font-size:clamp(1.2rem,2vw,1.5rem);color:#fff;font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:var(--font-body)}.quote-author{font-size:1.05rem;color:var(--brand-gold);font-weight:600;font-family:var(--font-display)}.unboxing-cta{text-align:center;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.unboxing-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:1.5rem}.btn-unboxing-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.2rem 3rem;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #9c061266}.btn-unboxing-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media(min-width:1920px){.unboxing-container{max-width:1600px}}@media(max-width:1024px){.unboxing-container{padding:0 2rem}}@media(max-width:768px){.unboxing-section{padding:3rem 1rem}.unboxing-container{padding:0 1.5rem}.unboxing-step{grid-template-columns:1fr!important;padding:2rem 1.5rem;gap:2rem}.unboxing-step .step-visual,.unboxing-step.reverse .step-visual{order:1!important}.unboxing-step .step-content,.unboxing-step.reverse .step-content{order:2!important}.step-visual{height:200px}.step-emoji{font-size:5rem}.video-grid,.addictive-grid{grid-template-columns:1fr}.video-stats{gap:1rem}.stat-divider{display:none}.addictive-quote{padding:2rem 1.5rem}.unboxing-cta{padding:3rem 1.5rem}}@media(max-width:480px){.unboxing-container{padding:0 1rem}}.before-after-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.before-after-section{position:relative;padding:6rem 2rem;overflow:hidden}.before-after-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out}.section-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.section-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.section-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--brand-gold-light);font-family:var(--font-body)}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center;margin-bottom:5rem;animation:slideUp .8s ease-out .2s backwards}.comparison-column{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.comparison-column:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.comparison-column.before{border-left:4px solid #EF4444}.comparison-column.after{border-left:4px solid var(--brand-gold)}.column-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.column-icon{font-size:3rem;margin-bottom:1rem}.column-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.points-list{display:flex;flex-direction:column;gap:1.5rem}.comparison-point{display:flex;align-items:start;gap:1rem}.point-icon{font-size:1.8rem;flex-shrink:0}.point-text{flex:1;font-size:1.05rem;color:#d1d5db;line-height:1.6;font-family:var(--font-body)}.transformation-arrow{display:flex;flex-direction:column;align-items:center;gap:1rem}.arrow-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #ffbd5966;animation:pulse 2s ease-in-out infinite}.arrow-label{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--brand-gold);letter-spacing:2px}.cta-divider{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:5rem;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.cta-divider:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.divider-text{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);color:#fff;margin-bottom:1.5rem}.divider-text strong{color:var(--brand-gold);font-weight:800}.divider-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:.75rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:.75rem 1.5rem;color:var(--brand-gold);font-family:var(--font-body);font-size:1rem}.stat-badge svg{color:var(--brand-gold)}.journey-section{margin-bottom:5rem}.journey-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:1rem}.journey-subtitle{font-size:1.2rem;color:var(--brand-gold-light);text-align:center;margin-bottom:3rem;font-family:var(--font-body)}.phase-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.phase-tab{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 8px 32px #00000059}.phase-tab:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.phase-tab.active{border-width:3px;background:#ffbd591a;box-shadow:0 8px 24px #0006}.phase-emoji{font-size:2.5rem}.phase-days{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--brand-gold)}.journey-phase{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;margin-bottom:3rem;animation:slideUp .5s ease-out;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.journey-phase:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.phase-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border)}.phase-emoji-large{font-size:5rem}.phase-info{flex:1}.phase-days-large{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--brand-gold);margin-bottom:.5rem;letter-spacing:1px}.phase-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff}.phase-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);line-height:1.7;margin-bottom:2.5rem;font-family:var(--font-body)}.milestones-list{margin-bottom:2.5rem}.milestones-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--brand-gold);margin-bottom:1.5rem}.milestone-item{display:flex;align-items:start;gap:1rem;margin-bottom:1.25rem}.milestone-check{width:28px;height:28px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy);flex-shrink:0;margin-top:2px}.milestone-text{flex:1;font-size:1.05rem;color:#fff;line-height:1.6;font-family:var(--font-body)}.phase-progress{background:#0000004d;border-radius:var(--radius-md);padding:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-label{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--brand-gold-light)}.progress-percentage{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--brand-gold)}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 20px currentColor}.overall-progress{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.overall-progress:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.progress-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:2.5rem}.progress-timeline{display:flex;justify-content:space-between;align-items:center;gap:1rem}.timeline-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;top:25px;left:60%;width:80%;height:3px;background:#374151;z-index:-1}.timeline-item.completed:not(:last-child):after{background:var(--brand-gold)}.timeline-marker{width:50px;height:50px;border:3px solid;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:var(--font-display);transition:all .3s ease}.timeline-item.completed .timeline-marker{background:var(--brand-gold);color:var(--brand-burgundy)}.timeline-label{font-size:.9rem;color:#6b7280;text-align:center;font-family:var(--font-body);font-weight:600}.timeline-item.completed .timeline-label{color:var(--brand-gold)}.final-cta{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.final-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);max-width:700px;margin:0 auto 2.5rem;line-height:1.7;font-family:var(--font-body)}.cta-features{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.feature-badge{display:flex;align-items:center;gap:.75rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:.75rem 1.5rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}.btn-final-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.2rem 3rem;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #9c061266;margin-bottom:1.5rem}.btn-final-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.cta-guarantee{font-size:1rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(min-width:1920px){.before-after-container{max-width:1600px}}@media(max-width:1024px){.before-after-container{padding:0 2rem}}@media(max-width:968px){.comparison-grid{grid-template-columns:1fr;gap:2rem}.transformation-arrow{transform:rotate(90deg);margin:1rem 0}.arrow-label{transform:rotate(-90deg)}.phase-selector{grid-template-columns:repeat(2,1fr)}.progress-timeline{flex-direction:column}.timeline-item:after{display:none}}@media(max-width:768px){.before-after-section{padding:3rem 1rem}.before-after-container{padding:0 1.5rem}.comparison-column{padding:2rem 1.5rem}.phase-selector{grid-template-columns:1fr}.journey-phase{padding:2rem 1.5rem}.phase-header{flex-direction:column;text-align:center}.final-cta{padding:3rem 1.5rem}.cta-features{flex-direction:column;align-items:stretch}.feature-badge{justify-content:center}}@media(max-width:480px){.before-after-container{padding:0 1rem}}.social-proof-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.social-proof-section{position:relative;padding:6rem 2rem;overflow:hidden}.social-proof-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.social-proof-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out}.social-proof-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.social-proof-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.social-proof-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.social-proof-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);font-family:var(--font-body)}.star-rating{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:5rem;padding:32px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.star-rating:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stars{display:flex;gap:.5rem}.rating-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rating-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--brand-gold)}.rating-count{font-size:1.1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:5rem}.testimonial-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s ease;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 8px 32px #00000059}.testimonial-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.testimonial-header{display:flex;align-items:start;gap:1.25rem}.testimonial-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid var(--brand-gold);flex-shrink:0}.testimonial-info{flex:1}.testimonial-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.verified-badge{width:24px;height:24px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy)}.testimonial-role{font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.testimonial-rating{display:flex;gap:.25rem}.testimonial-quote{flex:1}.quote-text{font-size:1.1rem;color:#d1d5db;line-height:1.8;font-style:italic;font-family:var(--font-body)}.testimonial-footer{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.product-tag,.verified-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.9rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}.product-tag svg,.verified-tag svg{color:var(--brand-gold)}.stats-section{margin-bottom:5rem}.stats-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.stat-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat-icon{color:var(--brand-gold);margin-bottom:1.5rem;display:flex;justify-content:center}.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--brand-gold);margin-bottom:.75rem}.stat-label{font-size:1.1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.vip-community{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:4rem;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.vip-community:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.vip-header{text-align:center;margin-bottom:3rem}.vip-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);margin-bottom:1rem}.vip-subtitle{font-size:1.2rem;color:var(--brand-gold-light);font-family:var(--font-body)}.vip-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.vip-benefit-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.vip-benefit-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.benefit-icon{font-size:3rem;margin-bottom:1.25rem}.benefit-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.benefit-description{font-size:1rem;color:var(--brand-gold-light);line-height:1.6;font-family:var(--font-body)}.vip-cta{text-align:center;padding-top:2.5rem;border-top:1px solid var(--glass-border)}.vip-cta-text{font-size:1.2rem;color:var(--brand-gold-light);margin-bottom:1.5rem;font-family:var(--font-body)}.vip-cta-text strong{color:var(--brand-gold);font-weight:700}.btn-vip{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.1rem 2.5rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #9c061266}.btn-vip:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.trust-badge{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.trust-badge:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.badge-icon{color:var(--brand-gold);flex-shrink:0}.badge-text{font-size:1.05rem;color:#fff;font-weight:600;font-family:var(--font-body)}@media(min-width:1920px){.social-proof-container{max-width:1600px}}@media(max-width:1024px){.social-proof-container{padding:0 2rem}}@media(max-width:768px){.social-proof-section{padding:3rem 1rem}.social-proof-container{padding:0 1.5rem}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:2rem 1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.vip-community{padding:3rem 1.5rem}.vip-benefits-grid,.trust-badges{grid-template-columns:1fr}}@media(max-width:480px){.social-proof-container{padding:0 1rem}.stats-grid{grid-template-columns:1fr}.testimonial-footer{flex-direction:column;gap:1rem}.product-tag,.verified-tag{justify-content:center}}.faq-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.faq-section{position:relative;padding:6rem 2rem;overflow:hidden}.faq-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.faq-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out}.faq-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.faq-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.faq-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.faq-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);font-family:var(--font-body)}.faq-list{margin-bottom:5rem}.faq-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.faq-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.faq-item.active{border-color:#3b82f666;background:linear-gradient(135deg,#1e3a8a4d,#11182780);box-shadow:0 12px 48px #0006}.faq-question{width:100%;background:transparent;border:none;padding:2rem 2.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;transition:all .3s ease}.faq-question:hover{background:#ffbd590d}.question-text{flex:1;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700;color:#fff;line-height:1.4}.chevron{color:var(--brand-gold);transition:transform .3s ease;flex-shrink:0}.chevron.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.expanded{max-height:1000px}.answer-content{padding:2rem 2.5rem;border-top:1px solid var(--glass-border)}.answer-content p{font-size:clamp(1.05rem,2vw,1.15rem);color:var(--brand-gold-light);line-height:1.8;margin-bottom:1rem;font-family:var(--font-body)}.answer-content p:last-child{margin-bottom:0}.faq-cta{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.faq-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.cta-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#fff;margin-bottom:1.5rem}.cta-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);max-width:600px;margin:0 auto 2.5rem;line-height:1.7;font-family:var(--font-body)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn-chat,.btn-email{padding:1.1rem 2.5rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;border:none}.btn-chat{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 8px 24px #9c061266}.btn-chat:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.btn-email{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-email:hover{background:#ffffff26;border-color:var(--brand-gold)}.support-stats{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:2.5rem;border-top:1px solid var(--glass-border)}.support-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--brand-gold)}.stat-label{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.stat-divider{color:var(--brand-gold);font-size:1.5rem;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(min-width:1920px){.faq-container{max-width:1600px}}@media(max-width:1024px){.faq-container{padding:0 2rem}}@media(max-width:768px){.faq-section{padding:3rem 1rem}.faq-container{padding:0 1.5rem}.faq-question{padding:1.5rem;gap:1rem}.answer-content{padding:1.5rem}.faq-cta{padding:3rem 1.5rem}.cta-buttons{flex-direction:column}.btn-chat,.btn-email{width:100%;justify-content:center}.support-stats{gap:1rem}.stat-divider{display:none}}@media(max-width:480px){.faq-container{padding:0 1rem}}.final-cta-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glow{0%,to{box-shadow:0 8px 32px #00000080,0 0 40px #8b5cf633}50%{box-shadow:0 12px 48px #0009,0 0 60px #8b5cf666}}.final-cta-section{position:relative;padding:8rem 2rem;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;filter:blur(100px);z-index:1}.final-cta-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.quote-section{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out;background:linear-gradient(135deg,#ff6b9d1a,#ff6b9d08);border:1px solid rgba(255,107,157,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:48px 40px;box-shadow:0 8px 32px #00000059;transition:all .3s ease;position:relative;z-index:1}.quote-section:hover{border-color:#ff6b9d80;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 60px #ff6b9d33}.quote-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 4s ease-in-out infinite}.quote-text{font-size:clamp(1.3rem,2.5vw,1.8rem);color:#fff;font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:var(--font-body);max-width:800px;margin-left:auto;margin-right:auto}.quote-author{font-size:1.1rem;color:var(--brand-gold);font-weight:600;font-family:var(--font-display)}.main-cta-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out .2s backwards}.main-cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.main-cta-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.main-cta-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--brand-gold-light);font-family:var(--font-body)}.journey-recap{margin-bottom:5rem;animation:slideUp .8s ease-out .4s backwards}.recap-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:3rem}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.journey-step{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;position:relative;box-shadow:0 8px 32px #00000059}.journey-step:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;border:3px solid var(--brand-gold);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem}.step-icon{font-size:3rem;margin-bottom:1rem}.step-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.step-description{font-size:1rem;color:var(--brand-gold-light);line-height:1.5;font-family:var(--font-body)}.countdown-section{background:linear-gradient(135deg,#1e3a8a99,#111827cc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:48px 40px;text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out .6s backwards;box-shadow:0 8px 32px #00000080;transition:all .3s ease}.countdown-section:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 48px #0009,0 0 60px #3b82f626}.countdown-label{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--brand-gold);margin-bottom:2rem}.countdown-timer{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-bottom:1.5rem}.time-block{background:#00000080;border:2px solid var(--brand-gold);border-radius:var(--radius-md);padding:1.5rem 2rem;min-width:100px}.time-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--brand-gold);line-height:1;margin-bottom:.5rem}.time-label{font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body);font-weight:600}.time-separator{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--brand-gold)}.countdown-note{font-size:1.1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:slideUp .8s ease-out .8s backwards}.btn-primary-cta,.btn-secondary-cta{padding:1.5rem 3rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,2vw,1.3rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;border:none}.btn-primary-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 12px 32px #9c061280;animation:pulse 2s ease-in-out infinite}.btn-primary-cta:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 16px 48px #9c0612b3}.btn-secondary-cta{background:#ffffff1a;border:2px solid var(--glass-border);color:#fff}.btn-secondary-cta:hover{background:#ffffff26;border-color:var(--brand-gold);transform:translateY(-3px)}.guarantee-section{margin-bottom:4rem;animation:slideUp .8s ease-out 1s backwards}.guarantee-badge{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;display:flex;align-items:center;gap:2rem;max-width:700px;margin:0 auto;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.guarantee-badge:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.guarantee-badge svg{color:var(--brand-gold);flex-shrink:0}.guarantee-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--brand-gold);margin-bottom:.5rem}.guarantee-description{font-size:1.05rem;color:var(--brand-gold-light);line-height:1.6;font-family:var(--font-body)}.stats-row{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:slideUp .8s ease-out 1.2s backwards}.stat-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;min-width:200px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.stat-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat-icon{color:var(--brand-gold);display:flex;justify-content:center;margin-bottom:1rem}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--brand-gold);margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body);font-weight:600}.final-message{text-align:center;animation:slideUp .8s ease-out 1.4s backwards}.final-text{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--brand-gold-light);line-height:1.8;font-family:var(--font-body)}.final-text strong{color:var(--brand-gold);font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media(min-width:1920px){.final-cta-container{max-width:1600px}}@media(max-width:1024px){.final-cta-container{padding:0 2rem}}@media(max-width:968px){.journey-steps{grid-template-columns:repeat(2,1fr)}.countdown-timer{gap:1rem}.time-block{padding:1rem 1.5rem;min-width:80px}.time-number{font-size:2.5rem}}@media(max-width:768px){.final-cta-section{padding:4rem 1rem}.final-cta-container{padding:0 1.5rem}.journey-steps{grid-template-columns:1fr}.countdown-section{padding:2rem 1.5rem}.cta-buttons{flex-direction:column}.btn-primary-cta,.btn-secondary-cta{width:100%;justify-content:center}.guarantee-badge{flex-direction:column;text-align:center;padding:2rem 1.5rem}.stats-row{flex-direction:column;align-items:stretch}.stat-item{width:100%}}@media(max-width:480px){.final-cta-container{padding:0 1rem}.countdown-timer{flex-wrap:wrap}.time-block{flex:1;min-width:70px;padding:.75rem 1rem}.time-number,.time-separator{font-size:2rem}}.quote-section,.final-cta-section .quote-section,div.quote-section{background:linear-gradient(135deg,#ff6b9d26,#ff6b9d14)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(255,107,157,.4)!important;border-radius:24px!important;padding:48px 40px!important;text-align:center!important;margin-bottom:4rem!important;box-shadow:0 8px 32px #00000059,0 0 60px #ff6b9d33!important;animation:slideUp .8s ease-out forwards!important}.quote-section:hover{border-color:#ff6b9d99!important;transform:translateY(-4px)!important;box-shadow:0 12px 48px #00000073,0 0 80px #ff6b9d4d!important}.quote-icon{animation:float 4s ease-in-out infinite!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-cta-container>*,.main-cta-header,.journey-recap,.countdown-section,.cta-buttons,.guarantee-section,.stats-row,.final-message{position:relative;z-index:1}.final-cta-section,section.final-cta-section,div.final-cta-section{background:none!important;background-image:none!important;background-color:transparent!important;border-top:none!important}.category-dropdown-container{position:relative;min-width:200px}.category-dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#ffbd591a,#ff95001a);border:1px solid rgba(255,189,89,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.category-dropdown-trigger:hover{border-color:#ffbd5980;box-shadow:0 4px 12px #ffbd5933}.selected-category{display:flex;align-items:center;gap:8px}.chevron{transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.category-dropdown-backdrop{position:fixed;inset:0;z-index:99}.category-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;z-index:100;animation:dropdownSlide .3s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;position:relative;font-family:Poppins,sans-serif}.category-option:last-child{border-bottom:none}.category-option:hover{background:#ffbd591a;color:#ffbd59}.category-option.active{background:#ffbd5926;color:#ffbd59;font-weight:600}.check-mark{margin-left:auto;color:#0ecb81;font-size:16px}@media(max-width:768px){.category-dropdown-container{min-width:100%}}.mini-cart-backdrop{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.mini-cart-dropdown{position:fixed;top:80px;right:20px;width:400px;max-width:90vw;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,189,89,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:1000;overflow:hidden}.mini-cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffbd591a;border-bottom:1px solid rgba(255,189,89,.2)}.success-indicator{display:flex;align-items:center;gap:8px;color:#0ecb81;font-weight:600;font-size:14px}.check-icon{animation:checkBounce .5s ease-out}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.last-added-item{display:flex;gap:12px;padding:20px}.item-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,189,89,.2)}.item-details{flex:1;display:flex;flex-direction:column;gap:4px}.item-details h4{margin:0;font-size:14px;font-weight:600;color:#fff;line-height:1.3}.item-variant{margin:0;font-size:12px;color:#fff9}.item-price-qty{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.quantity{font-size:12px;color:#fff9}.price{font-size:16px;font-weight:700;color:#ffbd59}.divider{height:1px;background:#ffffff1a;margin:0 20px}.cart-summary{padding:16px 20px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#fffc}.summary-row:last-child{margin-bottom:0}.total-price{font-size:20px;font-weight:700;color:#ffbd59}.items-count{font-size:12px;color:#fff9}.mini-cart-actions{display:flex;gap:12px;padding:20px}.btn-view-cart,.btn-checkout{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins,sans-serif}.btn-view-cart{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-view-cart:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.btn-checkout{background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.auto-close-bar{height:3px;background:#ffffff1a;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#ffbd59,#ff9500)}@media(max-width:768px){.mini-cart-dropdown{width:calc(100vw - 32px);right:16px}.mini-cart-actions{flex-direction:column}.btn-view-cart,.btn-checkout{width:100%}}.icon-emoji{font-size:24px;display:inline-block}.community-widget-collapsed{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,#ffbd59,#ff9500);border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 32px #ffbd5966;z-index:998;overflow:visible;transition:all .3s ease}.widget-icon{display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-size:28px}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:2px solid #FFBD59;border-radius:50%;animation:pulse 2s ease-out infinite;pointer-events:none}.pulse-ring-delay{animation-delay:1s}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.member-badge{position:absolute;top:-4px;right:-4px;background:#0ecb81;color:#fff;font-size:10px;font-weight:700;padding:4px 6px;border-radius:12px;border:2px solid #1a1a2e;box-shadow:0 2px 8px #0ecb8166}.widget-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,189,89,.3)}.widget-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#ffbd594d}.community-widget-expanded{position:fixed;bottom:24px;right:24px;width:360px;max-width:calc(100vw - 48px);max-height:calc(100vh - 120px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,189,89,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:999}.widget-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#ffbd591a;border-bottom:1px solid rgba(255,189,89,.2)}.header-content{display:flex;gap:12px;align-items:center}.gem-icon{font-size:32px;animation:gemFloat 3s ease-in-out infinite}@keyframes gemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.header-text h3{margin:0;font-size:18px;color:#fff;font-weight:700}.subtitle{margin:2px 0 0;font-size:12px;color:#fff9}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;transition:color .2s;font-size:20px}.close-btn:hover{color:#fff}.community-stats{display:flex;gap:16px;padding:16px 20px}.stat{display:flex;align-items:center;gap:8px;color:#fff9}.stat .icon-emoji{font-size:20px}.stat strong{display:block;color:#ffbd59;font-size:18px;font-weight:700;line-height:1}.stat span{display:block;font-size:11px;color:#ffffff80;line-height:1}.widget-divider{height:1px;background:#ffffff1a;margin:0 20px}.social-links{padding:16px 20px;max-height:300px;overflow-y:auto}.social-link{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:var(--link-color);opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:.1}.social-link:hover{border-color:var(--link-color);box-shadow:0 4px 12px #0003}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px;flex-shrink:0;position:relative;z-index:1;font-size:20px}.social-link:hover .social-icon{background:var(--link-color)}.social-info{flex:1;position:relative;z-index:1}.social-name{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.social-members{display:block;font-size:11px;color:#ffffff80}.social-arrow{font-size:18px;color:#ffffff4d;transition:transform .3s ease,color .3s ease;position:relative;z-index:1}.social-link:hover .social-arrow{transform:translate(4px);color:var(--link-color)}.community-benefits{padding:16px 20px 20px}.benefit-item{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#fffc}.benefit-item:last-child{margin-bottom:0}.benefit-icon{font-size:16px}.social-links::-webkit-scrollbar{width:6px}.social-links::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.social-links::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.social-links::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:768px){.community-widget-collapsed{bottom:80px;right:16px;width:56px;height:56px}.pulse-ring{width:56px;height:56px}.widget-icon .icon-emoji{font-size:24px}.community-widget-expanded{bottom:80px;right:16px;width:calc(100vw - 32px)}.widget-tooltip{display:none}.gem-icon{font-size:28px}.header-text h3{font-size:16px}}@media(max-width:480px){.community-widget-collapsed,.pulse-ring{width:52px;height:52px}.widget-icon .icon-emoji{font-size:22px}.member-badge{font-size:9px;padding:3px 5px}.community-widget-expanded{max-height:calc(100vh - 100px)}.social-links{max-height:250px}}:root{--shop-primary: #FF6B35;--shop-accent: #FFBD59;--shop-glow: rgba(255, 189, 89, .4)}.hero-section{position:relative;padding:var(--space-3xl) var(--space-md);max-width:1400px;margin:0 auto var(--space-2xl);overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-xl);color:var(--brand-gold);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.hero-title{font-family:var(--font-display);font-size:56px;font-weight:var(--font-black);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-md)}.gradient-text{background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-item{text-align:center}.stat-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--brand-gold);margin-bottom:var(--space-xs)}.stat-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-cta{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-2xl)}.btn-arrow{transition:transform .3s ease}.btn-hero-primary:hover .btn-arrow{transform:translate(4px)}.stat-stars{margin-top:4px;font-size:14px}.hero-glow-container{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:glowPulse 4s ease-in-out infinite}.glow-orb-1{width:600px;height:600px;top:-200px;right:-200px;background:radial-gradient(circle,rgba(255,107,53,.4) 0%,rgba(255,189,89,.2) 50%,transparent 100%)}.glow-orb-2{width:400px;height:400px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(255,189,89,.3) 0%,transparent 70%);animation-delay:-2s}@keyframes glowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.crystal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:1;pointer-events:none}.crystal-glow{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,189,89,.6) 0%,rgba(255,107,53,.3) 30%,transparent 70%);filter:blur(80px);animation:crystalGlowPulse 3s ease-in-out infinite}.crystal-core{position:relative;width:100%;height:100%;animation:crystalRotate 10s linear infinite}.crystal-svg{width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(255,189,89,.6))}.crystal-facet{animation:facetShine 2s ease-in-out infinite}@keyframes crystalGlowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes crystalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes facetShine{0%,to{opacity:.9}50%{opacity:1}}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,189,89,.1) 0%,transparent 70%);animation:float 20s infinite ease-in-out}.circle-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.circle-2{width:400px;height:400px;top:50%;right:-150px;animation-delay:5s}.circle-3{width:200px;height:200px;bottom:-50px;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.category-grid-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:var(--space-sm)}.section-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted)}.section-title-with-icon{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.section-icon{color:var(--brand-gold)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.category-card{position:relative;padding:var(--space-lg) var(--space-md);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.category-card:hover{transform:translateY(-8px);border-color:var(--category-color, var(--brand-gold));box-shadow:var(--shadow-lg)}.category-card.active{border-color:var(--category-color, var(--brand-gold));background:linear-gradient(135deg,#ffbd591a,#ff95001a)}.category-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center}.category-emoji{font-size:48px}.category-icon-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;color:var(--category-color, var(--brand-gold));transition:opacity var(--transition-base)}.category-card:hover .category-icon-svg{opacity:1}.category-card:hover .category-emoji{opacity:0}.category-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.category-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.category-arrow{font-size:var(--text-xl);color:var(--category-color, var(--brand-gold));opacity:0;transform:translate(-10px);transition:all var(--transition-base)}.category-card:hover .category-arrow{opacity:1;transform:translate(0)}.product-filters-section{max-width:1400px;margin:0 auto var(--space-xl);padding:0 var(--space-md)}.filter-search-bar{position:relative;margin-bottom:var(--space-md)}.search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:14px var(--space-sm) 14px 48px;font-family:var(--font-body);font-size:15px;color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd5926}.search-input::placeholder{color:var(--text-muted)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.filter-item{display:flex;flex-direction:column}.filter-label{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.filter-select{width:100%;padding:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--brand-gold)}.filter-select option{background:var(--bg-base-mid);color:var(--text-primary)}.product-grid-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.product-card{position:relative;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #ffbd5933;border-color:#ffbd594d}.card-glow-border{position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent 0deg,var(--shop-accent) 90deg,transparent 180deg,var(--shop-accent) 270deg,transparent 360deg);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease;z-index:-1;animation:rotateBorder 3s linear infinite}.product-card:hover .card-glow-border{opacity:1}.product-image-wrapper{position:relative;padding-top:100%;background:linear-gradient(135deg,#ffbd591a,#ff6b351a);overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{position:absolute;inset:0;background:#0a1628d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;z-index:2}.quick-view-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--shop-accent);color:#000;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-view-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #ffbd5966}.product-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:6px var(--space-sm);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;gap:4px;z-index:1}.bestseller-badge{background:linear-gradient(135deg,var(--brand-gold) 0%,#FF8C00 100%);color:var(--bg-base-dark)}.out-of-stock-badge{background:#ff4757e6;color:#fff}.product-info{padding:var(--space-md)}.product-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-md)}.product-stars{display:flex;gap:2px;font-size:14px}.star-filled{color:var(--shop-accent)}.star-empty{color:#fff3}.rating-text{font-size:13px;color:var(--text-muted)}.product-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.1)}.product-price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-black);color:var(--shop-accent);white-space:nowrap}.btn-add-to-cart{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--shop-primary) 0%,var(--shop-accent) 100%);color:#000;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-add-to-cart:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 20px #ffbd5966}.btn-add-to-cart:disabled{opacity:.5;cursor:not-allowed;background:#fff3}.product-card.out-of-stock{opacity:.7}.product-card.out-of-stock .product-image{filter:grayscale(50%)}.products-loading,.products-error,.products-empty{text-align:center;padding:var(--space-2xl) var(--space-md)}.products-loading p,.products-error p{font-family:var(--font-body);color:var(--text-muted);margin-top:var(--space-sm)}.empty-icon{font-size:48px;margin-bottom:var(--space-sm)}.empty-text{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary)}.modal-backdrop{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-md)}.modal-content{background:linear-gradient(135deg,var(--bg-base-dark) 0%,var(--bg-base-mid) 100%);border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:var(--shadow-xl)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:#ef444433;border:1px solid var(--accent-red);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--accent-red);cursor:pointer;z-index:10;transition:all var(--transition-base)}.modal-close:hover{background:#ef44444d;transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:var(--space-xl)}.modal-images{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-image{width:100%;border-radius:var(--radius-lg)}.modal-details{display:flex;flex-direction:column}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.modal-price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--brand-gold);margin-bottom:var(--space-md)}.modal-description{font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.modal-variants,.modal-quantity{margin-bottom:var(--space-md)}.modal-label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.variant-options{display:flex;gap:var(--space-sm);flex-wrap:wrap}.variant-option{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-weight:var(--font-semibold);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.variant-option:hover{border-color:var(--brand-gold)}.variant-option.active{background:linear-gradient(135deg,var(--brand-gold) 0%,#FF8C00 100%);color:var(--bg-base-dark);border:none}.quantity-controls{display:flex;gap:var(--space-sm);align-items:center}.quantity-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.quantity-btn:hover{border-color:var(--brand-gold)}.quantity-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);min-width:40px;text-align:center}.featured-collection-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.featured-card{position:relative;padding:var(--space-lg);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.featured-card:hover{transform:translateY(-8px);border-color:#ffbd594d;box-shadow:var(--shadow-lg)}.featured-tag{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:4px var(--space-sm);background:linear-gradient(135deg,var(--brand-gold) 0%,#FF8C00 100%);color:var(--bg-base-dark);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-bold)}.featured-image{margin-bottom:var(--space-md)}.featured-emoji{font-size:64px}.featured-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.featured-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md);line-height:var(--leading-normal)}.featured-footer{display:flex;justify-content:space-between;align-items:center}.featured-price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-black);color:var(--brand-gold)}.testimonials-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.testimonial-card{position:relative;padding:var(--space-lg);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-4px);border-color:#ffbd594d}.quote-icon{color:#ffbd5933;margin-bottom:var(--space-sm)}.testimonial-rating{display:flex;gap:4px;margin-bottom:var(--space-sm)}.testimonial-text{font-family:var(--font-body);font-size:15px;line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-md)}.testimonial-author{display:flex;align-items:center;gap:var(--space-sm)}.author-avatar{font-size:var(--text-2xl)}.author-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:4px}.author-role{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.newsletter-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.newsletter-container{background:linear-gradient(135deg,#ffbd591a,#ff95001a);border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl)}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-icon{color:var(--brand-gold);margin-bottom:var(--space-md)}.newsletter-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:var(--space-sm)}.newsletter-description{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-lg)}.newsletter-form{margin-bottom:var(--space-sm)}.newsletter-input-wrapper{display:flex;gap:var(--space-sm)}.newsletter-input{flex:1;padding:14px var(--space-md);font-family:var(--font-body);font-size:15px;color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);transition:all var(--transition-base)}.newsletter-input:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd5926}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-privacy{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.newsletter-benefits{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.benefit-icon{font-size:var(--text-lg)}@media(max-width:1024px){.hero-title{font-size:48px}.crystal-container{width:200px;height:200px}.products-grid{grid-template-columns:repeat(3,1fr)}.modal-body{grid-template-columns:1fr}}@media(max-width:768px){.hero-section{padding:var(--space-2xl) var(--space-md)}.hero-title{font-size:36px}.hero-description{font-size:var(--text-base)}.hero-cta{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.stat-divider{width:60%;height:1px}.crystal-container{width:150px;height:150px;opacity:.5}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.product-info{padding:var(--space-sm)}.product-title{font-size:14px}.product-price{font-size:var(--text-lg)}.btn-add-to-cart span{display:none}.btn-add-to-cart{padding:10px}.category-grid,.featured-grid,.testimonials-grid,.filters-row{grid-template-columns:1fr}.newsletter-input-wrapper{flex-direction:column}.newsletter-benefits{flex-direction:column;align-items:center}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.hero-title{font-size:28px}}.course-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:64px 32px;border-radius:24px;margin:0 auto 48px;max-width:80%;position:relative;overflow:hidden}.pricing-card{position:relative;padding:26px 19px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;max-height:80vh;overflow-y:auto}.spiritual-courses-section{padding:40px 0}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:32px;color:#ffbd59;margin-bottom:12px;font-weight:800}.section-header p{font-size:16px;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}.info-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:12px;margin-bottom:40px;color:#ffbd59;justify-content:center}.info-banner svg{flex-shrink:0}.spiritual-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:40px}.spiritual-course-card{background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,189,89,.2);border-radius:16px;overflow:hidden;transition:all .3s ease}.spiritual-course-card:hover{border-color:#ffbd5980;box-shadow:0 8px 32px #ffbd5933;transform:translateY(-4px)}.course-thumbnail{width:100%;height:200px;background:linear-gradient(135deg,#ffbd5933,#ff950033);display:flex;align-items:center;justify-content:center;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{color:#ffbd5980;display:flex;align-items:center;justify-content:center}.course-content{padding:24px}.course-content h3{font-size:20px;color:#fff;margin-bottom:12px;font-weight:700}.course-description{font-size:14px;color:#ffffffb3;margin-bottom:20px;line-height:1.6}.course-features{list-style:none;margin-bottom:20px;padding:0}.course-features li{font-size:13px;color:#fffc;margin-bottom:8px;padding-left:0}.course-meta{display:flex;gap:16px;margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.duration{font-size:13px;color:#fff9}.course-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.price{font-size:24px;font-weight:700;color:#ffbd59}.btn-buy-now{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-buy-now:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.section-footer{text-align:center;margin-top:40px}.btn-view-all{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#ffffff1a;color:#ffbd59;border:1px solid rgba(255,189,89,.3);border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease}.btn-view-all:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-2px)}@media(max-width:768px){.spiritual-courses-grid{grid-template-columns:1fr}.section-header h2{font-size:24px}.course-footer{flex-direction:column;align-items:stretch}.btn-buy-now{width:100%;justify-content:center}}.bundles-section{padding:40px 0}.countdown-banner{margin-bottom:40px;padding:24px;background:linear-gradient(135deg,#ff44441a,#ffbd591a);border:2px solid rgba(255,189,89,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-content{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.countdown-content svg{color:#ffbd59}.countdown-label{font-size:18px;font-weight:700;color:#ffffffe6}.countdown-timer{display:flex;align-items:center;gap:8px}.time-unit{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:60px}.time-value{font-size:32px;font-weight:800;color:#ffbd59;line-height:1;margin-bottom:4px}.time-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.time-separator{font-size:32px;font-weight:800;color:#ffbd5980}.bundles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.bundle-card{position:relative;padding:32px 24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:2px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.bundle-card:hover{border-color:var(--bundle-color);transform:translateY(-8px);box-shadow:0 16px 48px #0000004d}.bundle-card.recommended{border-color:#ffbd5980;background:linear-gradient(135deg,#ffbd590d,#16213e99)}.recommended-badge{position:absolute;top:-12px;right:24px;padding:6px 16px;background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;font-size:12px;font-weight:700;border-radius:12px;text-transform:uppercase;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #ffbd5966}.bundle-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.bundle-badge{display:inline-block;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;font-weight:700;color:#ffffffe6;margin-bottom:16px}.bundle-header h3{font-size:24px;font-weight:800;color:#fff;margin-bottom:12px}.bundle-discount{display:inline-block;padding:6px 16px;background:#f443;border:1px solid rgba(255,68,68,.4);border-radius:20px;color:#ff6b6b;font-size:14px;font-weight:700}.bundle-pricing{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.original-price{font-size:18px;color:#fff6;text-decoration:line-through;margin-bottom:8px}.sale-price{font-size:40px;font-weight:800;color:var(--bundle-color);line-height:1;margin-bottom:8px}.savings{font-size:14px;color:#0f8;font-weight:600}.bundle-features{list-style:none;padding:0;margin:0 0 24px}.bundle-features li{display:flex;align-items:center;gap:12px;padding:12px 0;color:#ffffffe6;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}.bundle-features li:last-child{border-bottom:none}.bundle-features li svg{color:#0f8;flex-shrink:0}.bundle-cta{display:block;width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--bundle-color) 0%,color-mix(in srgb,var(--bundle-color) 70%,black) 100%);color:#fff;text-decoration:none;text-align:center;font-size:16px;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease}.bundle-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.bundle-card.recommended .bundle-cta{background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;box-shadow:0 8px 24px #ffbd5966}.guarantee-banner{display:flex;align-items:center;gap:20px;padding:32px;background:linear-gradient(135deg,#00ff880d,#8b5cf60d);border:2px solid rgba(0,255,136,.2);border-radius:16px;max-width:700px;margin:0 auto}.guarantee-banner svg{color:#0f8;flex-shrink:0}.guarantee-banner h4{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px}.guarantee-banner p{font-size:14px;color:#ffffffb3;line-height:1.6;margin:0}@media(max-width:768px){.bundles-grid{grid-template-columns:1fr}.countdown-content{flex-direction:column;gap:16px}.section-header h2,.time-value{font-size:24px}.bundle-header h3{font-size:20px}.sale-price{font-size:32px}.guarantee-banner{flex-direction:column;text-align:center}}.course-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 32px;background:linear-gradient(135deg,#0a1628,#0d1b2a)}.hero-glow-container{position:absolute;inset:0;z-index:0;pointer-events:none}.glow-orb{position:absolute;border-radius:50%}.glow-orb-blue-1{width:700px;height:700px;top:-250px;right:-250px;background:radial-gradient(circle,rgba(0,217,255,.4) 0%,rgba(74,144,226,.2) 50%,transparent 100%);filter:blur(120px);animation:glowPulseBlue 5s ease-in-out infinite}.glow-orb-blue-2{width:500px;height:500px;bottom:-150px;left:-150px;background:radial-gradient(circle,rgba(74,144,226,.3) 0%,rgba(0,180,216,.2) 60%,transparent 100%);filter:blur(100px);animation:glowPulseBlue 6s ease-in-out infinite;animation-delay:-3s}.particles-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,217,255,.1) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(74,144,226,.1) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(0,217,255,.1) 1px,transparent 1px);background-size:50px 50px,80px 80px,60px 60px;opacity:.5;animation:particlesDrift 20s linear infinite}@keyframes particlesDrift{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,-80px 80px,60px -60px}}@keyframes glowPulseBlue{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.crystal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;z-index:1}.crystal-glow-blue{position:absolute;inset:-60%;background:radial-gradient(circle,rgba(0,217,255,.6) 0%,rgba(74,144,226,.4) 30%,transparent 70%);filter:blur(90px);animation:crystalGlowFloat 4s ease-in-out infinite}.crystal-core-blue{position:relative;width:100%;height:100%;animation:crystalFloat 6s ease-in-out infinite}.crystal-svg{width:100%;height:100%;filter:drop-shadow(0 0 40px rgba(0,217,255,.8)) drop-shadow(0 0 20px rgba(74,144,226,.6))}.crystal-facet-blue{animation:facetShineBlue 3s ease-in-out infinite;filter:url(#innerGlow)}@keyframes crystalGlowFloat{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(-10px) rotate(240deg)}}@keyframes facetShineBlue{0%,to{opacity:.9}50%{opacity:1;filter:brightness(1.3)}}.hero-content{position:relative;z-index:2;max-width:900px;text-align:center}.hero-title{font-family:Poppins,sans-serif;font-size:64px;font-weight:700;line-height:1.1;margin-bottom:24px;color:var(--text-primary);text-shadow:0 4px 30px rgba(0,217,255,.3)}.title-highlight-blue{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--text-secondary);line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:20px;justify-content:center;margin-bottom:60px}.btn-hero-primary-blue,.btn-hero-secondary-blue{padding:18px 40px;font-size:18px;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px}.btn-hero-primary-blue{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;box-shadow:0 10px 30px #00d9ff66}.btn-hero-primary-blue:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff99}.btn-hero-primary-blue .btn-icon{width:20px;height:20px;transition:transform .3s ease}.btn-hero-primary-blue:hover .btn-icon{transform:translate(4px)}.btn-hero-secondary-blue{background:transparent;color:var(--course-primary);border:2px solid var(--course-primary)}.btn-hero-secondary-blue:hover{background:var(--course-primary);color:#000;transform:translateY(-3px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;padding:30px;background:#11225066;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #00d9ff1a}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-value-blue{font-size:36px;font-weight:700;color:var(--course-primary);line-height:1;margin-bottom:8px;text-shadow:0 0 20px rgba(0,217,255,.5)}.stat-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.stat-divider-blue{width:1px;height:40px;background:linear-gradient(180deg,transparent 0%,rgba(0,217,255,.4) 50%,transparent 100%)}.stat-icon{margin-top:4px;font-size:18px}@media(max-width:1024px){.hero-title{font-size:48px}.crystal-container{width:220px;height:220px}}@media(max-width:768px){.course-hero{min-height:auto;padding:60px 24px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-cta-group{flex-direction:column;gap:12px}.btn-hero-primary-blue,.btn-hero-secondary-blue{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:20px;padding:20px}.stat-divider-blue{width:60%;height:1px}.crystal-container{width:160px;height:160px;opacity:.6}}.course-card{position:relative;background:#11225066;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00d9ff33;border-color:#00d9ff4d}.card-glow-border-blue{position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent 0deg,var(--course-primary) 90deg,transparent 180deg,var(--course-accent) 270deg,transparent 360deg);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1;animation:rotateBorder 3s linear infinite}.course-card:hover .card-glow-border-blue{opacity:1}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#00d9ff1a,#4a90e21a)}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .thumbnail-image{transform:scale(1.08)}.video-preview-overlay{position:absolute;inset:0;background:#0a1628d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:fadeIn .3s ease}.play-button{width:80px;height:80px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 8px 30px #00d9ff80;transition:transform .3s ease}.play-button:hover{transform:scale(1.1)}.play-button svg{width:32px;height:32px;margin-left:4px}.preview-hint{font-size:14px;font-weight:600;color:var(--course-primary);text-transform:uppercase;letter-spacing:1px}.duration-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:13px;font-weight:600;color:#fff}.duration-badge svg{width:14px;height:14px;stroke-width:2.5}.tier-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;border:1px solid}.tier-icon{font-size:14px}.lock-overlay{position:absolute;inset:0;background:#0a0e27eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.lock-icon svg{width:48px;height:48px;fill:var(--text-muted);opacity:.7}.lock-message{font-size:14px;font-weight:600;color:var(--text-tertiary);text-align:center}.course-info{padding:20px}.instructor-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.instructor-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--course-primary);object-fit:cover}.instructor-name{font-size:14px;font-weight:600;color:var(--text-secondary)}.course-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.rating-wrapper{display:flex;align-items:center;gap:6px}.rating-stars{font-size:16px}.rating-value{font-size:14px;font-weight:600;color:var(--course-primary)}.rating-count,.lesson-count{font-size:13px;color:var(--text-tertiary)}.course-description{font-size:14px;color:var(--text-tertiary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-wrapper{margin-bottom:16px}.progress-bar{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--course-primary) 0%,var(--course-accent) 100%);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #00d9ff80}.progress-text{font-size:12px;font-weight:600;color:var(--course-primary)}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.price-included{font-size:14px;font-weight:600;color:var(--accent-green)}.course-price{font-size:20px;font-weight:700;color:var(--course-primary)}.btn-continue,.btn-start,.btn-upgrade{padding:10px 24px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-continue,.btn-start{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000}.btn-continue:hover,.btn-start:hover{transform:scale(1.05);box-shadow:0 8px 20px #00d9ff66}.btn-upgrade{background:#ffffff1a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2)}.btn-upgrade:hover{background:#ffffff26;transform:scale(1.05)}.course-card.locked{opacity:.85}@media(max-width:768px){.course-info{padding:16px}.course-title{font-size:16px}.course-price{font-size:18px}.course-footer{flex-direction:column;align-items:stretch}.btn-continue,.btn-start,.btn-upgrade{width:100%;text-align:center}}.learning-paths-section{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(0,217,255,.02) 50%,transparent 100%)}.section-header{text-align:center;max-width:800px;margin:0 auto 60px}.section-title{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,var(--course-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6}.paths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.path-card{position:relative;background:#11225066;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;transition:all .3s ease;overflow:hidden}.path-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00d9ff33;border-color:#00d9ff4d}.path-card-glow{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(0,217,255,.1) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease}.path-card:hover .path-card-glow{opacity:1}.path-header{display:flex;gap:20px;margin-bottom:24px}.path-icon-wrapper{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00d9ff4d}.path-icon{font-size:32px}.path-header-content{flex:1}.path-badges{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.difficulty-badge,.course-count-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge{border:1px solid}.course-count-badge{background:#ffffff1a;color:var(--text-tertiary)}.path-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.path-description{font-size:14px;color:var(--text-tertiary);line-height:1.6}.path-stats{display:flex;gap:24px;padding:16px;background:#ffffff08;border-radius:12px;margin-bottom:24px}.path-stats .stat{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.path-stats .stat svg{width:18px;height:18px;stroke-width:2;color:var(--course-primary)}.path-progress-section{margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-size:16px;font-weight:700;color:var(--course-primary)}.progress-track{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill-path{height:100%;background:linear-gradient(90deg,var(--course-primary) 0%,var(--course-accent) 100%);border-radius:10px;transition:width .5s ease;box-shadow:0 0 12px #00d9ff80}.path-courses{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.path-course-item{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.path-course-item:hover{background:#ffffff0d;border-color:#00d9ff33}.path-course-item.completed{background:#00ff880d;border-color:#0f83}.course-number{flex-shrink:0;width:32px;height:32px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--course-primary)}.path-course-item.completed .course-number{background:#0f83;border-color:var(--accent-green);color:var(--accent-green)}.course-details{flex:1;display:flex;flex-direction:column;gap:4px}.course-name{font-size:14px;font-weight:600;color:var(--text-primary)}.course-duration{font-size:12px;color:var(--text-tertiary)}.completed-check svg{width:24px;height:24px;color:var(--accent-green)}.course-lock svg{width:24px;height:24px;color:var(--text-muted)}.btn-start-path{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-start-path:hover{transform:scale(1.02);box-shadow:0 12px 32px #00d9ff66}.btn-start-path svg{width:20px;height:20px;stroke-width:2.5}@media(max-width:1024px){.paths-grid{grid-template-columns:1fr}}@media(max-width:768px){.learning-paths-section{padding:60px 0}.section-title{font-size:36px}.path-card{padding:24px}.path-header{flex-direction:column}}.free-preview-section{padding:100px 0;background:linear-gradient(135deg,#0a1628cc,#0d1b2acc);position:relative;overflow:hidden}.free-preview-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.preview-container{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:1}.preview-content{max-width:500px}.preview-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:50px;margin-bottom:24px}.preview-badge svg{width:18px;height:18px;color:var(--course-primary)}.preview-badge span{font-size:14px;font-weight:600;color:var(--course-primary);text-transform:uppercase;letter-spacing:.5px}.preview-title{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.preview-description{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.preview-benefits{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.preview-benefits li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text-secondary)}.preview-benefits li svg{width:24px;height:24px;color:var(--accent-green);flex-shrink:0}.btn-free-trial{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00d9ff66}.btn-free-trial:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff99}.btn-free-trial svg{width:20px;height:20px;stroke-width:2.5}.preview-player{aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 20px 60px #00000080,0 0 0 1px #00d9ff33}.player-placeholder{width:100%;height:100%;position:relative;cursor:pointer}.placeholder-bg{width:100%;height:100%;background:linear-gradient(135deg,#0a1628,#112250);position:relative;display:flex;align-items:center;justify-content:center}.placeholder-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.15) 0%,transparent 70%)}.play-button-large{position:relative;z-index:2;width:120px;height:120px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #00d9ff99;transition:all .3s ease;animation:playButtonPulse 2s ease-in-out infinite}.player-placeholder:hover .play-button-large{transform:scale(1.1)}@keyframes playButtonPulse{0%,to{box-shadow:0 20px 60px #00d9ff99}50%{box-shadow:0 20px 80px #00d9ffcc}}.play-icon-large{width:48px;height:48px;color:#000;margin-left:6px}.video-info{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);z-index:3}.video-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.video-meta{display:flex;gap:24px;font-size:14px;color:#fffc}.video-duration,.video-quality{display:flex;align-items:center;gap:6px}.video-duration svg,.video-quality svg{width:16px;height:16px;stroke-width:2}.tevello-player-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;color:var(--course-primary);padding:40px;text-align:center}.placeholder-note{font-size:14px;color:var(--text-muted)}.player-features{display:flex;justify-content:center;gap:40px;margin-top:24px;padding:20px;background:#11225066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.1);border-radius:16px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.feature-item svg{width:24px;height:24px;stroke-width:2;color:var(--course-primary)}.feature-item span{font-size:13px;color:var(--text-tertiary)}@media(max-width:1024px){.preview-container{grid-template-columns:1fr;gap:40px}.preview-content{max-width:100%}.preview-title{font-size:36px}}@media(max-width:768px){.free-preview-section{padding:60px 0}.preview-title{font-size:32px}.preview-description{font-size:16px}.btn-free-trial{width:100%;justify-content:center}.play-button-large{width:80px;height:80px}.play-icon-large{width:32px;height:32px}.video-title{font-size:18px}.player-features{flex-direction:column;gap:16px}}.courses-tabs{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border-bottom:1px solid rgba(255,189,89,.2);padding:14px 0;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px;margin-top:0}.tabs-container{max-width:560px;margin:20px auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:14px;padding:14px;flex-wrap:wrap}.tab-button{width:154px;max-width:154px;min-width:140px;max-height:196px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.1);border-radius:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;text-align:center;overflow:hidden}.tab-button:hover{transform:translateY(-3px);border-color:#ffbd5980;box-shadow:0 6px 17px #0000004d}.tab-button.active{background:#9c061233;border-color:#9c061299}.tab-button svg{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;max-width:31px!important;max-height:31px!important;flex-shrink:0;flex-grow:0;opacity:.9;margin:0}.tab-content{display:flex;flex-direction:column;gap:3px;max-height:98px;overflow:hidden;width:100%;padding:0;margin:0}.tab-label{font-size:11px;font-weight:600;color:#ffbd59;letter-spacing:.2px;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:29px}.tab-description{font-size:8px;font-weight:400;color:#ffffffb3;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:38px}.tab-content-container{max-width:1200px;margin:0 auto}@media(max-width:768px){.courses-tabs{top:60px;padding:10px 0;margin-bottom:14px}.tabs-container{flex-direction:column;align-items:center;gap:11px;padding:10px;margin:14px auto}.tab-button{width:100%;max-width:210px}.tab-label{font-size:10px}.tab-description{font-size:8px}}.page-content,.courses-container{margin-top:0!important;padding-top:20px!important}.course-header{padding:14px 28px;margin-bottom:14px}.course-header h2{font-size:25px;font-weight:600;margin-bottom:7px}.course-header p{font-size:10px;line-height:1.5}.course-stats{display:flex;gap:14px;flex-wrap:wrap;padding:14px 28px}.stat-item{display:flex;align-items:center;gap:6px;font-size:10px}.stat-item svg{width:14px;height:14px}.badge,.course-badge,.tier-badge,.popular-badge,.current-tier-badge{padding:4px 8px;font-size:8px;border-radius:7px}button,.btn,.course-button,.tier-select-btn,.lesson-start-btn{padding:8px 14px;font-size:10px;border-radius:7px;gap:6px}button svg,.btn svg{width:12px;height:12px}.course-hero{background:var(--bg-card);padding:64px 32px;border-radius:24px;margin:0 auto 48px;max-width:80%;position:relative;overflow:hidden}.course-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,255,136,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.course-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.course-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:20px;color:#0f8;font-size:14px;font-weight:600;margin-bottom:24px}.course-hero-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.2}.course-hero-subtitle{font-size:24px;color:#ffffffe6;margin-bottom:12px;font-weight:600}.course-hero-description{font-size:18px;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.course-stats{display:flex;gap:32px;margin-bottom:40px;flex-wrap:wrap}.course-stat{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:16px;font-weight:600}.course-stat svg{color:#0f8}.course-instructor{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.instructor-avatar{font-size:64px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:2px solid rgba(0,255,136,.3);border-radius:50%}.instructor-info{flex:1}.instructor-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.instructor-title{font-size:16px;color:#0f8;margin-bottom:4px;font-weight:600}.instructor-experience{font-size:14px;color:#fff9}.course-progress-section{padding:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-label{font-size:16px;font-weight:600;color:#ffffffe6}.progress-percentage{font-size:24px;font-weight:800;color:#0f8}.progress-bar-wrapper{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0f8,#00cc6a);border-radius:4px;transition:width .3s ease}.progress-stats{display:flex;justify-content:space-between;font-size:14px;color:#ffffffb3;margin-bottom:16px}.next-lesson{display:flex;align-items:center;gap:12px;padding:16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;margin-top:16px}.next-lesson svg{color:#0f8;flex-shrink:0}.next-lesson-info{display:flex;flex-direction:column;gap:4px}.next-lesson-label{font-size:12px;color:#fff9;text-transform:uppercase;font-weight:600}.next-lesson-title{font-size:14px;color:#fff;font-weight:600}.section-title{font-size:36px;font-weight:800;color:#fff;text-align:center;margin-bottom:12px}.section-subtitle{font-size:18px;color:#ffffffb3;text-align:center;margin-bottom:48px}.pricing-section{margin-bottom:80px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.pricing-card{position:relative;padding:32px 24px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.pricing-card:hover{border-color:#00ff8880;transform:translateY(-4px);box-shadow:0 12px 40px #0f83}.pricing-card.popular{border-color:#ffbd5980;background:#ffbd590d}.pricing-card.current-tier{border-color:#00ff8880;background:#00ff880d}.popular-badge{position:absolute;top:-12px;right:24px;padding:6px 16px;background:linear-gradient(135deg,#ffbd59,#ff9a3c);color:#1a1a2e;font-size:12px;font-weight:700;border-radius:12px;text-transform:uppercase}.current-tier-badge{position:absolute;top:-12px;left:24px;padding:6px 12px;background:linear-gradient(135deg,#0f8,#00cc6a);color:#1a1a2e;font-size:12px;font-weight:700;border-radius:12px;display:flex;align-items:center;gap:6px}.tier-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;color:#1a1a2e;margin-bottom:16px;text-transform:uppercase}.tier-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.tier-price{margin-bottom:24px}.price-free{font-size:32px;font-weight:800;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-amount{font-size:36px;font-weight:800;color:#fff;display:block;line-height:1;margin-bottom:4px}.price-duration{font-size:14px;color:#fff9}.tier-features{list-style:none;padding:0;margin:0 0 24px}.tier-feature{display:flex;align-items:center;gap:12px;padding:12px 0;color:#ffffffe6;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}.tier-feature:last-child{border-bottom:none}.tier-feature svg{color:#0f8;flex-shrink:0}.tier-locked{display:flex;align-items:center;gap:8px;padding:12px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;font-weight:600;margin-bottom:16px}.tier-select-btn{width:100%}.curriculum-section{margin-bottom:80px}.curriculum-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.curriculum-chapter{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.curriculum-chapter:hover{border-color:#fff3}.curriculum-chapter.locked{opacity:.6}.curriculum-chapter.expanded{border-color:#00ff884d}.chapter-header{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.curriculum-chapter.locked .chapter-header{cursor:not-allowed}.chapter-info{flex:1}.chapter-number{font-size:12px;font-weight:700;color:#0f8;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.chapter-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.chapter-meta{display:flex;gap:20px;flex-wrap:wrap}.chapter-duration,.chapter-lessons{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffb3}.chapter-duration svg{color:#0f8}.chapter-progress-badge{padding:4px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;color:#0f8;font-size:12px;font-weight:600}.chapter-lock{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border-radius:12px}.chapter-lock svg{color:#ffffff80}.lock-tier{font-size:12px;font-weight:700;color:#ffffffb3;text-transform:uppercase}.chapter-progress-circle{position:relative;width:48px;height:48px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#0f8}.lessons-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.lesson-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.lesson-item:hover{background:#ffffff0d;border-color:#00ff884d}.lesson-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:10px;color:#0f8;flex-shrink:0}.lesson-info{flex:1}.lesson-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.lesson-meta{display:flex;gap:16px;align-items:center}.lesson-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff9}.lesson-duration svg{color:#fff6}.lesson-type{font-size:12px;color:#ffffff80;text-transform:uppercase;font-weight:600}.lesson-start-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px}.cta-section{padding:80px 40px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:24px;text-align:center;margin-bottom:40px}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:40px;font-weight:800;color:#fff;margin-bottom:16px}.cta-description{font-size:18px;color:#ffffffe6;margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-large{padding:16px 32px;font-size:16px;font-weight:700}@media(max-width:768px){.course-hero{padding:60px 24px}.course-hero-title{font-size:36px}.course-hero-subtitle{font-size:20px}.course-stats{gap:16px}.section-title{font-size:28px}.pricing-grid{grid-template-columns:1fr}.chapter-header{padding:20px}.lessons-list{padding:0 20px 20px}.cta-title{font-size:32px}.cta-buttons{flex-direction:column}.btn-large{width:100%}}.category-section-courses{padding:40px 0;background:#0a162880;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:80px;z-index:90}.category-tabs-courses{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.category-tab-course{display:flex;align-items:center;gap:8px;padding:12px 28px;background:#11225066;border:2px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.category-tab-course:hover{background:#11225099;border-color:#00d9ff4d;transform:translateY(-2px)}.category-tab-course.active{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);border-color:var(--course-primary);color:#000;box-shadow:0 8px 20px #00d9ff66}.courses-grid-section{padding:80px 0}.section-header-simple{text-align:center;margin-bottom:60px}.section-header-simple h2{font-size:42px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.section-header-simple p{font-size:18px;color:var(--text-secondary)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;gap:20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,217,255,.2);border-top-color:var(--course-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:18px;color:var(--text-tertiary)}.courses-cta-section{padding:100px 0;background:linear-gradient(135deg,#00d9ff0d,#4a90e20d);position:relative;overflow:hidden}.courses-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.1) 0%,transparent 70%);pointer-events:none}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.cta-content p{font-size:20px;color:var(--text-secondary);margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center}.btn-cta-primary,.btn-cta-secondary{padding:18px 40px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cta-primary{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;border:none;box-shadow:0 10px 30px #00d9ff66}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff99}.btn-cta-secondary{background:transparent;color:var(--course-primary);border:2px solid var(--course-primary)}.btn-cta-secondary:hover{background:#00d9ff1a;transform:translateY(-3px)}@media(max-width:1200px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.container{padding:0 20px}.category-section-courses{position:static;padding:20px 0}.category-tabs-courses{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs-courses::-webkit-scrollbar{display:none}.category-tab-course{flex-shrink:0;padding:10px 20px;font-size:14px}.section-header-simple h2{font-size:32px}.courses-grid{grid-template-columns:1fr;gap:20px}.courses-grid-section{padding:40px 0}.cta-content h2{font-size:32px}.cta-content p{font-size:16px}.cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}}@media(max-width:480px){.courses-grid{gap:16px}}.course-learning-page{display:flex;min-height:100vh;background:transparent}.course-sidebar{width:350px;background:#0a0e27f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;transition:all .3s ease;overflow-y:auto;height:100vh;position:sticky;top:0}.course-sidebar.collapsed{width:60px}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-back{flex:1;padding:10px 16px;background:#11225099;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#112250cc;border-color:#ffbd594d}.btn-toggle-sidebar{padding:10px 12px;background:#11225099;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.btn-toggle-sidebar:hover{background:#ffbd5933;border-color:#ffbd59}.course-info{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.course-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}.course-instructor{font-size:14px;color:#ffffffb3;margin-bottom:20px}.progress-card{background:#11225066;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:14px;color:#fffc;font-weight:600}.progress-percent{font-size:18px;font-weight:700;color:#0f8}.progress-bar-container{width:100%;height:8px;background:#11225099;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d4aa);border-radius:4px;transition:width .5s ease}.progress-stats{font-size:12px;color:#fff9;text-align:center;margin:0}.chapters-list{flex:1;padding:20px;overflow-y:auto}.chapter-section{margin-bottom:24px}.chapter-title{font-size:16px;font-weight:700;color:#ffbd59;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(255,189,89,.2)}.lessons-list{display:flex;flex-direction:column;gap:8px}.lesson-item{display:flex;align-items:center;gap:12px;padding:12px;background:#11225066;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.lesson-item:hover:not(.locked){background:#11225099;border-color:#ffbd594d;transform:translate(4px)}.lesson-item.active{background:#ffbd5933;border-color:#ffbd59}.lesson-item.completed{background:#00ff881a;border-color:#00ff884d}.lesson-item.locked{opacity:.5;cursor:not-allowed}.lesson-icon{font-size:18px;flex-shrink:0}.lesson-info{flex:1;display:flex;flex-direction:column;gap:4px}.lesson-title{font-size:14px;font-weight:600;color:#fff;line-height:1.3}.lesson-duration{font-size:12px;color:#fff9}.learning-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.video-section{background:#000;border-bottom:1px solid rgba(255,255,255,.12)}.lesson-header{padding:24px 32px;background:#0a0e27f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;gap:24px}.lesson-meta{flex:1}.chapter-badge{display:inline-block;padding:6px 12px;background:#ffbd5933;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;font-weight:600;margin-bottom:12px}.lesson-header .lesson-title{font-size:28px;font-weight:700;color:#fff;margin:0;line-height:1.3}.lesson-actions{display:flex;gap:12px}.content-tabs{flex:1;display:flex;flex-direction:column;background:#0a0e2799}.tabs-header{display:flex;gap:4px;padding:20px 32px 0;border-bottom:2px solid rgba(255,255,255,.12)}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#fff9;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;bottom:-2px}.tab-btn:hover{color:#ffffffe6}.tab-btn.active{color:#ffbd59;border-bottom-color:#ffbd59}.tab-content{flex:1;padding:32px;overflow-y:auto}.content-panel{max-width:900px}.markdown-content{color:#fff;line-height:1.8}.markdown-content h1{font-size:32px;font-weight:700;color:#ffbd59;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(255,189,89,.2)}.markdown-content h2{font-size:24px;font-weight:700;color:#fff;margin-top:32px;margin-bottom:16px}.markdown-content h3{font-size:20px;font-weight:600;color:#ffffffe6;margin-top:24px;margin-bottom:12px}.markdown-content p{font-size:16px;color:#ffffffd9;margin-bottom:16px}.markdown-content li{font-size:16px;color:#ffffffd9;margin-left:24px;margin-bottom:8px}.markdown-content strong{color:#ffbd59;font-weight:600}.notes-panel,.bookmarks-panel{max-width:900px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{font-size:16px;color:#ffffffb3;margin-bottom:12px}.empty-state .hint{font-size:14px;color:#ffffff80}.notes-list,.bookmarks-list{display:flex;flex-direction:column;gap:16px}.note-card,.bookmark-card{padding:20px;background:#11225099;border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:all .3s ease}.note-card:hover,.bookmark-card:hover{border-color:#ffbd594d;transform:translateY(-2px)}.note-header,.bookmark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.note-time,.bookmark-time{font-size:13px;font-weight:600;color:#ffbd59;font-family:monospace}.btn-delete{padding:6px 10px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background:#ef44444d;border-color:#ef4444}.note-text{font-size:15px;color:#ffffffd9;line-height:1.6;margin:0;white-space:pre-wrap}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:transparent;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{font-size:16px;color:#fffc}.course-sidebar::-webkit-scrollbar,.learning-content::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:8px}.course-sidebar::-webkit-scrollbar-track,.learning-content::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.course-sidebar::-webkit-scrollbar-thumb,.learning-content::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.course-sidebar::-webkit-scrollbar-thumb:hover,.learning-content::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:1024px){.course-sidebar{width:300px}.lesson-header{flex-direction:column;align-items:flex-start}.lesson-actions{width:100%;justify-content:space-between}}@media(max-width:768px){.course-sidebar{position:fixed;left:0;top:0;z-index:1000;width:280px;transform:translate(-100%)}.course-sidebar.collapsed{transform:translate(0);width:60px}.lesson-header{padding:20px}.lesson-header .lesson-title{font-size:22px}.tabs-header{padding:16px 20px 0}.tab-content{padding:20px}}@media(max-width:480px){.lesson-header{padding:16px}.lesson-header .lesson-title{font-size:20px}.tab-btn{padding:10px 16px;font-size:14px}.tabs-header{padding:12px 16px 0;gap:2px}.tab-content{padding:16px}.markdown-content h1{font-size:24px}.markdown-content h2{font-size:20px}.markdown-content p,.markdown-content li{font-size:15px}}.left-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(156,6,18,.6) rgba(30,42,94,.3)}.left-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track{background:#1e2a5e4d;border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb{background:#9c061299;border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#9c0612cc}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:transparent;border:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#fffc;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.nav-item:hover{background:#ffbd5914;color:#fff}.nav-item:hover .nav-icon{color:#ffbd59}.nav-item.active{background:linear-gradient(135deg,#9c06124d,#6b0f1a4d);border:1px solid rgba(255,189,89,.5);color:#fff;box-shadow:0 4px 16px #ffbd5926}.nav-item.active .nav-icon{color:#ffbd59}.nav-icon{color:#ffffffb3;flex-shrink:0;transition:all .2s ease}.nav-label{flex:1}.nav-chevron{color:#ffffff80;display:flex;align-items:center;transition:all .2s ease}.nav-item:hover .nav-chevron{color:#ffbd59}.categories-submenu{display:flex;flex-direction:column;gap:0px;padding-left:24px;margin-top:2px;margin-bottom:4px}.category-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:transparent;border:none;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.category-item:hover{background:#ffbd5914;color:#ffffffe6}.category-item:hover .category-icon{color:#ffbd59}.category-item.active{background:#ffbd5926;color:#fff}.category-item.active .category-icon{color:#ffbd59}.category-icon{color:#fff9;flex-shrink:0;transition:all .2s ease}.category-name{font-weight:500}.events-widget{background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;margin-top:16px;box-shadow:0 8px 32px #0000004d}.events-widget-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.events-widget-header svg{color:#ffbd59;flex-shrink:0}.events-widget-header h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.events-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.event-item{display:flex;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease;cursor:pointer}.event-item:hover{background:#ffbd5914;border-color:#ffbd5933}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:10px;flex-shrink:0}.event-day{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#ffbd59;line-height:1}.event-month{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#ffffffe6;text-transform:uppercase;line-height:1;margin-top:2px}.event-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.event-title{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#ffffffe6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time{font-family:Inter,sans-serif;font-size:12px;color:#fff9;margin:0}.view-all-events{width:100%;padding:10px 16px;background:transparent;border:1px solid rgba(255,189,89,.3);border-radius:50px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#ffbd59;cursor:pointer;transition:all .2s ease}.view-all-events:hover{background:#ffbd591a;border-color:#ffbd59;box-shadow:0 4px 16px #ffbd5933}@media(max-width:1024px){.left-sidebar{display:none}}.post-card{background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000004d;cursor:pointer;transition:all .3s ease}.post-card:hover{border-color:#ffbd594d;box-shadow:0 12px 40px #ffbd5926;transform:translateY(-4px)}.post-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.post-author{display:flex;align-items:center;gap:12px;flex:1}.author-avatar{width:44px;height:44px;flex-shrink:0}.author-avatar img,.author-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;border:2px solid #FFBD59}.author-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.author-name-row{display:flex;align-items:center;gap:12px}.author-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-badge{display:inline-block;padding:4px 12px;background:rgba(var(--badge-color-rgb, 255, 189, 89),.15);border:1px solid var(--badge-color, #FFBD59);border-radius:50px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--badge-color, #FFBD59)}.post-timestamp{font-family:Inter,sans-serif;font-size:13px;color:#ffffff80}.post-menu{position:relative}.menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease}.menu-btn:hover{background:#ffffff1a;color:#fff}.menu-dropdown{position:absolute;top:40px;right:0;min-width:180px;background:#1e2a5ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:100;overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:transparent;border:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#ffffffe6;cursor:pointer;transition:all .2s ease;text-align:left}.menu-item:hover{background:#ffffff1a}.menu-item svg{color:#fff9;flex-shrink:0}.menu-item.delete{color:#f44}.menu-item.delete:hover{background:#ff44441a}.menu-item.delete svg{color:#f44}.post-content{margin-bottom:16px}.post-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;line-height:1.4}.post-text{font-family:Inter,sans-serif;font-size:15px;line-height:1.6;color:#ffffffd9;margin:0 0 16px;white-space:pre-wrap;word-wrap:break-word}.post-image{border-radius:16px;overflow:hidden;margin:16px 0;max-height:500px}.post-image img{width:100%;height:auto;object-fit:cover;display:block}.trading-data{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:16px;margin-top:16px}.trading-data-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.trading-data-header svg{color:#00d9ff}.trading-data-header span{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#00d9ff}.trading-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.data-item{display:flex;flex-direction:column;gap:4px}.data-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.data-value{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px}.data-value.stop-loss{color:#f44}.data-value.stop-loss svg{color:#f44}.data-value.take-profit{color:#0f8}.data-value.take-profit svg{color:#0f8}.data-value.rr{color:#ffbd59}@media(max-width:480px){.trading-data-grid{grid-template-columns:1fr}}.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.post-stats{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:14px;color:#fff9}.stat-item svg{color:#ffffff80}.post-actions{display:flex;align-items:center;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fffc;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.action-btn svg{color:#fff9;transition:all .2s ease}.action-btn:hover svg{color:#fff}.action-btn.liked{background:#ff444426;border-color:#f446;color:#f44}.action-btn.liked:hover{background:#ff444440}.action-btn.liked svg{color:#f44}@media(max-width:768px){.post-card{padding:20px}.post-footer{flex-direction:column;align-items:flex-start;gap:16px}.post-stats{width:100%}.post-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}}@media(max-width:480px){.post-card{padding:16px}.author-name-row{flex-direction:column;align-items:flex-start;gap:6px}.post-title{font-size:18px}.post-text{font-size:14px}.action-btn span{display:none}.action-btn{padding:8px 12px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.modal-content{width:100%;max-width:680px;max-height:90vh;overflow-y:auto;background:#1e2a5ef2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 24px 80px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-radius:4px;border:1px solid #FFBD59}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a;border-color:#ffbd59;color:#ffbd59}.modal-body{padding:24px 32px;display:flex;flex-direction:column;gap:20px}.post-author-info{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.post-author-info .author-avatar{width:52px;height:52px;flex-shrink:0}.post-author-info .author-avatar img,.post-author-info .author-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-author-info .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;border:2px solid #FFBD59}.author-details{flex:1;display:flex;flex-direction:column;gap:8px}.author-details .author-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff}.category-select{position:relative;display:flex;align-items:center}.category-select select{padding:8px 36px 8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#ffbd59;cursor:pointer;appearance:none;outline:none;transition:all .2s ease}.category-select select:hover{background:#ffffff1f;border-color:#ffbd59}.category-select select option{background:#1e2a5e;color:#fff}.category-select svg{position:absolute;right:12px;color:#ffbd59;pointer-events:none}.post-title-input,.post-content-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-family:Inter,sans-serif;color:#fff;outline:none;transition:all .3s ease}.post-title-input{padding:16px 20px;font-size:18px;font-weight:700}.post-title-input::placeholder{color:#fff6;font-weight:600}.post-content-input{padding:16px 20px;font-size:15px;line-height:1.6;resize:vertical;min-height:140px}.post-content-input::placeholder{color:#fff6}.post-title-input:focus,.post-content-input:focus{background:#ffffff14;border-color:#ffbd59;box-shadow:0 0 0 3px #ffbd591a}.char-count{font-family:Inter,sans-serif;font-size:13px;color:#ffffff80;text-align:right;margin-top:-12px}.image-preview{position:relative;border-radius:16px;overflow:hidden;max-height:400px}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#f44c;border-color:#f44}.toggle-trading-data-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(0,217,255,.3);border-radius:50px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#00d9ff;cursor:pointer;transition:all .2s ease;align-self:flex-start}.toggle-trading-data-btn:hover{background:#00d9ff1a;border-color:#00d9ff}.toggle-trading-data-btn svg{color:#00d9ff}.trading-data-inputs{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px}.input-group input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;outline:none;transition:all .2s ease}.input-group input:focus{background:#ffffff14;border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a}.input-group input::placeholder{color:#ffffff4d}.error-message{padding:14px 18px;background:#ff444426;border:1px solid rgba(255,68,68,.4);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;color:#f44;text-align:center}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.image-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fffc;cursor:pointer;transition:all .2s ease}.image-upload-btn:hover{background:#ffffff1a;border-color:#ffbd59;color:#ffbd59}.image-upload-btn svg{color:#fff9}.image-upload-btn:hover svg{color:#ffbd59}.footer-actions{display:flex;gap:12px}.cancel-btn,.submit-btn{padding:14px 32px;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc}.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.submit-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ffbd5966}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn .spinner{animation:spin 1s linear infinite}@media(max-width:768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header,.modal-body{padding:20px}.input-row{grid-template-columns:1fr;gap:12px}.modal-footer{flex-direction:column;gap:12px}.image-upload-btn,.footer-actions{width:100%}.footer-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}.center-feed{display:flex;flex-direction:column;gap:24px}.post-creation-box{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #0000004d;cursor:pointer;transition:all .3s ease}.post-creation-box:hover{border-color:#ffbd594d;box-shadow:0 12px 40px #ffbd5926;transform:translateY(-2px)}.post-creation-avatar{width:48px;height:48px;flex-shrink:0}.post-creation-avatar img,.post-creation-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-creation-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;border:2px solid #FFBD59}.post-creation-input{flex:1}.post-creation-input p{font-family:Inter,sans-serif;font-size:16px;color:#fff9;margin:0}.post-creation-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}.post-creation-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5966}.post-creation-btn svg{color:#ffbd59}.feed-tabs{display:flex;gap:32px;padding:0 4px 12px;border-bottom:2px solid rgba(255,255,255,.1)}.feed-tab{position:relative;background:transparent;border:none;padding:12px 0;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#ffffff80;cursor:pointer;transition:all .3s ease}.feed-tab:hover{color:#fffc}.feed-tab.active{color:#fff}.feed-tab.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:linear-gradient(135deg,#9c0612,#ffbd59)}.feed-controls{display:flex;gap:16px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;box-shadow:0 8px 32px #0000004d}.search-bar{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;transition:all .3s ease}.search-bar:focus-within{border-color:#ffbd59;box-shadow:0 0 0 3px #ffbd591a}.search-bar svg{color:#ffffff80;flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:14px;color:#fff}.search-bar input::placeholder{color:#ffffff80}.sort-dropdown{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;min-width:180px}.sort-dropdown svg{color:#ffbd59;flex-shrink:0}.sort-dropdown select{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.sort-dropdown select option{background:#1e2a5e;color:#fff}.posts-feed,.posts-list{display:flex;flex-direction:column;gap:16px}.feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.feed-loading p{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin:0}.feed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,68,68,.3);border-radius:20px}.error-message{font-family:Inter,sans-serif;font-size:16px;color:#f44;margin:0 0 24px}.retry-btn{padding:12px 32px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5966}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.empty-icon{margin-bottom:24px}.empty-icon svg{color:#ffbd5966}.feed-empty h3{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.feed-empty p{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin:0 0 32px;max-width:400px}.create-first-post-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}.create-first-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5966}.create-first-post-btn svg{color:#ffbd59}.load-more{display:flex;justify-content:center;padding:24px 0}.load-more-btn{padding:14px 40px;background:transparent;border:2px solid rgba(255,189,89,.5);border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#ffbd59;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-2px)}@media(max-width:768px){.feed-controls{flex-direction:column;gap:12px}.sort-dropdown{width:100%}.post-creation-box{padding:16px}.post-creation-btn span{display:none}.post-creation-btn{padding:12px}}.right-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(156,6,18,.6) rgba(30,42,94,.3);padding-bottom:20px}.sidebar-search{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:50px;transition:all .3s ease}.sidebar-search:focus-within{border-color:#ffbd5966;box-shadow:0 8px 24px #ffbd5926}.sidebar-search svg{color:#ffffff80;flex-shrink:0}.sidebar-search input{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:14px;color:#fff}.sidebar-search input::placeholder{color:#fff6}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:#1e2a5e4d;border-radius:3px}.right-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-radius:3px;border:1px solid #FFBD59}.sidebar-widget{background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;position:relative;margin-bottom:0!important}.sidebar-widget:hover{border-color:#ffbd594d;box-shadow:0 12px 40px #ffbd5926}.sidebar-widget-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-widget-header svg{color:#ffbd59;flex-shrink:0}.sidebar-widget-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1}.flame-icon{color:#f44;animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.trending-list{display:flex;flex-direction:column;gap:12px}.trending-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.trending-item:hover{background:#ffffff14;border-color:#ffbd5966;transform:translate(4px)}.trending-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50%;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#ffbd59}.trending-content{flex:1;min-width:0}.trending-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.trending-stats{display:flex;align-items:center;gap:12px}.trending-stats .stat{display:flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:12px;color:#fff9}.trending-stats .stat svg{color:#ffffff80}.online-badge{display:flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 10px;background:#0f83;border:1px solid rgba(0,255,136,.4);border-radius:50px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;color:#0f8;margin-left:auto}.online-indicator-text{display:flex;align-items:center;gap:12px;padding:16px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px}.pulse-dot{width:12px;height:12px;background:#0f8;border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.online-indicator-text p{font-family:Inter,sans-serif;font-size:14px;color:#0f8;margin:0}.creators-list{display:flex;flex-direction:column;gap:16px}.creator-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.creator-item:hover{background:#ffffff14;border-color:#ffbd5966;transform:translateY(-2px)}.creator-avatar{width:48px;height:48px;flex-shrink:0}.creator-avatar img,.creator-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.creator-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;border:2px solid #FFBD59}.creator-info{flex:1;min-width:0}.creator-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-stats{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;color:#fff9}.stat-separator{color:#ffffff4d}.tier-badge{padding:4px 10px;border-radius:50px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.tier-badge.tier-tier1{background:#c0c0c033;color:silver;border:1px solid rgba(192,192,192,.4)}.tier-badge.tier-tier2{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4)}.tier-badge.tier-tier3{background:#8a2be233;color:#8a2be2;border:1px solid rgba(138,43,226,.4)}.chatbot-widget{background:linear-gradient(135deg,#9c061233,#1e2a5e66);border:2px solid rgba(255,189,89,.3);padding:16px!important;z-index:2;clear:both;display:flex;flex-direction:column;overflow:visible;min-height:auto}.chatbot-widget:hover{border-color:#ffbd59;box-shadow:0 12px 40px #ffbd594d}.chatbot-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.chatbot-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50%;box-shadow:0 4px 16px #ffbd5966}.chatbot-icon svg{width:36px;height:36px;color:#ffbd59;animation:pulse 2s ease-in-out infinite}.chatbot-heading{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.chatbot-description{font-family:Inter,sans-serif;font-size:12px;line-height:1.4;color:#fffc;margin:0;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.chatbot-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.chatbot-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5980}.chatbot-btn svg{color:#ffbd59}.chatbot-features{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}.feature-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#ffffffe6;white-space:nowrap}.feature-tag svg{flex-shrink:0;color:#ffbd59}.feature-tag span{line-height:1}.sponsor-widget{background:linear-gradient(135deg,#ffbd591a,#1e2a5e66);border:2px solid rgba(255,189,89,.3);padding:16px!important;margin-top:0!important;z-index:1;clear:both;display:flex;flex-direction:column;position:relative;overflow:visible;min-height:auto}.sponsor-widget:hover{border-color:#ffbd59;box-shadow:0 12px 40px #ffbd5933}.sponsor-content{display:flex;flex-direction:column;gap:10px}.sponsor-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.sponsor-card:hover{background:#ffffff0f;transform:translateY(-2px)}.sponsor-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50%;box-shadow:0 4px 16px #ffbd594d}.sponsor-logo svg{width:32px;height:32px;color:#ffbd59}.sponsor-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sponsor-description{font-family:Inter,sans-serif;font-size:12px;line-height:1.4;color:#ffffffb3;margin:0}.sponsor-link{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#ffbd59;text-decoration:none;transition:all .3s ease}.sponsor-link:hover{color:#fff;text-shadow:0 0 10px rgba(255,189,89,.5)}.widget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.mini-spinner{width:32px;height:32px;border:3px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.widget-loading p{font-family:Inter,sans-serif;font-size:14px;color:#fff9;margin:0}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.widget-empty svg{color:#ffbd594d}.widget-empty p{font-family:Inter,sans-serif;font-size:14px;color:#ffffff80;margin:0}@media(max-width:1024px){.right-sidebar{max-height:none;position:static}}@media(max-width:768px){.right-sidebar{display:none}}.forum-3column-container{display:grid;grid-template-columns:280px 1fr 360px;gap:24px;max-width:1920px;margin:0 auto;padding:48px 16px 80px;min-height:calc(100vh - 80px);background:transparent}@media(max-width:1024px){.forum-3column-container{grid-template-columns:1fr 360px;padding:32px 16px 60px}.forum-3column-container>.left-sidebar{display:none}}@media(max-width:768px){.forum-3column-container{grid-template-columns:1fr;gap:16px;padding:24px 12px 60px}.forum-3column-container>.left-sidebar,.forum-3column-container>.right-sidebar{display:none}}.forum-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 32px;text-align:center}.forum-loading-spinner{width:60px;height:60px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.forum-loading-text{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forum-error{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.forum-error-icon{width:80px;height:80px;margin-bottom:24px;color:#f44}.forum-error-message{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:24px;max-width:400px}.forum-error-retry{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:2px solid #FFBD59;border-radius:50px;padding:14px 32px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.forum-error-retry:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd594d}.forum-empty{grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.forum-empty-icon{width:100px;height:100px;margin-bottom:24px;color:#ffbd5999}.forum-empty-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.forum-empty-message{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:32px;max-width:400px}.forum-empty-cta{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.forum-empty-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffbd5966}.forum-3column-container ::-webkit-scrollbar{width:8px;height:8px}.forum-3column-container ::-webkit-scrollbar-track{background:#1e2a5e4d;border-radius:4px}.forum-3column-container ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-radius:4px;border:1px solid #FFBD59}.forum-3column-container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6b0f1a,#9c0612)}@media(max-width:480px){.forum-3column-container{padding:16px 12px 48px}.forum-empty-title{font-size:20px}.forum-empty-message{font-size:14px}.forum-empty-cta{padding:14px 28px;font-size:16px}}.forum-page{min-height:calc(100vh - 60px);max-width:1200px;margin:0 auto;padding:40px 20px;animation:fadeIn .5s ease-in}.back-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffbd59;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.back-btn:hover{background:linear-gradient(135deg,#ffbd5926,#ff8c001a);border-color:#ffbd59;transform:translate(-4px);box-shadow:0 0 20px #ffbd5940}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#ffbd59;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#fff9;margin-bottom:1.5rem}.card-glass{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card-glass:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff33}.forum-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.heading-gold{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px}.forum-subtitle{font-family:Inter,sans-serif;color:#ffffffb3;font-size:16px;font-weight:500;line-height:1.6}.forum-filters{margin-bottom:32px}.search-bar{display:flex;gap:16px;margin-bottom:24px}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;opacity:.5}.search-input{width:100%;padding:14px 20px 14px 48px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-family:Inter,sans-serif;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.search-input::placeholder{color:#fff6}.category-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.category-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1e2a5e66;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.category-btn.active{background:#ffbd5926;border-color:#ffbd59;color:#ffbd59;box-shadow:0 0 16px #ffbd594d;font-weight:700}.sort-options{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sort-icon{font-size:1.25rem}.sort-label{color:#fff9;font-size:.9rem;font-weight:500}.sort-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1e2a5e66;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sort-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.sort-btn.active{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 16px #00d9ff4d;font-weight:700}.threads-list{display:flex;flex-direction:column;gap:16px}.thread-card{cursor:pointer;transition:all .3s ease}.thread-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffbd5926}.thread-card-content{display:flex;gap:1.25rem}.thread-avatar{width:48px;height:48px;border-radius:50%;border:2px solid;object-fit:cover;flex-shrink:0}.thread-main{flex:1;min-width:0}.thread-badges{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.category-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--badge-color, #FFBD59);color:#0a0e27;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ffbd5966}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;white-space:nowrap}.status-badge.solved{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3);box-shadow:0 0 12px #0f83}.status-badge.pinned{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3);box-shadow:0 0 12px #ffbd5933}.thread-title{font-family:Poppins,sans-serif;color:#fff;font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}.thread-excerpt{font-family:Inter,sans-serif;color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem}.thread-author{color:#ffbd59;font-weight:500}.thread-stat{color:#ffffff80}.thread-date{color:#fff6;margin-left:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem}.pagination-btn{padding:14px 32px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffbd59;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffbd5926,#ff8c001a);border-color:#ffbd59;transform:translateY(-2px);box-shadow:0 0 20px #ffbd5940}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:#ffffffb3;font-weight:500}.thread-detail-page{max-width:900px}.thread-detail{margin-bottom:2rem}.thread-detail-header{margin-bottom:1.5rem}.thread-detail-title{font-family:Poppins,sans-serif;color:#fff;font-size:32px;font-weight:800;line-height:1.3;margin-bottom:16px}.thread-detail-meta{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.author-avatar-small{width:32px;height:32px;border-radius:50%;border:2px solid #FFBD59;object-fit:cover}.author-name{color:#ffbd59;font-weight:600}.meta-dot{color:#ffffff4d}.thread-date{color:#ffffff80}.thread-detail-content{margin:1.5rem 0}.thread-detail-content p{color:#ffffffd9;font-size:1rem;line-height:1.8;white-space:pre-wrap}.thread-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,189,89,.1)}.action-btn{padding:14px 32px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#fffc;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:linear-gradient(135deg,#ffbd5926,#ff8c001a);border-color:#ffbd59;color:#ffbd59;transform:translateY(-2px);box-shadow:0 0 20px #ffbd5940}.replies-section{margin-bottom:2rem}.replies-title{color:#ffbd59;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.no-replies{text-align:center;padding:2rem;color:#ffffff80}.replies-list{display:flex;flex-direction:column;gap:1rem}.reply-card{transition:all .3s ease}.reply-card.accepted{border-color:#0f86;background:#00ff8808}.reply-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.reply-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,189,89,.3);object-fit:cover}.reply-author-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.reply-author-name{color:#fff;font-weight:600;font-size:.95rem}.reply-date{color:#ffffff80;font-size:.8rem}.accepted-badge{padding:8px 16px;background:#0f83;border:1px solid rgba(0,255,136,.4);border-radius:50px;color:#0f8;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0f86}.reply-content{margin-bottom:1rem}.reply-content p{color:#fffc;font-size:.95rem;line-height:1.7;white-space:pre-wrap}.reply-actions{display:flex;gap:.75rem}.reply-action-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,189,89,.15);border-radius:8px;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .3s ease}.reply-action-btn:hover{background:#ffbd591a;color:#ffbd59;transform:translateY(-2px)}.reply-action-btn.accept-btn{color:#0f8;border-color:#0f83}.reply-action-btn.accept-btn:hover{background:#00ff881a;border-color:#0f86}.reply-form{margin-top:2rem}.reply-form-title{color:#ffbd59;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.login-prompt{color:#fff9;text-align:center;padding:2rem}.login-prompt a{color:#ffbd59;text-decoration:none;font-weight:600}.login-prompt a:hover{text-decoration:underline}.reply-textarea{width:100%;padding:14px 20px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-size:16px;font-family:Inter,sans-serif;line-height:1.6;resize:vertical;transition:all .3s ease}.reply-textarea:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.reply-textarea::placeholder{color:#ffffff4d}.reply-form-actions{margin-top:1rem;display:flex;justify-content:flex-end}.create-thread-page{max-width:800px}.page-header{margin-bottom:2rem}.page-subtitle{color:#fff9;font-size:1rem;line-height:1.6}.create-thread-form{margin-bottom:2rem}.form-group{margin-bottom:1.75rem;position:relative}.form-label{display:block;color:#ffffffe6;font-weight:600;margin-bottom:.75rem;font-size:.95rem}.required{color:#ff6b6b;margin-left:.25rem}.form-input{width:100%;padding:14px 20px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-family:Inter,sans-serif;font-size:16px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.form-input.error{border-color:#ff6b6b80}.form-input::placeholder{color:#ffffff4d}.form-textarea{width:100%;padding:14px 20px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;resize:vertical;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.form-textarea.error{border-color:#ff6b6b80}.form-textarea::placeholder{color:#ffffff4d}.error-message{display:block;color:#ff6b6b;font-size:.85rem;margin-top:.5rem}.char-count{position:absolute;right:0;bottom:-1.5rem;color:#fff6;font-size:.8rem}.helper-text{display:block;color:#ffffff80;font-size:.85rem;margin-top:.5rem;font-style:italic}.category-selector{display:flex;flex-direction:column;gap:.75rem}.category-select-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.category-select-btn:hover{background:#ffffff0d;border-color:var(--category-color);transform:translate(4px)}.category-select-btn.selected{background:var(--category-color);border-color:var(--category-color)}.category-select-btn.selected .category-info{color:#000}.category-icon{font-size:1.75rem;flex-shrink:0}.category-info{display:flex;flex-direction:column;gap:.25rem;color:#fffc}.category-name{font-weight:600;font-size:1rem}.category-desc{font-size:.85rem;opacity:.7}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,189,89,.1)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:2px solid #FFBD59;border-radius:50px;box-shadow:0 10px 40px #9c061266}.btn-primary:hover:not(:disabled){transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffe6}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-icon{font-size:1.1rem}.guidelines-card{background:#ffbd590d;border-color:#ffbd5933}.guidelines-title{color:#ffbd59;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.guidelines-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.guidelines-list li{color:#ffffffb3;font-size:.95rem;line-height:1.6;padding-left:1.5rem;position:relative}.guidelines-list li:before{content:"✓";position:absolute;left:0;color:#0f8;font-weight:700}.guidelines-list strong{color:#ffbd59;font-weight:600}@media(max-width:768px){.forum-page{padding:1rem}.forum-header{flex-direction:column;gap:1rem}.heading-gold{font-size:2rem}.search-bar{flex-direction:column}.thread-card-content{gap:.875rem}.thread-avatar{width:40px;height:40px}.thread-title{font-size:1.1rem}.thread-detail-title{font-size:1.5rem}.pagination{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.category-buttons{flex-direction:column}.category-btn{width:100%}.sort-options{flex-direction:column;align-items:flex-start}.thread-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.thread-date{margin-left:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.user-badge{display:inline-flex;align-items:center;gap:4px;border-radius:8px;border:1px solid currentColor;font-weight:600;white-space:nowrap;transition:all .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.badge-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.badge-label{text-transform:uppercase;letter-spacing:.5px;line-height:1}.user-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px currentColor}@keyframes pulse-glow{0%,to{opacity:.9;box-shadow:0 0 8px currentColor}50%{opacity:1;box-shadow:0 0 16px currentColor}}.badge-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.badge-shimmer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s linear infinite;border-radius:inherit;pointer-events:none}.badge-shimmer,.badge-shimmer-rotate{position:relative;overflow:hidden}.badge-shimmer-rotate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s linear infinite;border-radius:inherit}@keyframes premium-glow{0%,to{box-shadow:0 0 12px #ffbd5966}50%{box-shadow:0 0 20px #ffbd5999,0 0 30px #9c061266}}.badge-premium-glow{animation:premium-glow 2s ease-in-out infinite}@keyframes subtle-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.badge-subtle-shine{animation:subtle-shine 3s ease-in-out infinite}@keyframes gold-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 6px rgba(255,215,0,.4))}}.badge-gold-shine{animation:gold-shine 3s ease-in-out infinite}@keyframes diamond-sparkle{0%,to{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(90deg) brightness(1.2)}50%{filter:hue-rotate(180deg) brightness(1.3)}75%{filter:hue-rotate(270deg) brightness(1.2)}}.badge-diamond-sparkle{animation:diamond-sparkle 4s linear infinite}@keyframes trophy-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,189,89,.6))}}.badge-trophy-shine{animation:trophy-shine 3s ease-in-out infinite}@keyframes admin-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #ef44444d}50%{transform:scale(1.05);box-shadow:0 0 16px #ef444480}}.badge-admin-pulse{animation:admin-pulse 1.5s ease-in-out infinite}@keyframes subtle-glow{0%,to{box-shadow:0 0 6px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b66}}.badge-subtle-glow{animation:subtle-glow 2s ease-in-out infinite}@keyframes target-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-target-pulse .badge-icon{animation:target-pulse 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.badge-heartbeat .badge-icon{animation:heartbeat 1.5s ease-in-out infinite}@keyframes money-rain{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(16,185,129,.6))}}.badge-money-rain{animation:money-rain 2s ease-in-out infinite}@keyframes rocket-launch{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.badge-rocket-launch .badge-icon{animation:rocket-launch 2s ease-in-out infinite}@media(max-width:768px){.user-badge{transform:scale(.95)}.user-badge:hover{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.user-badge,.user-badge *,.user-badge:before,.user-badge:after{animation:none!important;transition:none!important}}.user-badge:focus{outline:2px solid currentColor;outline-offset:2px}.user-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.user-badges.vertical{flex-direction:column;align-items:flex-start}.user-badges.compact{gap:4px}.user-badges.spacious{gap:8px}@media(max-width:768px){.user-badges{gap:4px}}.emoji-picker-container{position:relative;display:inline-block}.btn-emoji:hover{background:#ffffff1a;color:#ffbd59;transform:scale(1.1)}.emoji-picker-popup{position:absolute;bottom:100%;left:0;margin-bottom:12px;background:#1a1f3afa;border:1px solid rgba(255,255,255,.15);border-radius:16px;width:320px;max-height:400px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0a0e2799}.emoji-picker-header h4{margin:0;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.emoji-picker-content{padding:12px;max-height:340px;overflow-y:auto;overflow-x:hidden}.emoji-picker-content::-webkit-scrollbar{width:6px}.emoji-picker-content::-webkit-scrollbar-track{background:#ffffff0d}.emoji-picker-content::-webkit-scrollbar-thumb{background:#00d9ff66;border-radius:3px}.emoji-picker-content::-webkit-scrollbar-thumb:hover{background:#00d9ff99}.emoji-category{margin-bottom:16px}.emoji-category:last-child{margin-bottom:0}.emoji-category-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-button{background:transparent;border:none;padding:8px;font-size:20px;cursor:pointer;border-radius:8px;transition:all .15s;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-button:hover{background:#00d9ff26;transform:scale(1.2)}.emoji-button:active{transform:scale(1.1)}@media(max-width:480px){.emoji-picker-popup{width:280px;max-height:350px}.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-button{font-size:18px;padding:6px}}.file-attachment-container{position:relative;display:inline-block}.btn-attach{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-attach:hover{background:#ffffff1a;color:#00d9ff;transform:scale(1.1)}.attachment-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;max-width:250px}.attachment-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:#00d9ff}.attachment-details{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:10px;color:#fff9}.btn-remove-attachment{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove-attachment:hover{background:#ff595933;color:#ff5959}.upload-progress-small{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;color:#00d9ff;font-size:12px}.spinner-small{width:16px;height:16px;border:2px solid rgba(0,217,255,.3);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite}.attachment-error{position:absolute;top:100%;left:0;margin-top:4px;padding:6px 10px;background:#ff595933;border:1px solid rgba(255,89,89,.4);border-radius:8px;color:#ff5959;font-size:11px;white-space:nowrap;z-index:10}.message-attachment{margin-top:8px;max-width:100%}.attachment-image-link{display:block;border-radius:12px;overflow:hidden;max-width:300px;transition:opacity .2s}.attachment-image-link:hover{opacity:.9}.attachment-image{width:100%;height:auto;display:block;border-radius:12px}.attachment-file-link{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:300px;text-decoration:none;color:#fff;transition:all .2s}.attachment-file-link:hover{background:#ffffff14;border-color:#00d9ff}.attachment-file-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00d9ff26;border-radius:8px;color:#00d9ff}.attachment-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.attachment-file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-file-size{font-size:12px;color:#ffffff80}.download-icon{flex-shrink:0;color:#fff6;transition:color .2s}.attachment-file-link:hover .download-icon{color:#00d9ff}.messages-page{height:calc(100vh - 60px);padding:0}.messages-container{display:flex!important;flex-direction:row!important;height:100%;max-width:1600px;margin:0 auto;background:#1e2a5e33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d;min-height:0}.conversations-sidebar{flex:0 0 380px;min-width:380px;max-width:380px;background:#0a0e2799;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100%}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px;margin:0}.btn-new-chat{background:linear-gradient(135deg,#00d9ff,#4d9de0);border:2px solid rgba(255,255,255,.12);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00d9ff4d}.btn-new-chat:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00d9ff66}.search-bar{padding:12px 16px;display:flex;align-items:center;gap:8px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);min-height:0;max-height:60px}.search-bar input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 15px;color:#fff;font-size:14px;height:36px;min-height:36px;max-height:36px}.search-bar input::placeholder{color:#fff6}.conversations-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#ffffff0d}.conversations-list::-webkit-scrollbar-thumb{background:#00d9ff66;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#00d9ff99}.conversation-item{display:flex;align-items:center;gap:12px;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.conversation-item:hover{background:#ffffff0d}.conversation-item.active{background:#00d9ff1a;border-left:3px solid #00D9FF}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00d9ff,#7b68ee);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#0f8;border:2px solid #0a0e27;border-radius:50%;box-shadow:0 0 8px #0f89}.conversation-details{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-header h4{margin:0;font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:12px;color:#ffffff80;flex-shrink:0}.conversation-preview{margin:0;font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#00d9ff;color:#0a0e27;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.chat-area{flex:1;display:flex!important;flex-direction:column;height:100%;min-height:0;min-width:0;background:#1a1f3a66;position:relative}.chat-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0a0e2799;display:flex;justify-content:space-between;align-items:center}.chat-header-info{display:flex;align-items:center;gap:16px}.chat-avatar{width:48px;height:48px;border-radius:50%;position:relative;overflow:hidden;flex-shrink:0}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff}.online-status{font-size:12px;font-weight:500}.online-status.online{color:#0f8}.online-status.offline{color:#fff6}.online-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#00d9ff;display:inline-block}.messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:60%;padding:12px 16px;border-radius:16px;position:relative}.message.sent .message-content{background:linear-gradient(135deg,#00d9ff,#7b68ee);color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background:#ffffff14;color:#fff;border-bottom-left-radius:4px}.message-content p{margin:0 0 4px;font-size:14px;line-height:1.5;word-wrap:break-word}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.message-time{font-size:11px;opacity:.7}.message-read-receipt{font-size:12px;color:#00d9ff;font-weight:700;opacity:.9}.deleted-message{opacity:.5;font-size:13px}.typing-indicator{display:flex;align-items:center;gap:8px;padding:12px;animation:fadeIn .3s ease}.typing-dots{display:flex;gap:4px;padding:8px 12px;background:#ffffff14;border-radius:16px}.typing-dots span{width:8px;height:8px;background:#00d9ff;border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.typing-text{font-size:12px;color:#fff9;font-style:italic}.message-input-form{padding:20px;background:#0a0e2799;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.btn-emoji{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-emoji:hover{background:#ffffff1a;color:#00d9ff}.message-input-form input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 20px;color:#fff;font-size:14px;transition:all .2s}.message-input-form input:focus{outline:none;border-color:#00d9ff;background:#ffffff14}.message-input-form input::placeholder{color:#fff6}.btn-send{background:linear-gradient(135deg,#00d9ff,#7b68ee);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s}.btn-send:hover:not(:disabled){transform:scale(1.1)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state,.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;padding:40px;text-align:center}.empty-state svg,.no-conversation-selected svg{color:#ffffff4d;margin-bottom:16px}.empty-state h3,.no-conversation-selected h3{margin:0 0 8px;font-size:18px;color:#fff}.empty-state p,.no-conversation-selected p{margin:0 0 20px;color:#ffffff80}.btn-primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-primary:hover:before{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:flex-start;justify-content:flex-end;padding:20px;z-index:1000;animation:fadeIn .2s ease}.modal{background:#1a1f3af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:500px;max-width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}.new-chat-modal{width:360px;max-height:500px;animation:slideInFromRight .3s ease}@keyframes slideInFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.modal-body{padding:20px}.search-results{margin-top:16px;max-height:400px;overflow-y:auto}.new-chat-modal .search-results{max-height:320px}.new-chat-modal .modal-body,.new-chat-modal .modal-header{padding:16px}.user-result{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s;position:relative}.user-result:hover{background:#ffffff0d}.user-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#00d9ff,#7b68ee);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;min-width:0}.user-info h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#fff}.user-info p{margin:0;font-size:13px;color:#ffffff80}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:#00d9ff;box-shadow:0 0 8px #00d9ff}.status-indicator.offline{background:#ffffff4d}.status-indicator.away{background:#ffbd59}.no-results{text-align:center;color:#ffffff80;padding:40px 20px}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-header-actions{position:relative}.btn-actions{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s}.btn-actions:hover{background:#ffffff1a;color:#fff}.user-actions-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#1a1f3afa;border:1px solid rgba(255,255,255,.15);border-radius:12px;min-width:180px;box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:transparent;border:none;color:#fffc;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;text-align:left}.menu-item:hover{background:#ffffff14;color:#fff}.menu-item.block:hover{background:#ff595926;color:#ff5959}.menu-item.unblock:hover{background:#00d9ff26;color:#00d9ff}.menu-item.report:hover{background:#ffbd5926;color:#ffbd59}.menu-item svg{flex-shrink:0}.report-modal{width:550px}.modal-title-icon{display:flex;align-items:center;gap:12px}.warning-icon{color:#ffbd59}.report-description{margin:0 0 24px;color:#ffffffb3;font-size:14px;line-height:1.6}.form-group label{display:block;margin-bottom:8px;color:#fff;font-size:14px;font-weight:500}.form-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:#00d9ff;background:#ffffff14}.form-select option{background:#1a1f3a;color:#fff}.form-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.form-textarea:focus{outline:none;border-color:#00d9ff;background:#ffffff14}.form-textarea::placeholder{color:#fff6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 20px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1f;color:#fff}.btn-danger{background:linear-gradient(135deg,#ff5959,#d32f2f);border:none;border-radius:8px;padding:10px 24px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff59594d}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff595966}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.messages-container{grid-template-columns:1fr}.conversations-sidebar{display:none}.message-content{max-width:80%}}.image-upload-container{width:100%}.upload-zone{width:100%;min-height:200px;border:2px dashed rgba(255,189,89,.3);border-radius:12px;background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease;padding:32px 20px}.upload-zone:hover{border-color:#ffbd5999;background:#ffbd590d}.upload-zone.drag-active{border-color:#ffbd59;background:#ffbd591a;transform:scale(1.02)}.upload-zone.uploading{cursor:not-allowed;border-color:#00d9ff;background:#00d9ff0d}.upload-icon{color:#ffbd59;opacity:.7}.upload-zone h4{margin:0;font-size:16px;font-weight:600;color:#ffffffe6}.upload-zone p{margin:0;font-size:13px;color:#ffffff80}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px}.upload-progress .spinner{width:40px;height:40px;border:4px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite}.upload-progress p{margin:0;font-size:14px;font-weight:600;color:#00d9ff}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#ffbd59);border-radius:3px;transition:width .3s ease}.image-preview-container{position:relative;width:100%;border-radius:12px;overflow:hidden;border:2px solid rgba(255,189,89,.3)}.uploaded-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.btn-remove-image{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ff6b9de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff6b9d66}.btn-remove-image:hover{background:#ff6b9d;transform:scale(1.1);box-shadow:0 6px 16px #ff6b9d99}.upload-error{margin-top:12px;padding:12px 16px;background:#ff6b9d1a;border:1px solid rgba(255,107,157,.3);border-radius:8px;color:#ff6b9d;font-size:13px;font-weight:500}@media(max-width:768px){.upload-zone{min-height:160px;padding:24px 16px}.upload-icon{width:36px;height:36px}.upload-zone h4{font-size:14px}.upload-zone p{font-size:12px}}.events-page{min-height:calc(100vh - 60px);padding:40px 20px}.events-container{max-width:1600px;margin:0 auto}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.header-content h1{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;display:flex;align-items:center;gap:16px;letter-spacing:-1px}.header-content p{margin:0;font-family:Inter,sans-serif;color:#ffffffb3;font-size:16px;font-weight:500}.btn-create-event{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-create-event:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-create-event:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-create-event:hover:before{opacity:1}.events-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:12px 24px;color:#fff9;font-weight:600;cursor:pointer;transition:all .2s;position:relative;margin-bottom:-2px}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#00d9ff;border-bottom-color:#00d9ff}.events-filters{display:flex;gap:12px;margin-bottom:30px}.filter-group{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;color:#fff9}.filter-group select{background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;outline:none}.filter-group select option{background:#1a1f3a;color:#fff}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.event-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative;box-shadow:0 8px 32px #00000059}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff33;border-color:#ffffff40}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ffbd59,#ff6b9d);color:#fff;padding:8px 16px;border-radius:50px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 4px 12px #ff6b9d4d}.event-host-actions{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:10}.btn-icon-action{background:#0a0e27e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-icon-action.edit{color:#00d9ff;border-color:#00d9ff}.btn-icon-action.edit:hover{background:#00d9ff33;box-shadow:0 4px 12px #00d9ff66}.btn-icon-action.delete{color:#ff6b9d;border-color:#ff6b9d}.btn-icon-action.delete:hover{background:#ff6b9d33;box-shadow:0 4px 12px #ff6b9d66}.event-image{height:200px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:16px}.event-type-badge{background:#0a0e27e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 16px;color:#00d9ff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.event-content{padding:20px}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.event-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;flex:1}.tier-badge{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#fff;padding:8px 16px;border-radius:50px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.event-description{margin:0 0 16px;color:#ffffffb3;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.event-meta-item{display:flex;align-items:center;gap:8px;color:#fff9;font-size:13px}.event-meta-item svg{color:#00d9ff;flex-shrink:0}.event-actions{display:flex;gap:12px}.btn-rsvp,.btn-disabled{flex:1;padding:14px 32px;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn-rsvp{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-color:#ffbd59;color:#fff;box-shadow:0 8px 32px #9c061266}.btn-rsvp:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-rsvp:hover{transform:translateY(-2px);box-shadow:0 10px 40px #9c061280,0 0 24px #ffbd5966;border-color:#ffbd59cc}.btn-rsvp:hover:before{opacity:1}.btn-rsvp.active{background:linear-gradient(135deg,#6b0f1a,#9c0612);border-color:#ffbd59}.btn-disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff9;text-align:center}.empty-state svg{color:#ffffff4d;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:20px;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal{background:#1a1f3af2;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-close-modal{position:absolute;top:16px;right:16px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;transition:all .2s}.btn-close-modal:hover{background:#ffffff1a;transform:rotate(90deg)}.event-detail-image{height:300px;background-size:cover;background-position:center;position:relative;border-radius:20px 20px 0 0}.event-detail-content{padding:30px}.event-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.event-detail-header h2{margin:0;font-size:28px;font-weight:700;color:#fff;flex:1}.event-type-label{display:inline-flex;align-items:center;gap:8px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:#00d9ff;padding:8px 16px;border-radius:50px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.event-detail-description{color:#fffc;font-size:15px;line-height:1.7;margin:0 0 24px}.event-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.meta-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.meta-item svg{color:#00d9ff;flex-shrink:0;margin-top:2px}.meta-item div{display:flex;flex-direction:column;gap:4px}.meta-item strong{color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.meta-item span{color:#fff;font-size:14px;font-weight:500}.event-detail-actions{display:flex;gap:12px}.btn-rsvp-large{flex:1;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-rsvp-large:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-rsvp-large:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-rsvp-large:hover:before{opacity:1}.btn-rsvp-large.active{background:linear-gradient(135deg,#6b0f1a,#9c0612);border-color:#ffbd59}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#fff}.btn-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.info-message{text-align:center;color:#ffffffb3;padding:40px 20px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px}.event-create-modal{max-width:700px}.modal-header h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#9c0612,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;color:#fff9;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff1a;color:#fff}.event-create-form{padding:24px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px}.form-group label svg{color:#ffbd59}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;color:#fff;transition:all .2s;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#9c0612;background:#9c06121a;box-shadow:0 0 0 3px #9c061233}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.image-preview{margin-top:12px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,189,89,.3);max-width:100%}.image-preview img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.form-group select{cursor:pointer;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='%23FFFFFF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#9C0612}.checkbox-group span{color:#ffffffe6}.error-message{padding:12px 16px;background:#f6465d26;border:1px solid rgba(246,70,93,.3);border-radius:8px;color:#f6465d;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{padding:12px 24px;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#9c0612,#ffbd59);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px;box-shadow:0 4px 12px #9c06124d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9c061266}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.events-header{flex-direction:column;align-items:flex-start}.header-content h1{font-size:24px}.btn-create-event{width:100%;justify-content:center}.events-grid{grid-template-columns:1fr}.events-tabs{flex-wrap:wrap}.tab{font-size:14px;padding:10px 16px}.event-detail-image{height:200px}.event-detail-content{padding:20px}.event-detail-header h2{font-size:22px}.event-detail-meta,.form-row{grid-template-columns:1fr}.event-create-modal{margin:0;border-radius:16px 16px 0 0;max-height:95vh}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.hexagram-visual{transform:scale(.8);transform-origin:center center;margin:-40px 0;display:flex;flex-direction:column;align-items:center;padding:12px;background:#9c06121a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,189,89,.2)}.hexagram-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;align-items:center}.hex-line{width:120px;height:8px;display:flex;justify-content:space-between;transition:all .3s ease}.hex-line.solid{background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 12px #ffbd5999;border-radius:3px}.seg-left,.seg-right{width:54px;height:100%;background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 12px #ffbd5999;border-radius:3px}.hexagram-info h4{color:#ffbd59;margin-bottom:8px;font-size:18px;font-weight:700}.hexagram-info p{color:#fffc;font-size:14px;margin-bottom:4px}.chinese{font-family:Noto Sans SC,sans-serif;color:#fff9;font-size:24px;margin-top:8px}.tarot-visual{margin:8px 0;padding:12px;background:#8b5cf61a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(139,92,246,.3);text-align:center}.tarot-card{position:relative;width:150px;height:250px;max-width:200px;max-height:333px;margin:0 auto 12px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #8b5cf64d}.card-back{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.symbol{font-size:64px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.card-overlay h4{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.card-overlay p{color:#ffffffe6;font-size:13px;margin:0}.tarot-info{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.badge{padding:6px 12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:12px;font-size:12px;color:#c4b5fd;font-weight:600;text-transform:capitalize}.cskh-buttons{margin:16px 0}.cskh-title{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:12px;letter-spacing:.5px}.cskh-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;font-size:14px;font-weight:500}.cskh-btn:hover{background:var(--cskh-color);transform:translate(4px);box-shadow:0 4px 16px #0000004d;border-color:var(--cskh-color)}.cskh-icon{flex-shrink:0;color:currentColor}.cskh-text{flex:1}@media(max-width:768px){.cskh-btn{padding:10px 14px;font-size:13px}.cskh-icon{font-size:18px}}.analytics-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.analytics-modal{background:linear-gradient(135deg,#1e2a5ef2,#2d3c78f2);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:32px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009,0 0 80px #00d9ff26,inset 0 1px #fff3;position:relative;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#fff;margin:0}.analytics-subtitle{font-size:14px;color:#fff9;margin:8px 0 0}.analytics-close-btn{padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.analytics-close-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#1e2a5e80,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px);border-color:#ffffff4d;box-shadow:0 12px 32px #0006}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.stat-label{font-size:13px;color:#ffffffb3;font-weight:500}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.chart-card{background:linear-gradient(135deg,#1e2a5e66,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:24px}.chart-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:200px;padding:20px 0 0}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-column{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:40px;border-radius:8px 8px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;box-shadow:0 4px 16px #00d9ff4d;transition:all .3s ease;min-height:4px}.bar:hover{transform:scaleY(1.05);box-shadow:0 8px 24px #00d9ff80}.bar-value{font-size:12px;font-weight:700;color:#fff}.bar-label{font-size:11px;color:#ffffffb3;text-align:center}.mode-chart{display:flex;flex-direction:column;gap:16px}.mode-item{display:flex;flex-direction:column;gap:8px}.mode-info{display:flex;justify-content:space-between;align-items:center}.mode-name{font-size:14px;font-weight:600;color:#fff}.mode-count{font-size:14px;font-weight:700;color:#fffc}.mode-bar-bg{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.mode-bar{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px currentColor}.popular-section{background:linear-gradient(135deg,#1e2a5e66,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;margin-bottom:24px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.popular-list{display:flex;flex-direction:column;gap:12px}.popular-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .3s ease}.popular-item:hover{background:#ffbd591a;border-color:#ffbd594d;transform:translate(4px)}.popular-rank{width:32px;height:32px;background:linear-gradient(135deg,#ffbd59,gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;flex-shrink:0}.popular-text{flex:1;font-size:14px;color:#ffffffe6;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.popular-badge{padding:4px 10px;background:#00d9ff33;border:1px solid rgba(0,217,255,.4);border-radius:12px;font-size:12px;font-weight:600;color:#00d9ff;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80;text-align:center}.empty-state p{margin-top:16px;font-size:14px}.analytics-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:20px}.btn-secondary{padding:10px 20px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:1px solid rgba(0,217,255,.4);border-radius:10px;color:#00d9ff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 4px 16px #00d9ff4d}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#ef44444d,#ef444433);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.analytics-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.analytics-footer p{margin:6px 0;font-size:13px;color:#ffffffb3}.analytics-footer strong{color:#fff;font-weight:600}.text-muted{color:#ffffff80!important;font-size:12px!important}@media(max-width:768px){.analytics-modal{padding:24px;max-height:95vh}.analytics-title{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.chart-container{height:150px}.bar-column{height:120px}.analytics-actions{flex-direction:column}.btn-secondary,.btn-danger{width:100%;justify-content:center}}@media(max-width:480px){.analytics-overlay{padding:10px}.analytics-modal{padding:20px}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:28px}.popular-item{flex-direction:column;align-items:flex-start}.popular-badge{align-self:flex-end}}.analytics-modal::-webkit-scrollbar{width:8px}.analytics-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.analytics-modal::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.analytics-modal::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.preferences-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.preferences-modal{background:linear-gradient(135deg,#1e2a5ef2,#2d3c78f2);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:32px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009,0 0 80px #ffbd5926,inset 0 1px #fff3;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.preferences-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.preferences-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#fff;margin:0}.preferences-close-btn{padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.preferences-close-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.preferences-content{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.pref-section{background:linear-gradient(135deg,#1e2a5e66,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:24px}.pref-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff;margin:0 0 20px}.pref-group{margin-bottom:20px}.pref-group:last-child{margin-bottom:0}.pref-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:12px}.pref-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.pref-toggle-btn{flex:1;min-width:100px;padding:12px 16px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.pref-toggle-btn:hover{background:#ffbd591a;border-color:#ffbd594d;transform:translateY(-2px)}.pref-toggle-btn.active{background:linear-gradient(135deg,#ffbd594d,#ffd70033);border-color:#ffbd59;color:#fff;box-shadow:0 4px 16px #ffbd594d}.pref-checkbox-group{display:flex;flex-direction:column;gap:12px}.pref-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease}.pref-checkbox:hover{background:#ffffff0d;border-color:#ffbd594d}.pref-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#FFBD59}.pref-checkbox span{font-size:14px;font-weight:500;color:#ffffffe6}.preferences-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.pref-actions-left,.pref-actions-right{display:flex;gap:12px}.pref-btn-primary,.pref-btn-secondary,.pref-btn-danger{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:none}.pref-btn-primary{background:linear-gradient(135deg,#ffbd59,gold);color:#000}.pref-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ffbd5966}.pref-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pref-btn-secondary{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:1px solid rgba(0,217,255,.4);color:#00d9ff}.pref-btn-secondary:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px)}.pref-btn-danger{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.4);color:#ef4444}.pref-btn-danger:hover{background:linear-gradient(135deg,#ef44444d,#ef444433);border-color:#ef4444;transform:translateY(-2px)}.pref-warning{margin-top:16px;padding:12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#ffbd59;font-size:13px;font-weight:600;text-align:center}@media(max-width:768px){.preferences-modal{padding:24px}.preferences-title{font-size:22px}.preferences-actions{flex-direction:column}.pref-actions-left,.pref-actions-right{width:100%}.pref-btn-primary,.pref-btn-secondary,.pref-btn-danger{flex:1;justify-content:center}.pref-toggle-group{flex-direction:column}.pref-toggle-btn{width:100%}}.preferences-modal::-webkit-scrollbar{width:8px}.preferences-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.preferences-modal::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.preferences-modal::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.chatbot-products-container .product-card{width:110px!important;min-width:110px!important;max-width:110px!important;height:auto!important;max-height:160px!important;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3)!important;border-radius:8px;padding:6px!important;display:flex;flex-direction:column;gap:4px!important;cursor:pointer;transition:all .3s ease;overflow:visible!important}.chatbot-products-container .product-card:hover{border-color:#ffbd5980;transform:translateY(-2px);box-shadow:0 6px 20px #ffbd594d}.chatbot-products-container .product-card-inner{display:flex;flex-direction:column;gap:4px;width:100%}.chatbot-products-container .product-image-container{width:100%!important;height:80px!important;aspect-ratio:1 / 1!important;background:#0003;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.chatbot-products-container .product-image{width:100%;height:100%;object-fit:cover}.chatbot-products-container .product-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ffbd59e6,#ffd700e6);padding:2px 4px;border-radius:4px;font-size:10px;color:#000}.chatbot-products-container .product-placeholder{font-size:28px}.chatbot-products-container .product-info{display:flex;flex-direction:column;gap:3px}.chatbot-products-container .product-name{font-size:11px!important;font-weight:600;color:#fff;line-height:1.2;height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;padding:0!important}.chatbot-products-container .product-features{list-style:none;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:2px;max-height:24px!important;overflow:hidden}.chatbot-products-container .product-feature{display:flex;align-items:flex-start;gap:3px;font-size:8px!important;color:#fff9;line-height:1.2}.chatbot-products-container .feature-bullet{color:#ffbd59;font-size:10px;flex-shrink:0}.chatbot-products-container .product-footer{display:flex;align-items:center;justify-content:space-between;gap:3px!important;margin-top:0!important;padding-top:3px!important;border-top:1px solid rgba(255,255,255,.1)}.chatbot-products-container .product-price{font-size:12px!important;font-weight:700;color:#ffbd59;margin:0!important;white-space:nowrap;flex-shrink:0}.chatbot-products-container .product-type{font-size:8px!important;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.chatbot-products-container .product-cta{display:flex;align-items:center;gap:2px;padding:4px 6px!important;background:linear-gradient(135deg,#ffbd59,gold);border:none;border-radius:5px;font-size:9px!important;font-weight:600;color:#000;white-space:nowrap;cursor:pointer;transition:all .3s ease}.chatbot-products-container .product-cta:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffbd5966}.chatbot-products-container .cta-icon{transition:transform .3s ease}.chatbot-products-container .product-cta:hover .cta-icon{transform:translate(2px)}.chatbot-products-container .product-card[style*=background]{background:#1e2a5e66!important}.voice-input-container{display:flex;gap:8px;align-items:center;position:relative}.voice-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,189,89,.3);background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffbd59;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-btn:hover:not(:disabled){background:#ffbd5933;border-color:#ffbd59;transform:scale(1.05);box-shadow:0 4px 16px #ffbd594d}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.listening{background:linear-gradient(135deg,#ef44444d,#ff59004d);border-color:#ef4444;color:#ef4444;animation:pulse 1.5s infinite;box-shadow:0 0 20px #ef444480}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ef444480}50%{transform:scale(1.05);box-shadow:0 0 30px #ef4444cc}}.lang-toggle{padding:8px 14px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:18px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.lang-toggle:hover:not(:disabled){background:#ffffff1a;border-color:#ffbd5966;transform:translateY(-2px)}.lang-toggle:disabled{opacity:.5;cursor:not-allowed}.interim-text{position:absolute;bottom:calc(100% + 10px);left:0;right:0;padding:12px 16px;background:linear-gradient(135deg,#00d9fff2,#0099ccf2);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:12px;border:1px solid rgba(0,217,255,.5);color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 16px #00d9ff4d;animation:slideInUp .3s ease;z-index:100}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.voice-btn{width:44px;height:44px}.lang-toggle{padding:6px 10px;font-size:16px}.interim-text{font-size:12px;padding:10px 12px}}.widget{background:linear-gradient(135deg,#8b5cf61a,#00d9ff1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid transparent;border-image:linear-gradient(135deg,#8b5cf6,#00d9ff) 1;border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.widget:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf60d,#00d9ff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.widget:hover{transform:translateY(-4px);box-shadow:0 12px 48px #8b5cf64d}.widget:hover:before{opacity:1}.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}.widget-header h4{font-size:16px;font-weight:600;background:linear-gradient(135deg,#00d9ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1}.widget-header .widget-status{font-size:12px;padding:4px 8px;border-radius:8px;background:#0f83;color:#0f8;font-weight:500}.widget-body{color:#ffffffe6}.current-price,.target-price{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:8px 0}.current-price .label,.target-price .label{font-size:13px;color:#fff9;font-weight:500}.current-price .value{font-size:28px;font-weight:700;color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.5)}.target-price .value{font-size:20px;font-weight:600;color:#8b5cf6}.change{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.change.positive{color:#0f8;background:#00ff881a}.change.negative{color:#f46;background:#ff44661a}.condition{font-size:12px;padding:4px 10px;border-radius:6px;background:#8b5cf633;color:#8b5cf6;text-transform:uppercase;font-weight:600}.progress-bar{height:10px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-top:16px;position:relative}.progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#00d9ff);transition:width .5s ease;border-radius:6px;position:relative}.progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.widget.small{min-width:200px;max-width:250px;padding:16px}.widget.small .widget-header h4{font-size:14px}.widget.small .current-price .value{font-size:20px}.widget.medium{min-width:300px;max-width:350px}.widget.large{min-width:400px;max-width:500px}.pattern-info{display:flex;flex-direction:column;gap:12px;margin-top:12px}.pattern-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:8px}.pattern-row .label{font-size:13px;color:#fff9}.pattern-row .value{font-size:14px;font-weight:600;color:#00d9ff}.confidence-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:8px}.confidence-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d9ff);transition:width .5s ease;border-radius:3px}.holdings-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.holding-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.holding-item:hover{background:#ffffff14;transform:translate(4px)}.holding-coin{display:flex;align-items:center;gap:8px}.coin-symbol{font-weight:700;color:#00d9ff;font-size:14px}.coin-amount{font-size:12px;color:#fff9}.holding-value{font-weight:600;color:#fff}.portfolio-summary{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.total-value{font-size:24px;font-weight:700;color:#00d9ff}.reading-content{margin-top:12px}.hexagram-name{font-size:18px;font-weight:600;color:#8b5cf6;margin-bottom:12px}.interpretation{font-size:13px;line-height:1.6;color:#fffc;margin-bottom:12px}.trading-advice{padding:12px;background:#8b5cf61a;border-left:3px solid #8B5CF6;border-radius:8px;font-size:13px;line-height:1.5;color:#ffffffe6;font-style:italic}.valid-until{font-size:11px;color:#ffffff80;margin-top:12px;text-align:center}@media(max-width:768px){.widget,.widget.small,.widget.medium,.widget.large{min-width:100%;max-width:100%}.current-price .value{font-size:24px}}.widget-preview-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.widget-preview-modal{background:linear-gradient(135deg,#141428f2,#1e1432f2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid transparent;border-image:linear-gradient(135deg,#8b5cf6,#00d9ff) 1;border-radius:24px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #8b5cf666;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ff44664d;transform:rotate(90deg)}.suggestion{font-size:16px;color:#fffc;margin-bottom:24px;padding:12px 16px;background:#8b5cf61a;border-left:3px solid #8B5CF6;border-radius:8px}.preview-area{margin-bottom:24px}.preview-label{font-size:14px;color:#fff9;margin-bottom:12px;font-weight:600}.widget-settings{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-size:14px;color:#ffffffb3;font-weight:600}.widget-name-input{padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease}.widget-name-input:focus{outline:none;border-color:#8b5cf6;background:#8b5cf61a}.widget-name-input::placeholder{color:#fff6}.size-selector{display:flex;gap:8px}.size-btn{flex:1;padding:10px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.size-btn:hover{background:#ffffff14;border-color:#8b5cf680}.size-btn.active{background:linear-gradient(135deg,#8b5cf64d,#00d9ff4d);border-color:#8b5cf6;color:#fff}.tier-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;margin-bottom:24px}.tier-badge{padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#00d9ff);border-radius:8px;font-size:12px;font-weight:700;color:#fff}.tier-text{font-size:13px;color:#fffc}.modal-actions{display:flex;gap:12px}.btn-secondary,.btn-primary{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:#ffffff1a;color:#ffffffe6;border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#00d9ff);color:#fff;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:none}@media(max-width:768px){.widget-preview-modal{padding:24px;max-height:95vh}.modal-header h2{font-size:20px}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}.size-selector{flex-direction:column}.size-btn{width:100%}}.widget-preview-modal::-webkit-scrollbar{width:8px}.widget-preview-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.widget-preview-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#00d9ff);border-radius:4px}.widget-preview-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9f7aea,#00e5ff)}.magic-card-modal{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:600px;width:100%;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-preview{display:flex;justify-content:center;margin-bottom:30px}.magic-card{width:400px;height:600px;position:relative;background:linear-gradient(135deg,#1a0b2e,#2d1b4e,#4a1e7a);border-radius:24px;padding:40px 30px;overflow:hidden;box-shadow:0 20px 60px #00000080}.glow-circle{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:0}.glow-top-left{top:-100px;left:-100px;background:radial-gradient(circle,#4c6fff 0%,transparent 70%)}.glow-bottom-right{bottom:-100px;right:-100px;background:radial-gradient(circle,#ff006e 0%,transparent 70%)}.card-inner{position:relative;z-index:1;width:100%;height:100%;background:#1e143c99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:30px 25px;display:flex;flex-direction:column;align-items:center}.magic-card-blue .card-inner{border:2px solid transparent;background-image:linear-gradient(#1e143c99,#1e143c99),linear-gradient(135deg,#4c6fff,#00d4ff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #4c6fff66,inset 0 0 20px #4c6fff1a}.magic-card-pink .card-inner{border:2px solid transparent;background-image:linear-gradient(#1e143c99,#1e143c99),linear-gradient(135deg,#ff006e,#ff6ec7);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #ff006e66,inset 0 0 20px #ff006e1a}.magic-card-purple .card-inner{border:2px solid transparent;background-image:linear-gradient(#1e143c99,#1e143c99),linear-gradient(135deg,#8b5cf6,#c084fc);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #8b5cf666,inset 0 0 20px #8b5cf61a}.magic-card-visual,.crystal-container{width:140px;height:140px;margin:10px auto 15px;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.crystal-image{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:floatCrystal 3s ease-in-out infinite}@keyframes floatCrystal{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-hexagram-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hexagram-symbol{font-size:100px;color:#ffbd59;text-shadow:0 0 30px rgba(255,189,89,.8);filter:drop-shadow(0 0 20px rgba(255,189,89,.6));animation:floatCrystal 3s ease-in-out infinite}.card-tarot-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tarot-symbol{font-size:100px;filter:drop-shadow(0 0 30px rgba(139,92,246,.8));animation:floatCrystal 3s ease-in-out infinite}.card-icon-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:100px;text-align:center;filter:drop-shadow(0 0 30px rgba(255,189,89,.6));animation:floatCrystal 3s ease-in-out infinite}.hexagram-in-card{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;max-width:120px;margin:0 auto;width:100%}.hexagram-in-card .hex-line{width:80px;height:5px;display:flex;justify-content:space-between}.hexagram-in-card .hex-line.solid{background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 10px #ffbd5980;border-radius:2px}.hexagram-in-card .seg-left,.hexagram-in-card .seg-right{width:35px;height:100%;background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 10px #ffbd5980;border-radius:2px}.card-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#fff;text-align:center;margin-bottom:15px;text-shadow:0 2px 10px rgba(255,255,255,.3);line-height:1.3}.card-divider{width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,189,89,.5),transparent);margin-bottom:20px}.card-description{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#ffffffd9;text-align:center;line-height:1.4;margin-bottom:auto;max-height:150px;overflow-y:auto;padding:0 8px;position:relative;z-index:2}.card-description::-webkit-scrollbar{width:4px}.card-description::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.card-description::-webkit-scrollbar-thumb{background:#ffbd5980;border-radius:2px}.card-description::-webkit-scrollbar-thumb:hover{background:#ffbd59b3}.card-footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.collection-tag{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.watermark{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#ffbd59;text-shadow:0 0 10px rgba(255,189,89,.5)}.export-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.export-actions button{padding:10px 20px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:6px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffffe6}.btn-export{border-color:#ffbd594d}.btn-export:hover{transform:translateY(-2px);background:#2d3c7880;border-color:#ffbd5980;box-shadow:0 4px 12px #0000004d}.btn-share{border-color:#00d9ff4d}.btn-share:hover{transform:translateY(-2px);background:#2d3c7880;border-color:#00d9ff80;box-shadow:0 4px 12px #0000004d}.btn-cancel{border-color:#fff3}.btn-cancel:hover{background:#2d3c7880;border-color:#ffffff4d;transform:translateY(-2px)}@media(max-width:768px){.magic-card{width:320px;height:480px;padding:30px 20px}.card-inner{padding:20px 15px}.crystal-container{width:140px;height:140px}.css-crystal{width:100px;height:100px}.card-title{font-size:20px}.card-description{font-size:13px;max-height:150px}.export-actions{flex-direction:column;width:100%}.export-actions button{width:100%;justify-content:center}}@media(max-width:480px){.magic-card-modal{padding:10px}.magic-card{width:280px;height:420px;padding:20px 15px}.card-inner{padding:15px 10px}.crystal-container{width:120px;height:120px;margin-bottom:15px}.css-crystal{width:80px;height:80px}.card-title{font-size:18px;margin-bottom:10px}.card-divider{margin-bottom:15px}.card-description{font-size:12px;max-height:120px}.card-footer{margin-top:15px;padding-top:10px}.collection-tag{font-size:9px}.watermark{font-size:10px}.export-actions button{padding:12px 20px;font-size:14px}}.chatbot-page{min-height:100vh;padding:40px 20px}.chatbot-container{display:flex;max-width:1400px;margin:0 auto;gap:24px;height:calc(100vh - 180px)}.chatbot-sidebar{width:300px;display:flex;flex-direction:column;gap:16px}.mode-card{padding:32px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #0006;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mode-card:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff4d;box-shadow:0 16px 48px #0009}.mode-card:hover:before{left:100%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mode-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}.mode-buttons{display:flex;flex-direction:column;gap:12px}.mode-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#11225066;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:all .3s ease}.mode-btn:hover{background:#ffffff0d;transform:translate(4px)}.mode-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.mode-icon{font-size:20px}.spread-selector{margin-top:16px}.spread-label{display:block;font-size:12px;font-weight:600;color:#fffc;margin-bottom:8px}.spread-select{width:100%;padding:10px;background:#11225099;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.usage-card{padding:12px 20px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px #0000004d;position:relative;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.usage-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.usage-card:hover{border-color:#ffffff4d;box-shadow:0 6px 24px #0006}.usage-card:hover:before{left:100%}.usage-card.limit-reached{background:#ef44441a;border-color:#ef44444d}.usage-header{display:flex;align-items:center;gap:8px;margin:0}.usage-icon{font-size:16px;display:flex;align-items:center}.usage-title{font-size:13px;font-weight:600;color:#ffffffe6;white-space:nowrap}.usage-count{font-size:20px;font-weight:700;color:#ffffffe6;margin:0;display:inline}.usage-card.limit-reached .usage-count{color:#ef4444}.usage-total{font-size:14px;color:#fff9;font-weight:500;margin-left:8px}.btn-warning{width:100%;padding:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;transition:all .3s ease}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.history-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.chat-area{flex:1;display:flex;flex-direction:column;padding:0;overflow-x:visible!important;overflow-y:auto;background:linear-gradient(135deg,#1e2a5e99,#2d3c7880);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:2px solid transparent;border-radius:24px;box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff26,0 0 60px #00d9ff1f;position:relative}.chat-area:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#00d9ff1a,#8b5cf61a);border-radius:24px;z-index:-1;opacity:.3;filter:blur(6px)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.12);background:#0a0e2799}.clear-btn{padding:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.clear-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.chat-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.chat-subtitle{font-size:14px;color:#fff9}.messages-container,.chat-messages-container{display:flex;flex-direction:column;gap:10px;padding:16px;overflow-y:auto;overflow-x:visible;height:100%;min-height:400px}.messages-container{flex:1}.message-bubble{display:flex;margin-bottom:0;overflow:visible!important}.user-message{max-width:60%;padding:8px 12px;margin-left:auto;margin-right:0;margin-bottom:8px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3);border-radius:16px 16px 4px;color:#fff;font-size:14px;line-height:1.4}.bot-message,.ai-message{align-self:flex-start;max-width:none!important;width:auto!important;padding:12px 16px;margin-bottom:8px;overflow:visible!important;background:#1e2a5e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.3);border-radius:16px 16px 16px 4px;color:#fff;font-size:14px;line-height:1.4;overflow:visible}.bot-message:has(.chatbot-products-container),.ai-message:has(.chatbot-products-container){max-width:fit-content!important}.system-message{align-self:center;max-width:80%}.message-content{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible!important}.user-message .message-content{background:#1e2a5e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3);border-radius:20px 20px 4px;color:#fff}.bot-message .message-content{background:#1e2a5e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.3);border-radius:20px 20px 20px 4px;color:#fff}.system-message .message-content{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fff;border-radius:12px;text-align:center}.message-time{font-size:11px;color:#ffffff80;margin-top:8px}.user-message .message-time{color:#fff9;text-align:right}.message-text{margin:0;padding:0;font-size:14px;line-height:1.4}.message-text p{margin:4px 0}.tarot-spread{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:8px 0}.hexagram-container{margin:2px 0;padding:6px;background:#8b5cf61a;border-radius:8px}.hexagram-visual{margin:8px 0;padding:12px;background:#9c06121a;border-radius:12px;border:1px solid rgba(255,189,89,.2)}.hexagram-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.hexagram-line{height:4px;background:var(--brand-gold, #FFBD59);border-radius:2px;box-shadow:0 0 8px #ffbd5966;transition:all .3s ease}.hexagram-line.solid{width:100%}.hexagram-line.broken{width:45%;margin:0 auto;position:relative}.hexagram-line.broken:before{content:"";position:absolute;right:-55%;width:45%;height:100%;background:var(--brand-gold, #FFBD59);border-radius:2px;box-shadow:0 0 8px #ffbd5966}.hexagram-info{text-align:center}.hexagram-info h4{font-size:18px;color:var(--brand-gold, #FFBD59);margin-bottom:8px;font-weight:700}.hexagram-info .vietnamese{font-size:14px;color:#ffffffb3}.hexagram-info .meaning{font-size:13px;color:#fff9;margin-top:4px}.product-recommendations{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.chatbot-products-container{display:flex!important;flex-direction:column!important;gap:8px!important;width:fit-content!important;max-width:none!important;overflow:visible!important;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.products-scroll{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,189,89,.3) transparent}.products-scroll::-webkit-scrollbar{height:4px}.products-scroll::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:2px}.products-scroll::-webkit-scrollbar-track{background:transparent}.tarot-container{margin:2px 0;padding:6px;background:#ec48991a;border-radius:8px}.tarot-card-visual{max-width:180px!important;margin:4px auto;padding:8px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.3);text-align:center}.tarot-image{width:100%;max-width:160px!important;height:auto;border-radius:8px;margin:0 auto 12px;box-shadow:0 4px 12px #ec48994d;display:block}.card-info{text-align:center}.card-info h4,.tarot-card-name{font-size:14px;color:#8b5cf6;margin-bottom:6px;font-weight:700}.card-vietnamese{font-size:12px;color:#ffffffb3;margin-bottom:6px}.tarot-card-description{font-size:12px;color:#fffc;line-height:1.4;margin-top:4px}.card-type{display:inline-block;padding:4px 12px;background:#8b5cf633;border-radius:12px;font-size:12px;color:#8b5cf6;margin-top:8px;font-weight:600}.quick-select-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:20px;margin:20px 0}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:linear-gradient(135deg,#1e2a5e80,#2d3c784d);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,189,89,.1));opacity:0;transition:opacity .35s ease}.quick-btn:hover{background:linear-gradient(135deg,#ffbd5940,#ffd70026);border-color:#ffbd5980;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #ffbd594d,0 0 40px #ffbd5926,inset 0 1px #fff3}.quick-btn:hover:before{opacity:1}.btn-icon{font-size:28px}.btn-text{font-size:13px;font-weight:500;color:#ffffffe6;text-align:center}.quick-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.quick-action-btn{padding:8px 16px;font-size:13px;font-weight:500;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;color:#00d9ff;cursor:pointer;transition:all .3s ease}.quick-action-btn:hover{background:#00d9ff33;border-color:#00d9ff;transform:scale(1.05)}.loading-message{display:flex;gap:8px;padding:16px;background:#11225066;border-radius:12px;align-self:flex-start;max-width:70%}.loading-message .spinner{width:20px;height:20px;border:2px solid rgba(255,189,89,.3);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.loading-message span{color:#fff9;font-size:14px}.chat-input-area{padding:24px;border-top:1px solid rgba(255,255,255,.12);background:#0a0e2799}.input-wrapper{display:flex;gap:12px;align-items:flex-end}.chat-textarea{flex:1;min-height:80px;max-height:200px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;color:#fff;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;resize:vertical;outline:none;transition:all .3s ease}.chat-textarea:focus{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;background:#1e2a5e80}.chat-textarea::placeholder{color:#fff6}.chat-textarea:disabled{opacity:.5;cursor:not-allowed}.send-btn{padding:14px 24px;font-size:20px;transition:all .3s ease}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{font-size:12px;color:#ffffff80;margin-top:12px;margin-bottom:0}.history-panel{width:350px;padding:32px;overflow-y:auto;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059}.history-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}.empty-history{font-size:14px;color:#fff9;text-align:center;padding:40px 20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:12px;background:#11225066;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:all .3s ease}.history-item:hover{background:#11225099;border-color:#ffbd594d;transform:translate(4px)}.history-type{font-size:12px;color:#ffbd59;font-weight:600;margin-bottom:6px}.history-question{font-size:13px;color:#fffc;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.history-date{font-size:11px;color:#ffffff80}.messages-container::-webkit-scrollbar,.history-panel::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track,.history-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.messages-container::-webkit-scrollbar-thumb,.history-panel::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover,.history-panel::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:1200px){.chatbot-container{flex-direction:column;height:auto}.chatbot-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.mode-card,.usage-card,.history-btn{flex:1;min-width:250px}.chat-area{min-height:600px}.history-panel{width:100%;max-height:400px}}@media(max-width:768px){.chatbot-page{padding:20px 12px}.chatbot-sidebar{flex-direction:column}.mode-card,.usage-card,.history-btn{width:100%}.message-bubble{max-width:85%}.system-message{max-width:95%}.chat-title{font-size:20px}.history-panel{width:100%}.quick-select-buttons{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.chatbot-page{padding:12px 8px}.chat-header,.chat-input-area,.messages-container{padding:16px}.chat-textarea{min-height:60px;font-size:14px}.send-btn{padding:12px 20px;font-size:18px}}.message-bubble{animation:fadeIn .3s ease-out}.widget-prompt{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.widget-prompt-content{background:linear-gradient(135deg,#8b5cf626,#00d9ff26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;gap:16px}.widget-prompt-icon{font-size:2.5em;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.widget-prompt-text{flex:1}.widget-prompt-text h4{color:#fff;margin-bottom:8px;font-size:1.1em;font-weight:600}.widget-prompt-text p{color:#fffc;font-size:.9em;margin:0}.tier-warning{color:gold!important;font-weight:600;margin-top:8px!important}.tier-warning a{color:#00d9ff;text-decoration:underline;margin-left:4px}.widget-prompt-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.widget-prompt-actions button{white-space:nowrap;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;justify-content:center;border:none}.widget-prompt-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#00d9ff);color:#fff}.widget-prompt-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.widget-prompt-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.widget-prompt-actions .btn-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.widget-prompt-actions .btn-secondary:hover{background:#ffffff26}@media(max-width:768px){.widget-prompt{bottom:80px;width:95%}.widget-prompt-content{flex-direction:column;text-align:center}.widget-prompt-actions,.widget-prompt-actions button{width:100%}}.leaderboard-container{width:100%}.leaderboard-filters{padding:32px;margin-bottom:32px;display:flex;gap:32px;flex-wrap:wrap;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.leaderboard-filters:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.filter-section{flex:1;min-width:280px}.filter-label{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#ffffffe6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:Poppins,sans-serif;background:#1e2a5e66;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.filter-btn.active{background:#ffbd5926;border-color:#ffbd59;color:#ffbd59;box-shadow:0 0 16px #ffbd594d}.filter-btn.active.period{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 16px #00d9ff4d}.user-rank-card{padding:24px 28px;margin-bottom:24px;background:linear-gradient(135deg,#ffbd5926,#1e2a5e66);border:2px solid #FFBD59;border-radius:20px;display:flex;align-items:center;gap:20px;box-shadow:0 0 40px #ffbd5933,0 8px 32px #0000004d;transition:all .3s ease}.user-rank-card:hover{transform:translateY(-4px);box-shadow:0 0 50px #ffbd594d,0 12px 48px #0006}.rank-badge{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffbd59,#ff8c00);display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-size:28px;font-weight:900;color:#0a0e27;flex-shrink:0;box-shadow:0 4px 16px #ffbd5966}.rank-info{flex:1}.rank-label{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#ffffffb3;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.rank-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#ffbd59;margin:0}.leaderboard-table{padding:0;overflow:hidden;border-radius:20px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059;transition:all .3s ease}.leaderboard-table:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.table-wrapper{overflow-x:auto}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table thead{background:linear-gradient(180deg,#1e2a5e99,#1e2a5e66);border-bottom:2px solid rgba(255,189,89,.2)}.leaderboard-table th{padding:20px 28px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fffc;text-transform:uppercase;text-align:left;letter-spacing:.5px}.th-rank{width:80px}.th-change{width:100px;text-align:center!important}.th-value{text-align:right!important}.leaderboard-table tbody{background:transparent}.leaderboard-row{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.leaderboard-row:hover{background:#ffffff0d;transform:translate(4px)}.leaderboard-row.current-user{background:linear-gradient(90deg,#ffbd5926,#ffbd590d);border-left:4px solid #FFBD59}.leaderboard-row.current-user:hover{background:linear-gradient(90deg,#ffbd5933,#ffbd5914)}.leaderboard-table td{padding:18px 28px}.rank-cell{display:flex;align-items:center;gap:8px}.rank-number{font-size:18px;font-weight:700;color:#fff}.rank-number.top-rank{color:#ffbd59}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid transparent}.user-avatar.top-avatar{border-color:#ffbd59}.user-details{flex:1;min-width:0}.user-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;display:flex;align-items:center;gap:10px}.you-badge{padding:4px 12px;background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#0a0e27;font-family:Poppins,sans-serif;font-size:11px;font-weight:800;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ffbd5966}.user-meta{font-size:12px;color:#fff9;margin:0}.metric-value{font-size:18px;font-weight:700;color:#0f8}.td-value{text-align:right}.rank-change{display:inline-flex;align-items:center;gap:4px;justify-content:center}.rank-change span{font-size:14px;font-weight:600}.td-change{text-align:center}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:#fff9}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state h3{margin:0;font-size:20px;color:#fff}.empty-state p{margin:0;color:#ffffff80}@media(max-width:768px){.leaderboard-filters{flex-direction:column}.filter-section{width:100%}.user-rank-card{flex-direction:column;text-align:center}.leaderboard-table th,.leaderboard-table td{padding:12px 16px}.th-rank,.th-change{width:auto}.user-name{font-size:14px}.user-meta{font-size:11px}.metric-value{font-size:16px}}.user-profile-container{width:100%;display:flex;flex-direction:column;gap:24px}.btn-edit-profile{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:10px 24px!important;color:#fff;font-family:Poppins,sans-serif;font-size:14px!important;font-weight:600!important;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #9c06124d;position:relative;overflow:hidden;width:auto!important;max-width:fit-content!important;flex-shrink:0}@media(max-width:768px){.profile-header{padding:20px}.profile-banner{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px}.profile-name{font-size:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:20px}.achievements-grid{grid-template-columns:1fr}.btn-edit-profile{width:auto!important;max-width:fit-content!important;justify-content:center}}.community-hub{min-height:calc(100vh - 60px);background:transparent;padding:40px 20px;position:relative}.community-content{max-width:1600px;margin:0 auto}.community-header{margin-bottom:32px}.community-header h1{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-1px}.community-header p{font-size:16px;color:#fff9;margin:0}.community-tabs{padding:24px 32px;margin-bottom:32px;display:flex;gap:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.community-tabs::-webkit-scrollbar{height:6px}.community-tabs::-webkit-scrollbar-track{background:transparent}.community-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.community-tab{display:flex;align-items:center;gap:10px;padding:14px 28px;font-family:Poppins,sans-serif;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffb3;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;flex-shrink:0}.community-tab:hover{background:#ffffff14;border-color:#ffffff40;color:#fffffff2;transform:translateY(-2px)}.community-tab.active{background:linear-gradient(135deg,#ffbd5940,#ff8c0026);border:2px solid #FFBD59;color:#ffbd59;box-shadow:0 0 24px #ffbd5940}.active-indicator{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #FFBD59}.tab-content{animation:fadeIn .3s ease}.card-glass{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card-glass:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}@media(max-width:768px){.community-hub{padding:20px 12px}.community-header h1{font-size:24px}.community-header p{font-size:14px}.community-tabs{padding:12px 16px;gap:8px}.community-tab{padding:10px 16px;font-size:14px}.community-tab span{display:none}.community-tab{padding:12px}}.community-hub{position:relative;width:100%!important;max-width:100%!important;min-height:100vh;padding:0!important;margin:0!important;background:linear-gradient(135deg,#0a1628,#0d1b2a,#0f172a);background-attachment:fixed}.community-hub:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 85% 20%,rgba(59,130,246,.4) 0%,rgba(37,99,235,.2) 20%,transparent 50%);filter:blur(80px);pointer-events:none;z-index:0;animation:glowMove1 10s ease-in-out infinite}.community-hub:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 80%,rgba(139,92,246,.3) 0%,rgba(30,64,175,.2) 30%,transparent 50%);filter:blur(60px);pointer-events:none;z-index:0;animation:glowMove2 12s ease-in-out infinite}@keyframes glowMove1{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-20px,10px) scale(1.1);opacity:.9}}@keyframes glowMove2{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(15px,-20px) scale(1.05);opacity:.85}}.community-content,.community-header,.community-tabs,.tab-content,.forum-3column-container{position:relative;z-index:1}.community-header{padding:20px 40px!important;margin-bottom:16px!important;max-width:100%!important;text-align:left}.community-header h1{font-size:32px!important;font-weight:600!important;color:#ffbd59!important;margin-bottom:8px!important;line-height:1.2!important;display:flex;align-items:center;gap:12px}.community-header h1 .star-icon,.community-header h1 svg{color:#ffbd59!important;opacity:1!important}.community-header p{font-size:14px!important;color:#ffffffb3!important;margin:0!important}.community-tabs.card-glass,.community-tabs{display:flex;align-items:center;gap:8px!important;padding:0 40px!important;margin:0 40px 16px!important;max-width:calc(100% - 80px)!important;background:transparent!important;border:none!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.community-tabs button,.community-tab{padding:10px 16px!important;font-size:14px!important;font-weight:500!important;gap:8px!important;background:transparent!important;border:none!important;border-radius:8px!important;color:#ffffffb3!important;transition:all .2s ease!important;cursor:pointer}.community-tabs button.active,.community-tabs button[aria-selected=true],.community-tab.active{background:#ffbd591a!important;color:#ffbd59!important;font-weight:600!important;box-shadow:none!important}.community-tabs button:hover,.community-tab:hover{background:#ffffff0d!important;color:#ffffffe6!important;transform:none!important}.community-tabs button svg,.community-tab svg{width:18px!important;height:18px!important;opacity:.8}.tab-content{width:100%!important;max-width:100%!important;padding:0 20px!important;margin:0!important;height:auto!important;overflow:visible!important}.forum-3column-container{display:grid;grid-template-columns:320px 1fr 360px!important;gap:24px!important;width:100%!important;max-width:100%!important;padding:20px 20px 40px!important;margin:0!important;height:calc(100vh - 180px)!important;overflow:hidden}.left-sidebar{width:320px!important;max-width:320px!important;padding:24px 20px!important;height:100%!important;overflow-y:auto!important;background:#1e2a5e40;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.center-feed{flex:1!important;width:100%!important;max-width:100%!important;min-width:600px!important;padding:0!important;height:100%!important;overflow-y:auto!important}.right-sidebar{width:360px!important;max-width:360px!important;padding:24px 20px!important;height:100%!important;overflow-y:auto!important;background:#1e2a5e40;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.left-sidebar::-webkit-scrollbar,.center-feed::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track,.center-feed::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb,.center-feed::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb:hover,.center-feed::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.messages-container,.messages-widget,.events-container,.events-widget,.leaderboard-container,.leaderboard-widget,.gem-master-container,.gem-master-widget,.profile-container,.profile-widget{width:100%!important;max-width:100%!important;padding:24px!important;margin:0 auto!important}.gem-master-container,.gem-master-widget{min-height:400px!important;padding:32px 24px!important}.widget-card{width:100%!important;padding:24px 20px!important;margin-bottom:20px!important;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-container{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:calc(100vh - 280px)!important;padding:24px!important;overflow:hidden!important}.leaderboard-header,.leaderboard-filters{flex-shrink:0!important;margin-bottom:20px}.leaderboard-table-container{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 8px}.leaderboard-row{background:#1e2a5e4d;border-radius:12px;transition:all .2s ease}.leaderboard-row:hover{background:#1e2a5e80;transform:translate(4px)}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.leaderboard-table-container::-webkit-scrollbar{width:6px}.leaderboard-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.leaderboard-table-container::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:10px}.leaderboard-table-container::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:1200px){.forum-3column-container{grid-template-columns:280px 1fr 320px!important;padding:20px!important}.left-sidebar{width:280px!important}.right-sidebar{width:320px!important}}@media(max-width:968px){.forum-3column-container{grid-template-columns:1fr!important;gap:16px!important;height:auto!important;padding:20px!important}.left-sidebar,.right-sidebar{display:none}.center-feed{min-width:unset!important}.community-header{padding:12px 20px!important}.community-tabs{padding:0 20px!important;margin:0 20px 12px!important}}.gem-master-widget,.gem-master-card,.chatbot-widget{width:100%!important;padding:24px 20px!important;min-height:250px!important;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gem-master-widget h3,.chatbot-widget h3,.featured-members-widget h3,.online-widget h3,.sidebar-widget-title{font-size:18px!important;font-weight:600;margin-bottom:16px;color:#ffbd59}.gem-master-widget .description,.chatbot-widget .chatbot-description,.chatbot-description{font-size:14px!important;line-height:1.6;color:#fffc;margin-bottom:16px}.gem-master-widget .cta-button,.chatbot-btn{width:100%;padding:14px 20px!important;font-size:15px!important;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#9c0612,#7a0510);border:1px solid rgba(255,189,89,.3);color:#fff;cursor:pointer;transition:all .3s ease}.gem-master-widget .cta-button:hover,.chatbot-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9c061266;border-color:#ffbd5999}.featured-members-widget,.online-widget,.sidebar-widget{width:100%!important;padding:20px!important;margin-bottom:20px}.member-item,.creator-item,.trending-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#ffffff08;margin-bottom:10px;transition:all .2s ease}.member-item:hover,.creator-item:hover,.trending-item:hover{background:#ffffff0f;transform:translate(4px)}.member-avatar,.creator-avatar{width:44px!important;height:44px!important;border-radius:50%;border:2px solid rgba(255,189,89,.3)}.member-name,.creator-name{font-size:14px!important;font-weight:600;color:#fff}.member-stats,.creator-stats{font-size:12px!important;color:#fff9}.online-count,.online-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 10px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:12px;font-size:13px!important;font-weight:600;color:#0f8}.chatbot-heading{font-size:18px!important;font-weight:600;margin-bottom:12px;color:#fff}.chatbot-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#ffbd59}.chatbot-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.feature-tag{padding:6px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.2);border-radius:20px;font-size:12px;color:#fffc}.tab-content{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important}.community-tabs,.community-tabs.card-glass{display:flex!important;align-items:center;gap:8px!important;padding:0 40px!important;margin:0 40px 16px!important;max-width:calc(100% - 80px)!important;height:auto!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;background:transparent!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;flex-wrap:nowrap!important;white-space:nowrap!important}.community-tabs button{flex-shrink:0!important;padding:10px 16px!important;font-size:14px!important;white-space:nowrap!important}@media(max-width:1200px){.community-tabs{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}.community-tabs::-webkit-scrollbar{height:4px}.community-tabs::-webkit-scrollbar-track{background:#ffffff0d}.community-tabs::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}}.affiliate-dashboard{padding:40px 20px;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:36px;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#ffbd59,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;color:#ffffffb3;margin-top:8px}.role-badge{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;box-shadow:0 8px 24px #0000004d}.role-affiliate{background:linear-gradient(135deg,#4a9eff33,#8a2be233);border-color:#4a9eff80;color:#4a9eff}.role-ctv.tier-beginner{background:linear-gradient(135deg,#8bc34a33,#4caf5033);border-color:#8bc34a80;color:#8bc34a}.role-ctv.tier-growing{background:linear-gradient(135deg,#ffbd5933,#ff950033);border-color:#ffbd5980;color:#ffbd59}.role-ctv.tier-master{background:linear-gradient(135deg,#ba68c833,#9c27b033);border-color:#ba68c880;color:#ba68c8}.role-ctv.tier-grand{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border-color:#ffd70099;color:gold;box-shadow:0 8px 32px #ffd70066}.role-instructor{background:linear-gradient(135deg,#0f83,#00c85333);border-color:#00ff8880;color:#0f8}.affiliate-tabs{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;background:#1a1a2e99;padding:12px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff0d;border-color:#ffbd594d;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#ffbd59,#ff9500);border-color:#ffbd59;color:#1a1a2e;box-shadow:0 4px 16px #ffbd5966}.tab-btn svg{flex-shrink:0}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-header{margin-bottom:24px}.tab-header h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px}.tab-header p{font-size:15px;color:#fff9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#ffbd5933,#ff950033);border:1px solid rgba(255,189,89,.3);border-radius:12px;color:#ffbd59;flex-shrink:0}.stat-info{flex:1}.stat-label{font-size:13px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:800;color:#fff;margin-bottom:4px}.stat-sub{font-size:12px;color:#ffffff80}.referral-link-card{padding:32px;background:linear-gradient(135deg,#ffbd591a,#16213e99);border:2px solid rgba(255,189,89,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.referral-link-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.help-text{font-size:14px;color:#fff9;margin-bottom:20px}.link-box{display:flex;gap:12px;margin-bottom:16px}.link-box input{flex:1;padding:14px 16px;background:#1a1a2ecc;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-family:Courier New,monospace}.btn-copy{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.referral-stats{display:flex;gap:24px;font-size:14px;color:#ffffffb3}.referral-stats strong{color:#ffbd59;margin-left:6px}.tier-progress-card{padding:32px;background:linear-gradient(135deg,#ba68c81a,#16213e99);border:2px solid rgba(186,104,200,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tier-header h3{font-size:20px;font-weight:700;color:#fff}.current-tier{font-size:14px;color:#ffffffb3}.current-tier strong{color:#ba68c8}.tier-info{margin-bottom:16px}.tier-info p{font-size:15px;color:#fffc;margin-bottom:8px}.tier-target{color:#0f8!important;font-weight:600}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ba68c8,#9c27b0);border-radius:6px;transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#ffffff80}.commission-info-card{padding:32px;background:linear-gradient(135deg,#00ff881a,#16213e99);border:2px solid rgba(0,255,136,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commission-info-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}.rate-display{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:20px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px}.rate-value{font-size:48px;font-weight:800;color:#0f8}.rate-label{font-size:14px;color:#ffffffb3}.rate-tiers{margin-top:20px}.info-label{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.rate-tiers ul{list-style:none;padding:0;margin:0}.rate-tiers li{padding:10px 16px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px}.rate-tiers li.active{background:#00ff881a;border-color:#00ff884d;color:#0f8}.rate-tiers li strong{color:#ffbd59;margin-left:8px}.referrals-list{display:flex;flex-direction:column;gap:16px}.referral-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.referral-item:hover{border-color:#ffbd594d;transform:translate(4px)}.referral-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#4a9eff33,#8a2be233);border:1px solid rgba(74,158,255,.3);border-radius:50%;color:#4a9eff;flex-shrink:0}.referral-info{flex:1}.referral-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.referral-email{font-size:13px;color:#fff9;margin-bottom:4px}.referral-date{font-size:12px;color:#ffffff80}.referral-status{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.referral-status.status-converted{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.referral-status.status-pending{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.referral-status.status-inactive{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}.commission-summary{display:flex;gap:20px;margin-bottom:32px;padding:24px;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.summary-label{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:24px;font-weight:800}.summary-value.pending{color:#ffbd59}.summary-value.approved{color:#0f8}.summary-value.paid{color:#4a9eff}.commissions-table{overflow-x:auto}.commissions-table table{width:100%;border-collapse:collapse;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commissions-table thead{background:#ffbd591a}.commissions-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.commissions-table td{padding:16px;font-size:14px;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.commissions-table tr:hover{background:#ffffff08}.commission-amount{font-weight:700;color:#0f8}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.status-pending{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.status-badge.status-approved{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.status-badge.status-paid{background:#4a9eff33;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.kpi-info-card{padding:32px;background:linear-gradient(135deg,#ffbd591a,#16213e99);border:2px solid rgba(255,189,89,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.kpi-info-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.kpi-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}.kpi-example{padding:20px;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:12px}.product-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px}.kpi-target{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;margin-bottom:8px}.kpi-bonus{font-size:13px;color:#fff9}.kpi-bonus strong{color:#ffbd59;margin-left:6px}.bonuses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.bonus-item{padding:24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.bonus-item:hover{border-color:#ffbd594d;transform:translateY(-4px)}.bonus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.bonus-header h4{font-size:16px;font-weight:700;color:#fff}.bonus-details p{font-size:14px;color:#ffffffb3;margin-bottom:8px}.bonus-details strong{color:#fff}.bonus-amount{color:#0f8!important;font-weight:700!important;font-size:16px!important}.withdrawal-balance{margin-bottom:32px}.balance-card{padding:32px;background:linear-gradient(135deg,#00ff881a,#16213e99);border:2px solid rgba(0,255,136,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.balance-label{font-size:14px;color:#ffffffb3;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:48px;font-weight:800;color:#0f8;margin-bottom:24px}.btn-withdraw{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#0f8,#00c853);color:#1a1a2e;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-withdraw:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0f86}.btn-withdraw:disabled{opacity:.5;cursor:not-allowed}.withdrawals-list{display:flex;flex-direction:column;gap:16px}.withdrawal-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.withdrawal-item:hover{border-color:#ffbd594d}.withdrawal-info{flex:1}.withdrawal-amount{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.withdrawal-method{font-size:14px;color:#ffffffb3;margin-bottom:4px}.withdrawal-method strong{color:#ffbd59}.withdrawal-date{font-size:12px;color:#ffffff80}.withdrawal-status{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.withdrawal-status.status-pending{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.withdrawal-status.status-processing{background:#4a9eff33;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.withdrawal-status.status-completed{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.withdrawal-status.status-rejected{background:#f443;color:#f44;border:1px solid rgba(255,68,68,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:#fff3;margin-bottom:20px}.empty-state p{font-size:16px;color:#ffffffb3;margin-bottom:8px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-container svg{color:#ffbd59;margin-bottom:20px}.loading-container p{font-size:16px;color:#ffffffb3}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container p{font-size:16px;color:#ffffffb3;margin-bottom:20px}.btn-retry{padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:28px}.affiliate-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-btn{flex-shrink:0}.stats-grid{grid-template-columns:1fr}.link-box{flex-direction:column}.referral-stats{flex-direction:column;gap:8px}.commission-summary{flex-direction:column}.commissions-table{font-size:12px}.commissions-table th,.commissions-table td{padding:12px 8px}.kpi-examples,.bonuses-list{grid-template-columns:1fr}.withdrawal-item{flex-direction:column;align-items:flex-start}.withdrawal-status{align-self:stretch}.balance-value{font-size:36px}}.news-feed-widget{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000059;display:flex;flex-direction:column;gap:20px;max-height:800px;overflow:hidden}.widget-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-header h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.view-all-link{font-size:.9rem;color:var(--brand-gold, #FFBD59);text-decoration:none;font-weight:600;transition:all .3s ease}.view-all-link:hover{color:orange;transform:translate(4px)}.posts-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;padding-right:8px}.posts-list::-webkit-scrollbar{width:6px}.posts-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.posts-list::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:10px}.posts-list::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.post-card{background:#11182799;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;transition:all .3s ease;position:relative;cursor:pointer}.post-card:hover{border-color:#00d9ff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.post-header{margin-bottom:12px}.author-info{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(0,217,255,.3)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d9ff,#4d9de0);color:#fff;font-weight:700;font-size:.9rem}.author-details{flex:1}.author-name{display:block;font-weight:600;color:#fff;font-size:.95rem;margin-bottom:4px}.post-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#ffffff80}.post-meta svg{opacity:.7}.separator{color:#ffffff4d}.category-badge{padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-cyan{background:#00d9ff26;color:#00d9ff;border:1px solid rgba(0,217,255,.3)}.category-purple{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.category-pink{background:#ec489926;color:#ff6b9d;border:1px solid rgba(236,72,153,.3)}.category-gold{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.category-green{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.post-content{margin-bottom:12px}.post-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.4}.post-excerpt{font-size:.85rem;color:#ffffffb3;line-height:1.5}.post-actions{display:flex;align-items:center;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.action-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:6px}.action-btn:hover{color:#00d9ff;background:#00d9ff1a}.action-btn.active{color:#ff6b9d}.action-btn svg{flex-shrink:0}.post-link-overlay{position:absolute;inset:0;z-index:1}.post-actions{position:relative;z-index:2}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center}.empty-state p{color:#ffffff80;font-size:.95rem}.btn-create-post{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:12px 24px;color:#fff;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-create-post:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9c061266}.widget-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.btn-view-forum{display:inline-block;background:transparent;border:2px solid #00D9FF;border-radius:50px;padding:10px 24px;color:#00d9ff;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-view-forum:hover{background:#00d9ff1a;transform:translateY(-2px)}@media(max-width:1024px){.news-feed-widget{max-height:600px}}@media(max-width:768px){.news-feed-widget{max-height:400px}.post-card{padding:12px}}.account-dashboard-wrapper{width:calc(100% + 64px);margin:-24px -32px!important}.main-content:has(.account-dashboard){padding:0!important}.account-dashboard{display:flex;gap:24px;max-width:1920px;margin:0 auto;padding:100px 8px 80px!important;min-height:calc(100vh - 160px)}.account-dashboard-content{flex:1;min-width:0}.account-layout-3col{display:grid;grid-template-columns:280px 1fr 320px;gap:24px}.account-left{display:flex;flex-direction:column;gap:20px}.profile-card{text-align:center;padding:32px 24px;border-radius:16px;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.profile-card>*{position:relative;z-index:1}.profile-avatar{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#9333ea33);color:#fffc}.profile-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.profile-email{font-size:13px;color:#fff9;margin:0 0 12px}.profile-tier{font-size:14px;font-weight:700;padding:6px 16px;border-radius:8px;background:#0000004d;display:inline-block;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.profile-badges{margin:16px 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.btn-edit-profile{width:100%;padding:12px 16px;background:#3b82f61a;border:2px solid rgba(59,130,246,.4);border-radius:12px;color:#3b82f6;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-edit-profile:hover{background:#3b82f633;border-color:#3b82f699;transform:translateY(-2px)}.widget-card{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s ease}.widget-card:hover{border-color:#fff3;transform:translateY(-2px)}.widget-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quick-stats-list{display:flex;flex-direction:column;gap:12px}.quick-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stat-label{font-size:13px;color:#fff9}.stat-value{font-size:16px;font-weight:700}.tier-usage-content{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.usage-item{display:flex;flex-direction:column;gap:6px}.usage-label{font-size:13px;color:#ffffffb3;font-weight:600}.usage-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease}.usage-text{font-size:12px;color:#ffffff80}.btn-upgrade{width:100%;padding:12px 16px;background:linear-gradient(135deg,#ffbd59,#f59e0b);border:none;border-radius:12px;color:#1a1a2e;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5966}.account-center{display:flex;flex-direction:column;gap:24px}.dashboard-title{font-size:32px;font-weight:700;color:#fff;margin:0}.dashboard-subtitle{font-size:16px;color:#fff9;margin:4px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;gap:16px;transition:all .3s ease}.stat-card:hover{border-color:#fff3;transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:13px;color:#fff9;margin:0 0 4px;font-weight:600}.stat-number{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px;line-height:1}.stat-change{font-size:12px;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change.neutral{color:#ffffff80}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left{display:flex;align-items:center;gap:12px}.section-icon{color:#ffbd59;filter:drop-shadow(0 0 6px rgba(255,189,89,.4))}.section-title{font-size:20px;font-weight:700;color:#fff;margin:0}.portfolio-stats-section{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,189,89,.15);border-radius:16px;padding:24px;margin-bottom:24px;transition:all .3s ease}.portfolio-stats-section:hover{border-color:#ffbd594d;box-shadow:0 0 24px #ffbd5926}.btn-view-portfolio{background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:10px 20px;color:#ffbd59;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.btn-view-portfolio:hover{background:#ffbd5933;border-color:#ffbd59;transform:translateY(-2px);box-shadow:0 4px 16px #ffbd594d}.text-gradient-gold{background:linear-gradient(135deg,#ffbd59,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-view-all{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.btn-view-all:hover{color:#60a5fa;gap:8px}.activity-section{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.activity-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .3s ease}.activity-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.activity-arrow{color:#ffffff4d;transition:all .3s ease}.activity-card:hover .activity-arrow{color:#fff9;transform:translate(4px)}.achievements-section{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.achievement-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.achievement-badge:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)}.achievement-badge.locked{opacity:.4;cursor:not-allowed}.achievement-badge.locked:hover{transform:none}.achievement-name{font-size:12px;font-weight:600;color:#fffc;text-align:center;margin:12px 0 0}.account-right{display:flex;flex-direction:column;gap:20px}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-btn{width:100%;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px}.quick-action-btn:hover{background:#3b82f61a;border-color:#3b82f666;transform:translate(4px)}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.notification-item{position:relative;padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .3s ease}.notification-item.unread{background:#3b82f60d;border-color:#3b82f633}.notification-item:hover{background:#ffffff0d;border-color:#ffffff1a}.notification-content{padding-right:20px}.notification-title{font-size:13px;font-weight:600;color:#fff;margin:0 0 4px}.notification-desc{font-size:12px;color:#fff9;margin:0 0 6px}.notification-time{font-size:11px;color:#fff6}.notification-dot{position:absolute;top:14px;right:14px;width:8px;height:8px;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f699}.btn-view-all-notif{width:100%;padding:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-all-notif:hover{background:#ffffff0d;color:#fff}.calendar-events{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.calendar-event{display:flex;gap:12px;padding:12px;background:#ffffff05;border-left:3px solid;border-radius:8px;cursor:pointer;transition:all .3s ease}.calendar-event.high-impact{border-left-color:#ef4444}.calendar-event.medium-impact{border-left-color:#f59e0b}.calendar-event:hover{background:#ffffff0d;transform:translate(4px)}.event-time{font-size:13px;font-weight:700;color:#fff;min-width:50px}.event-info{flex:1}.event-title{font-size:13px;font-weight:600;color:#fff;margin:0 0 4px}.event-impact{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.calendar-event.high-impact .event-impact{color:#ef4444}.calendar-event.medium-impact .event-impact{color:#f59e0b}.account-dashboard.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{font-size:18px;color:#ffffffb3;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(min-width:1920px){.account-dashboard{padding:100px 24px 80px!important}}@media(max-width:1200px){.account-dashboard{padding:100px 12px 80px!important}.account-layout-3col{grid-template-columns:260px 1fr 280px;gap:16px}.dashboard-title{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:968px){.account-dashboard{flex-direction:column}.account-layout-3col{grid-template-columns:1fr 320px}.account-left{display:none}}@media(max-width:768px){.account-dashboard{padding:90px 8px 60px!important;gap:16px!important}.account-layout-3col{grid-template-columns:1fr;gap:16px}.account-right{display:block}.dashboard-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(3,1fr)}.stat-card{padding:20px}.stat-number{font-size:24px}}.profile-page-wrapper{position:relative;min-height:calc(100vh - 160px)}.profile-page-content{width:100%;max-width:1400px;margin:0 auto;padding:40px 60px}@media(min-width:969px){.profile-page-content{margin-left:140px;margin-right:60px}}.user-profile-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.loading-container,.error-container{padding:60px 20px;text-align:center;color:#fff9}.profile-header{padding:32px;border-radius:20px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059;transition:all .3s ease}.profile-header:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.profile-banner{display:flex;align-items:flex-start;gap:28px;margin-bottom:36px;flex-wrap:wrap}.profile-avatar-section{position:relative}.profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid #FFBD59;box-shadow:0 0 30px #ffbd5966,0 8px 24px #0000004d;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 0 40px #ffbd5999,0 12px 32px #0006}.profile-rank-badge{position:absolute;bottom:-8px;right:-8px;background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#0a0e27;font-family:Poppins,sans-serif;font-size:16px;font-weight:900;padding:8px 16px;border-radius:50px;border:4px solid #0A0E27;box-shadow:0 4px 16px #ffbd5980}.profile-info{flex:1;min-width:0}.social-links{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.social-link:hover{background:#ffbd591a;border-color:#ffbd5966;color:#ffbd59;transform:translateY(-2px)}.profile-name{font-family:Poppins,sans-serif;font-size:42px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;letter-spacing:-1px}.profile-name-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.profile-name-badges h1{margin:0}.profile-tier{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#ffffffb3;margin:0 0 16px}.profile-bio{font-family:Inter,sans-serif;font-size:16px;color:#ffffffd9;line-height:1.6;margin:0}.btn-edit-profile{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-edit-profile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-edit-profile:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-edit-profile:hover:before{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.stat-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0003}.stat-content{flex:1;min-width:0}.stat-label{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#ffffffb3;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-section{padding:32px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.profile-section:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.section-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:12px}.empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff9;text-align:center}.empty-section p{margin:8px 0 0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.achievement-card{background:#1e2a5e4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;text-align:center;position:relative;transition:all .3s ease;box-shadow:0 4px 16px #00000040}.achievement-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000059}.achievement-card.rarity-common{border-color:#ffffff40;background:#1e2a5e59}.achievement-card.rarity-common:hover{box-shadow:0 12px 32px #ffffff26}.achievement-card.rarity-rare{border-color:#00d9ff99;background:linear-gradient(135deg,#00d9ff26,#1e2a5e59)}.achievement-card.rarity-rare:hover{box-shadow:0 0 40px #00d9ff66,0 12px 32px #00000059}.achievement-card.rarity-epic{border-color:#8b5cf699;background:linear-gradient(135deg,#8b5cf626,#1e2a5e59)}.achievement-card.rarity-epic:hover{box-shadow:0 0 40px #8b5cf666,0 12px 32px #00000059}.achievement-card.rarity-legendary{border-color:#ffbd59cc;background:linear-gradient(135deg,#ffbd5933,#ff8c001a,#1e2a5e59)}.achievement-card.rarity-legendary:hover{box-shadow:0 0 50px #ffbd5980,0 12px 32px #00000059}.achievement-icon{font-size:48px;margin-bottom:12px}.achievement-name{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}.achievement-desc{font-size:13px;color:#fff9;line-height:1.4;margin:0 0 12px}.achievement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.achievement-rarity{font-size:11px;text-transform:uppercase;font-weight:700;color:#fff9}.achievement-points{font-size:12px;font-weight:700;color:#ffbd59}.achievement-date{display:block;font-size:11px;color:#fff6;margin-top:8px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s}.activity-item:hover{background:#ffffff0d}.activity-icon{width:36px;height:36px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:14px;color:#fff;margin:0 0 4px}.activity-time{font-size:12px;color:#ffffff80}@media(max-width:1200px){.profile-page-wrapper{gap:20px;padding:20px}}@media(max-width:968px){.profile-page-content{margin-left:0;margin-right:0;padding:20px}.profile-header{padding:20px}.profile-banner{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px}.profile-name{font-size:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:20px}.achievements-grid{grid-template-columns:1fr}.btn-edit-profile{width:100%;justify-content:center}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(180deg,#4a1a4ff2,#1e2a5ef2);border:1px solid rgba(255,189,89,.3);border-radius:20px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #00000080}.modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:#fff9;font-size:32px;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:24px 32px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffbd59;background:#ffffff14}.form-group textarea{resize:vertical;min-height:100px}.modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.btn-primary{background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}@media(max-width:768px){.modal-content{width:95%}.modal-header,.modal-body,.modal-footer{padding:16px 20px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;background:transparent}.page-wrapper{flex:1 0 auto;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.page-wrapper.compact-sidebar-offset{margin-left:80px}@media(max-width:968px){.page-wrapper.compact-sidebar-offset{margin-left:0}}.app-footer{flex-shrink:0}.app.light{background:linear-gradient(180deg,#f0f2f5,#e4e6eb)}.app.light .app-layout{background:#fff}.app-layout{flex:1;display:grid;grid-template-columns:var(--sidebar-width-left) var(--main-content-width) var(--sidebar-width-right);gap:0;height:calc(100vh - 70px);overflow:hidden;transition:opacity .3s ease,filter .3s ease}.app-layout.focus-mode{opacity:.3;pointer-events:none;filter:blur(3px)}.sidebar-left,.sidebar-right{height:100%;overflow:hidden}.main-content{height:100%;padding:var(--space-lg);background:var(--bg-elevated);border-left:var(--border-thin) solid var(--glass-border);border-right:var(--border-thin) solid var(--glass-border);position:relative;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.scanning-overlay{position:absolute;inset:0;background:var(--bg-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:var(--z-dropdown);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.scanning-spinner{width:60px;height:60px;border:4px solid var(--warning-bg);border-top-color:var(--brand-gold);border-radius:var(--radius-full);animation:spin 1s linear infinite}.scanning-overlay p{color:var(--brand-gold);font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-heading)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1400px){.app-layout{grid-template-columns:25% 45% 30%}}@media(max-width:1024px){.app-layout{grid-template-columns:30% 40% 30%}.main-content{padding:15px}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar-left{display:none}.sidebar-right{grid-row:1;height:auto;max-height:300px}.main-content{grid-row:2;padding:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,.nav-btn:focus-visible,.coin-item:focus-visible{outline:var(--border-medium) solid var(--brand-gold);outline-offset:2px;border-radius:var(--radius-sm)}