.admin-chat-notification{position:fixed;top:20px;right:20px;z-index:9997;text-decoration:none;animation:slideInNotification .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInNotification{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-content{display:flex;align-items:center;gap:12px;padding:12px 18px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-chat-notification:hover .notification-content{transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26;border-color:#3b82f64d}.notification-icon{position:relative;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #3b82f666}.notification-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:10px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid rgba(15,23,42,.9);animation:countPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes countPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.notification-text{display:flex;flex-direction:column;gap:2px}.notification-label{font-size:.88rem;font-weight:600;color:#f1f5f9;letter-spacing:-.01em}.notification-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);color:#94a3b8;transition:all .3s ease}.admin-chat-notification:hover .notification-arrow{background:rgba(59,130,246,.2);color:#3b82f6;transform:translate(2px)}.notification-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:14px;border:2px solid rgba(59,130,246,.5);animation:notificationPulse 2s ease-out infinite;pointer-events:none}@keyframes notificationPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}@media (max-width: 480px){.admin-chat-notification{top:12px;right:12px}.notification-content{padding:10px 14px;gap:10px}.notification-icon{width:36px;height:36px}.notification-icon svg{width:16px;height:16px}.notification-label{font-size:.82rem}.notification-arrow{width:24px;height:24px}}body:has(.admin-chat-page) .admin-chat-notification{display:none}.maintenance-banner-wrapper{position:sticky;top:0;width:100%;background-color:#fa0;background:linear-gradient(90deg,#ffaa00 0%,#ff8c00 100%);color:#111;font-weight:600;height:36px;display:flex;align-items:center;overflow:hidden;z-index:99999;box-shadow:0 2px 4px #0003;border-bottom:1px solid rgba(255,255,255,.1)}.maintenance-banner-ticker{display:flex;white-space:nowrap;animation:slide-left 25s linear infinite;align-items:center}.maintenance-banner-ticker:hover{animation-play-state:paused}.maintenance-banner-item{display:flex;align-items:center;gap:8px;padding:0 40px;font-size:14px;letter-spacing:.5px}.maintenance-icon{animation:pulse-icon 2s infinite ease-in-out}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-icon{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}:root{--chat-primary: #3b82f6;--chat-primary-dark: #2563eb;--chat-secondary: #8b5cf6;--chat-accent: #00ffcc;--chat-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--chat-gradient-hover: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--chat-bg-glass: rgba(255, 255, 255, .95);--chat-bg-dark: #0f172a;--chat-shadow-color: rgba(59, 130, 246, .35);--chat-transition-smooth: cubic-bezier(.4, 0, .2, 1);--chat-transition-bounce: cubic-bezier(.68, -.55, .265, 1.55)}.chat-widget-button{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2147483647;background:transparent;padding:0;overflow:visible}.chat-button-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--chat-gradient);transition:transform .4s var(--chat-transition-smooth),box-shadow .4s var(--chat-transition-smooth);box-shadow:0 4px 20px var(--chat-shadow-color),0 8px 40px #8b5cf633,inset 0 1px #fff3}.chat-widget-button:not(.interacted) .chat-button-bg{animation:chatButtonPulse 3s ease-in-out infinite}.chat-widget-button:hover .chat-button-bg{transform:scale(1.08);box-shadow:0 8px 30px var(--chat-shadow-color),0 12px 50px #8b5cf64d,inset 0 1px #ffffff4d}.chat-widget-button.open .chat-button-bg{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 4px 20px #0000004d}.chat-button-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--chat-transition-bounce)}.chat-button-icon svg{width:28px;height:28px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.chat-widget-button.open .chat-button-icon{transform:rotate(90deg)}.chat-button-ripple{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--chat-primary);opacity:0;animation:chatRipple 3s ease-out infinite;animation-delay:1s}.chat-widget-button.interacted .chat-button-ripple,.chat-widget-button.open .chat-button-ripple{animation:none;opacity:0}@keyframes chatButtonPulse{0%,to{box-shadow:0 4px 20px var(--chat-shadow-color),0 8px 40px #8b5cf633,inset 0 1px #fff3}50%{box-shadow:0 6px 28px #3b82f680,0 10px 50px #8b5cf659,inset 0 1px #ffffff4d,0 0 0 8px #3b82f61a}}@keyframes chatRipple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.chat-unread-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:3px solid white;box-shadow:0 2px 10px #ef444466;animation:badgePop .4s var(--chat-transition-bounce);z-index:3}@keyframes badgePop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.chat-widget-modal{position:fixed;bottom:100px;right:24px;width:400px;max-width:calc(100vw - 48px);max-height:calc(100vh - 140px);z-index:2147483646;display:flex;flex-direction:column;overflow:hidden;transform:scale(.9) translateY(20px);opacity:0;visibility:hidden;transition:all .4s var(--chat-transition-smooth);transform-origin:bottom right;border-radius:24px}.chat-widget-modal.open{transform:scale(1) translateY(0);opacity:1;visibility:visible}.chat-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chat-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014,0 0 0 1px #0000000a,inset 0 1px #ffffff80}.chat-modal-header{position:relative;background:var(--chat-gradient);padding:20px 20px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-radius:24px 24px 0 0;overflow:hidden;z-index:1}.chat-header-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none}.chat-header-info{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.chat-header-avatar{position:relative;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:avatarRingPulse 3s ease-in-out infinite}@keyframes avatarRingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.chat-header-avatar svg{width:26px;height:26px;color:#fff}.chat-online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#10b981;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #10b9814d}.chat-header-text{position:relative;z-index:1}.chat-header-text h3{margin:0;font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-status{display:flex;align-items:center;gap:6px;margin:3px 0 0;font-size:.82rem;color:#ffffffe6}.chat-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.chat-close-btn{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s var(--chat-transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-close-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.08)}.chat-close-btn svg{width:20px;height:20px;color:#fff;transition:transform .25s var(--chat-transition-smooth)}.chat-close-btn:hover svg{transform:translateY(2px)}.chat-modal-body{position:relative;flex:1;overflow-y:auto;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);min-height:280px;max-height:420px;z-index:1}.chat-modal-body::-webkit-scrollbar{width:6px}.chat-modal-body::-webkit-scrollbar-track{background:transparent;margin:8px 0}.chat-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:3px}.chat-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.chat-welcome{padding:36px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.chat-welcome-visual{position:relative;margin-bottom:8px}.chat-welcome-icon{position:relative;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(139,92,246,.15));display:flex;align-items:center;justify-content:center;z-index:1}.chat-welcome-icon svg{width:36px;height:36px;color:var(--chat-primary)}.chat-welcome-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);animation:welcomeGlow 3s ease-in-out infinite}@keyframes welcomeGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.chat-success-animation{margin-bottom:12px}.chat-success-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;animation:successPop .5s var(--chat-transition-bounce);box-shadow:0 8px 24px #10b98166}.chat-success-circle svg{width:36px;height:36px;color:#fff;animation:checkDraw .4s ease-out .2s both}@keyframes successPop{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkDraw{0%{stroke-dasharray:50;stroke-dashoffset:50}to{stroke-dashoffset:0}}.chat-welcome h4{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.chat-welcome>p{margin:0;font-size:.92rem;color:#64748b;line-height:1.5}.chat-contact-form{width:100%;margin-top:20px;display:flex;flex-direction:column;gap:14px}.chat-form-group{position:relative;width:100%}.chat-input-field,.chat-textarea-field{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:.92rem;background:white;color:#1e293b;transition:all .3s var(--chat-transition-smooth);outline:none;font-family:inherit}.chat-form-group.focused .chat-input-field,.chat-form-group.focused .chat-textarea-field,.chat-input-field:focus,.chat-textarea-field:focus{border-color:var(--chat-primary);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f614}.chat-input-field::placeholder,.chat-textarea-field::placeholder{color:#94a3b8}.chat-textarea-field{resize:none;min-height:88px;line-height:1.5}.chat-input-highlight{position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--chat-gradient);border-radius:0 0 14px 14px;transition:width .3s var(--chat-transition-smooth),left .3s var(--chat-transition-smooth)}.chat-form-group.focused .chat-input-highlight{width:100%;left:0}.chat-send-initial-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 28px;border:none;border-radius:14px;background:var(--chat-gradient);color:#fff;font-size:.98rem;font-weight:600;cursor:pointer;transition:all .3s var(--chat-transition-smooth);margin-top:6px;box-shadow:0 4px 16px #3b82f64d}.chat-send-initial-btn svg{width:18px;height:18px;transition:transform .3s var(--chat-transition-smooth)}.chat-send-initial-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #3b82f666}.chat-send-initial-btn:hover:not(:disabled) svg{transform:translate(4px)}.chat-send-initial-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.chat-messages{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:100%}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:#94a3b8;gap:12px}.chat-empty-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.1));display:flex;align-items:center;justify-content:center}.chat-empty-icon svg{width:28px;height:28px;color:#94a3b8}.chat-empty-state p{font-size:.9rem;margin:0}.chat-message{display:flex;gap:10px;max-width:85%;animation:messageSlideIn .35s var(--chat-transition-smooth) both}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message.incoming{align-self:flex-start}.chat-message.outgoing{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:var(--chat-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--chat-shadow-color)}.chat-message-avatar svg{width:18px;height:18px;color:#fff}.chat-avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid white}.chat-message-content{padding:14px 18px;border-radius:20px;position:relative}.chat-message.incoming .chat-message-content{background:white;border:1px solid #e2e8f0;border-bottom-left-radius:6px;box-shadow:0 1px 3px #0000000a}.chat-message.outgoing .chat-message-content{background:var(--chat-gradient);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 12px var(--chat-shadow-color)}.chat-message-content p{margin:0;font-size:.92rem;line-height:1.55;word-wrap:break-word}.chat-message.incoming .chat-message-content p{color:#1e293b}.chat-message-time{display:flex;align-items:center;gap:4px;font-size:.72rem;margin-top:6px;opacity:.75}.chat-message.incoming .chat-message-time{color:#64748b}.chat-message.outgoing .chat-message-time{color:#ffffffd9;justify-content:flex-end}.chat-message-status{width:14px;height:14px;opacity:.8}.chat-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:white;border:1px solid #e2e8f0;border-radius:20px 20px 20px 6px;width:fit-content}.chat-typing-indicator span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.chat-typing-indicator span:nth-child(2){animation-delay:.2s}.chat-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-modal-footer{position:relative;padding:16px 20px;background:white;border-top:1px solid rgba(226,232,240,.8);flex-shrink:0;z-index:1;border-radius:0 0 24px 24px}.chat-input-container{display:flex;gap:12px;align-items:center}.chat-message-input{flex:1;padding:14px 20px;border:2px solid #e2e8f0;border-radius:28px;font-size:.92rem;background:#f8fafc;color:#1e293b;transition:all .3s var(--chat-transition-smooth);outline:none}.chat-message-input:focus{border-color:var(--chat-primary);background:white;box-shadow:0 0 0 4px #3b82f61a}.chat-message-input::placeholder{color:#94a3b8}.chat-send-btn{width:48px;height:48px;border-radius:50%;background:#e2e8f0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--chat-transition-smooth);flex-shrink:0}.chat-send-btn.active{background:var(--chat-gradient);box-shadow:0 4px 16px var(--chat-shadow-color)}.chat-send-btn:hover:not(:disabled).active{transform:scale(1.08);box-shadow:0 6px 20px var(--chat-shadow-color)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn svg{width:20px;height:20px;color:#94a3b8;transition:all .3s var(--chat-transition-smooth)}.chat-send-btn.active svg{color:#fff;transform:rotate(-45deg) translate(1px)}@media (max-width: 480px){.chat-widget-button{bottom:16px;right:16px;width:58px;height:58px}.chat-button-icon svg{width:24px;height:24px}.chat-widget-modal{bottom:84px;right:12px;left:12px;width:auto;max-width:none;max-height:calc(100vh - 104px);border-radius:20px}.chat-modal-backdrop{border-radius:20px}.chat-modal-header{padding:16px;border-radius:20px 20px 0 0}.chat-header-avatar{width:44px;height:44px}.chat-header-avatar svg{width:22px;height:22px}.chat-online-indicator{width:12px;height:12px;border-width:2px}.chat-header-text h3{font-size:1rem}.chat-status{font-size:.78rem}.chat-modal-body{max-height:340px}.chat-modal-footer{border-radius:0 0 20px 20px}.chat-welcome{padding:28px 20px}.chat-welcome-icon{width:60px;height:60px}.chat-welcome-icon svg{width:30px;height:30px}.chat-welcome h4{font-size:1.15rem}.chat-messages{padding:16px}.chat-message-content{padding:12px 16px}}.dark-theme .chat-modal-backdrop{background:rgba(15,23,42,.95);border-color:#ffffff14;box-shadow:0 24px 48px #0006,0 12px 24px #0000004d}.dark-theme .chat-modal-body{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%)}.dark-theme .chat-modal-footer{background:#1e293b;border-top-color:#334155}.dark-theme .chat-message.incoming .chat-message-content{background:#334155;border-color:#475569}.dark-theme .chat-message.incoming .chat-message-content p{color:#e2e8f0}.dark-theme .chat-message.incoming .chat-message-time{color:#94a3b8}.dark-theme .chat-message-input{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-theme .chat-message-input:focus{background:#1e293b;border-color:var(--chat-primary)}.dark-theme .chat-message-input::placeholder{color:#64748b}.dark-theme .chat-send-btn:not(.active){background:#334155}.dark-theme .chat-send-btn:not(.active) svg{color:#64748b}.dark-theme .chat-welcome h4{color:#f1f5f9}.dark-theme .chat-welcome>p{color:#94a3b8}.dark-theme .chat-input-field,.dark-theme .chat-textarea-field{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-theme .chat-input-field:focus,.dark-theme .chat-textarea-field:focus{background:#1e293b}.dark-theme .chat-input-field::placeholder,.dark-theme .chat-textarea-field::placeholder{color:#64748b}.dark-theme .chat-empty-state{color:#64748b}.dark-theme .chat-empty-icon{background:rgba(255,255,255,.05)}.dark-theme .chat-empty-icon svg{color:#64748b}.dark-theme .chat-welcome-icon{background:rgba(59,130,246,.15)}.dark-theme .chat-message-avatar{box-shadow:0 2px 8px #0000004d}.fx-games-section{position:relative;width:100%;padding:80px 0 100px;background:#000000;overflow:hidden;border-radius:40px 40px 0 0}.fx-games-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 1400px 600px at 20% 50%,rgba(180,20,30,.7),transparent 60%),radial-gradient(ellipse 1200px 500px at 80% 30%,rgba(200,30,40,.5),transparent 55%),radial-gradient(ellipse 800px 400px at 50% 80%,rgba(150,15,25,.4),transparent 50%),linear-gradient(135deg,#1a0a0d 0%,#0a0506 50%,#000000 100%);z-index:1;pointer-events:none}.fx-games-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,transparent 40%,rgba(255,50,50,.15) 50%,transparent 60%),linear-gradient(240deg,transparent 40%,rgba(200,30,30,.12) 50%,transparent 60%);background-size:200% 200%;animation:flowingGradient 15s ease-in-out infinite;z-index:2;pointer-events:none;opacity:.6}.fx-games-geometric-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:none;overflow:hidden}.fx-games-geometric-shapes:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background-image:linear-gradient(45deg,transparent 45%,rgba(255,60,60,.08) 45%,rgba(255,60,60,.08) 47%,transparent 47%),linear-gradient(-45deg,transparent 45%,rgba(255,80,80,.06) 45%,rgba(255,80,80,.06) 47%,transparent 47%),linear-gradient(135deg,transparent 48%,rgba(255,50,50,.05) 48%,rgba(255,50,50,.05) 50%,transparent 50%);background-size:400px 400px,350px 350px,450px 450px;animation:diagonalSweep 40s linear infinite;z-index:1}.fx-games-geometric-shapes:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(60deg,transparent 0%,transparent 40%,rgba(255,70,70,.12) 45%,transparent 50%),linear-gradient(120deg,transparent 50%,rgba(255,60,60,.1) 55%,transparent 60%,transparent 100%);background-size:300% 300%;animation:edgeSweep 25s ease-in-out infinite;z-index:2}@keyframes diagonalSweep{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(360deg)}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes edgeSweep{0%,to{background-position:0% 0%;opacity:.6}50%{background-position:100% 100%;opacity:.9}}@keyframes flowingGradient{0%,to{background-position:0% 50%;opacity:.6}50%{background-position:100% 50%;opacity:.8}}.fx-games-triangle{position:absolute;animation-iteration-count:infinite;filter:blur(.5px);will-change:transform,opacity}.fx-games-triangle-1{width:0;height:0;border-left:650px solid transparent;border-right:250px solid transparent;border-bottom:850px solid rgba(220,30,40,.4);top:-300px;left:-200px;transform:rotate(35deg);animation:organicFloat1 23s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:-3s;opacity:.18}.fx-games-triangle-2{width:700px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,60,60,.6) 50%,transparent 100%);top:15%;right:-250px;transform:rotate(-45deg);animation:organicBlade1 19s cubic-bezier(.36,0,.66,-.56) infinite;animation-delay:-7s;opacity:.22;box-shadow:0 0 20px #ff3c3c80}.fx-games-triangle-3{width:480px;height:480px;background:rgba(200,25,35,.32);clip-path:polygon(30% 0%,100% 0%,70% 100%,0% 70%);top:10%;right:20%;transform:rotate(25deg);animation:organicSpin1 27s cubic-bezier(.68,-.55,.265,1.55) infinite;animation-delay:-11s;opacity:.14}.fx-games-triangle-4{width:0;height:0;border-left:420px solid transparent;border-right:180px solid transparent;border-top:600px solid rgba(180,20,30,.45);bottom:-250px;left:3%;transform:rotate(55deg);animation:organicFloat2 21s cubic-bezier(.17,.67,.83,.67) infinite;animation-delay:-5s;opacity:.2}.fx-games-triangle-5{width:550px;height:4px;background:linear-gradient(90deg,rgba(255,70,70,.5) 0%,rgba(255,50,50,.7) 50%,transparent 100%);top:55%;right:-180px;transform:rotate(35deg);animation:organicBlade2 17s cubic-bezier(.22,.61,.36,1) infinite;animation-delay:-9s;opacity:.25;box-shadow:0 0 25px #ff464699}.fx-games-triangle-6{width:0;height:0;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:350px solid rgba(240,40,50,.38);top:-30px;left:40%;transform:rotate(-25deg);animation:organicFloat3 16s cubic-bezier(.65,0,.35,1) infinite;animation-delay:-2s;opacity:.17}.fx-games-triangle-7{width:350px;height:350px;background:rgba(210,30,40,.28);clip-path:polygon(50% 0%,90% 50%,50% 100%,10% 50%);bottom:10%;right:15%;transform:rotate(40deg);animation:organicSpin2 25s cubic-bezier(.47,0,.745,.715) infinite;animation-delay:-13s;opacity:.13}.fx-games-triangle-8{width:2px;height:950px;background:linear-gradient(180deg,transparent 0%,rgba(255,80,80,.5) 30%,rgba(255,60,60,.7) 50%,transparent 100%);top:-150px;left:25%;transform:rotate(65deg);animation:organicGlow1 22s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-6s;opacity:.28;box-shadow:0 0 30px #ff505080}.fx-games-triangle-9{width:0;height:0;border-top:700px solid transparent;border-bottom:250px solid transparent;border-left:600px solid rgba(255,50,50,.33);bottom:-180px;right:-120px;transform:rotate(-20deg);animation:organicFloat4 20s cubic-bezier(.25,.46,.45,.94) infinite;animation-delay:-15s;opacity:.23}.fx-games-triangle-10{width:220px;height:220px;background:rgba(230,35,45,.24);clip-path:polygon(40% 0%,60% 0%,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0% 60%,0% 40%,40% 40%);top:60%;left:15%;transform:rotate(30deg);animation:organicSpin3 29s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:-4s;opacity:.11}@keyframes organicFloat1{0%{transform:rotate(35deg) translateY(0) translate(0) scale(1);opacity:.18}23%{transform:rotate(42deg) translateY(-35px) translate(25px) scale(1.05);opacity:.26}47%{transform:rotate(29deg) translateY(-58px) translate(52px) scale(.98);opacity:.32}71%{transform:rotate(38deg) translateY(-22px) translate(-18px) scale(1.08);opacity:.23}to{transform:rotate(35deg) translateY(0) translate(0) scale(1);opacity:.18}}@keyframes organicFloat2{0%{transform:rotate(55deg) translateY(0) translate(0) scale(1);opacity:.2}31%{transform:rotate(68deg) translateY(-48px) translate(38px) scale(1.12);opacity:.34}59%{transform:rotate(51deg) translateY(-15px) translate(-22px) scale(.95);opacity:.27}83%{transform:rotate(62deg) translateY(-35px) translate(15px) scale(1.06);opacity:.31}to{transform:rotate(55deg) translateY(0) translate(0) scale(1);opacity:.2}}@keyframes organicFloat3{0%{transform:rotate(-25deg) translateY(0) scale(1);opacity:.17}19%{transform:rotate(-32deg) translateY(28px) scale(1.18);opacity:.29}44%{transform:rotate(-18deg) translateY(42px) scale(.93);opacity:.22}67%{transform:rotate(-38deg) translateY(15px) scale(1.11);opacity:.26}88%{transform:rotate(-22deg) translateY(8px) scale(1.03);opacity:.19}to{transform:rotate(-25deg) translateY(0) scale(1);opacity:.17}}@keyframes organicFloat4{0%{transform:rotate(-20deg) translate(0) translateY(0) scale(1);opacity:.23}27%{transform:rotate(-32deg) translate(-52px) translateY(-28px) scale(1.09);opacity:.36}53%{transform:rotate(-14deg) translate(-25px) translateY(-45px) scale(.97);opacity:.29}79%{transform:rotate(-26deg) translate(-38px) translateY(-12px) scale(1.14);opacity:.33}to{transform:rotate(-20deg) translate(0) translateY(0) scale(1);opacity:.23}}@keyframes organicBlade1{0%{transform:rotate(-45deg) translate(0) translateY(0);opacity:.22}17%{transform:rotate(-39deg) translate(-45px) translateY(32px);opacity:.38}41%{transform:rotate(-52deg) translate(-72px) translateY(55px);opacity:.45}68%{transform:rotate(-42deg) translate(-28px) translateY(18px);opacity:.31}89%{transform:rotate(-48deg) translate(-15px) translateY(8px);opacity:.27}to{transform:rotate(-45deg) translate(0) translateY(0);opacity:.22}}@keyframes organicBlade2{0%{transform:rotate(35deg) translate(0) translateY(0);opacity:.25}25%{transform:rotate(42deg) translate(-38px) translateY(-25px);opacity:.43}52%{transform:rotate(29deg) translate(-65px) translateY(-38px);opacity:.38}76%{transform:rotate(38deg) translate(-22px) translateY(-15px);opacity:.34}to{transform:rotate(35deg) translate(0) translateY(0);opacity:.25}}@keyframes organicSpin1{0%{transform:rotate(25deg) scale(1);opacity:.14}21%{transform:rotate(38deg) scale(1.15);opacity:.24}43%{transform:rotate(52deg) scale(1.28);opacity:.28}64%{transform:rotate(31deg) scale(1.08);opacity:.19}85%{transform:rotate(45deg) scale(1.22);opacity:.26}to{transform:rotate(25deg) scale(1);opacity:.14}}@keyframes organicSpin2{0%{transform:rotate(40deg) scale(1);opacity:.13}28%{transform:rotate(58deg) scale(1.32);opacity:.23}49%{transform:rotate(72deg) scale(1.18);opacity:.27}73%{transform:rotate(51deg) scale(1.42);opacity:.21}91%{transform:rotate(63deg) scale(1.09);opacity:.17}to{transform:rotate(40deg) scale(1);opacity:.13}}@keyframes organicSpin3{0%{transform:rotate(30deg) scale(1);opacity:.11}16%{transform:rotate(48deg) scale(1.28);opacity:.19}38%{transform:rotate(35deg) scale(1.45);opacity:.24}61%{transform:rotate(56deg) scale(1.12);opacity:.16}82%{transform:rotate(42deg) scale(1.35);opacity:.22}to{transform:rotate(30deg) scale(1);opacity:.11}}@keyframes organicGlow1{0%{opacity:.28;filter:blur(.5px)}22%{opacity:.48;filter:blur(1.2px)}46%{opacity:.35;filter:blur(.8px)}69%{opacity:.52;filter:blur(1.5px)}91%{opacity:.31;filter:blur(.6px)}to{opacity:.28;filter:blur(.5px)}}.fx-games-container{position:relative;max-width:1600px;margin:0 auto;padding:0 40px;z-index:10}.fx-games-header{text-align:left;margin-bottom:48px;position:relative;z-index:10}.fx-games-header h2{font-size:42px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px;text-shadow:0 2px 20px rgba(255,50,50,.4)}.fx-games-subtitle{font-size:16px;color:#ffffffa6;margin:0;font-weight:400;letter-spacing:.3px}.fx-games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:10}.fx-game-card{position:relative;background:linear-gradient(135deg,#090a14 0%,#080913 50%,#04050a 100%);border:1.5px solid #ff402f;border-radius:20px;padding:24px 20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:160px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 4px 20px #ff402f26,inset 0 1px #ff402f1a}.fx-game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-gradient, none);opacity:0;transition:opacity .4s ease;border-radius:20px;z-index:1}.fx-game-card:hover:before{opacity:1}.fx-game-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,rgba(255,80,80,.4),rgba(255,50,50,.2));border-radius:20px;opacity:0;transition:opacity .4s ease;z-index:0}.fx-game-card:hover:after{opacity:1}.fx-game-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ff50504d;box-shadow:0 20px 60px #ff323259,0 0 40px #ff505033,inset 0 1px #ffffff1a}.fx-game-icon-wrapper{position:relative;width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,rgba(30,30,40,.6),rgba(20,20,30,.8));border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:5;transition:all .4s ease;box-shadow:0 8px 24px #0006}.fx-game-card:hover .fx-game-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #ff323266,0 0 30px #ff50504d;border-color:#ff64644d}.fx-game-icon-img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(255,80,80,.5));transition:filter .4s ease}.fx-game-card:hover .fx-game-icon-img{filter:drop-shadow(0 4px 16px rgba(255,80,80,.8)) brightness(1.2)}.fx-game-icon-fallback{width:42px;height:42px;color:#ff6464cc;transition:all .4s ease}.fx-game-card:hover .fx-game-icon-fallback{color:#ff7878;filter:drop-shadow(0 0 12px rgba(255,80,80,.6))}.fx-game-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.fx-game-title{font-size:16px;font-weight:600;color:#fff;margin:0;letter-spacing:-.3px;line-height:1.3;transition:color .3s ease}.fx-game-card:hover .fx-game-title{color:#fff;text-shadow:0 0 20px rgba(255,100,100,.5)}.fx-game-description{font-size:14px;color:#fff9;margin:0;line-height:1.5;letter-spacing:.2px;transition:color .3s ease}.fx-game-card:hover .fx-game-description{color:#fffc}.fx-game-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(circle,rgba(255,80,80,.3),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.fx-game-card:hover .fx-game-glow{opacity:1}.fx-games-badge{position:absolute;top:40px;right:40px;background:linear-gradient(135deg,#ff3b3b,#ff5f5f);color:#fff;padding:10px 24px;border-radius:24px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 8px 24px #ff3b3b66,0 0 30px #ff3b3b4d;z-index:15;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #ff3b3b66,0 0 30px #ff3b3b4d}50%{transform:scale(1.05);box-shadow:0 12px 32px #ff3b3b80,0 0 40px #ff3b3b66}}@media (max-width: 1200px){.fx-games-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width: 1024px){.fx-games-container{padding:0 32px}.fx-games-header h2{font-size:36px}.fx-games-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.fx-games-section{padding:60px 0 80px}.fx-games-container{padding:0 24px}.fx-games-header{margin-bottom:36px}.fx-games-header h2{font-size:32px}.fx-games-subtitle{font-size:15px}.fx-games-grid{grid-template-columns:1fr;gap:18px}.fx-game-card{padding:28px 24px;min-height:180px}.fx-games-badge{top:24px;right:24px;padding:8px 20px;font-size:12px}}@media (max-width: 480px){.fx-games-header h2{font-size:28px}.fx-game-icon-wrapper{width:64px;height:64px}.fx-game-icon-img{width:40px;height:40px}.fx-game-title{font-size:17px}.fx-game-description{font-size:13px}}:root{--primary-color: #0066cc;--secondary-color: #00aaff;--accent-color: #00ffcc;--dark-blue: #001a33;--gray-text: #666666;--box-shadow: 0 4px 15px rgba(0, 102, 204, .2)}*{margin:0;padding:0;box-sizing:border-box}section{margin:0;padding:0;width:100%;max-width:100%}html{width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background:#ffffff;margin:0;padding:0;width:100%;overflow-x:hidden}#root,.App{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}.home-page{width:100%;max-width:100%;margin:0;padding:0;background:#ffffff;overflow-x:hidden;position:relative}.chart-compact{max-width:1100px;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;padding:20px 30px;z-index:1000;display:flex;justify-content:center;align-items:center;transition:transform .4s ease,opacity .3s ease,background .3s ease,padding .3s ease,border-color .3s ease;will-change:transform,opacity}.navbar.scrolled{padding:15px 30px;background:rgba(0,26,51,.98)}.navbar.hidden{transform:translateY(-100%)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:500;position:relative;padding:5px 0;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.header-actions{display:flex;gap:12px;align-items:center}.navbar .header-actions{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:1001}.navbar .mobile-menu-toggle{position:absolute;right:30px;top:50%;transform:translateY(-50%)}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px #06c3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0066cc4d}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}section.hero-section,.hero-section{height:100vh!important;width:100%!important;min-width:100%!important;max-width:100%!important;background:url(/assets/images/hero.jpg) no-repeat center center/cover!important;background-size:cover!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;text-align:center!important;color:#fff!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:#fff;margin:0!important;padding:0 20px!important;box-sizing:border-box;grid-template-columns:unset!important;gap:unset!important;min-height:unset!important}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,26,51,.75),rgba(0,51,102,.75));z-index:2}.hero-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%2300aaff" stroke-width="1" opacity="0.2"/><circle cx="50" cy="50" r="30" fill="none" stroke="%2300ffcc" stroke-width="1" opacity="0.2"/><circle cx="50" cy="50" r="20" fill="none" stroke="%230066cc" stroke-width="1" opacity="0.2"/></svg>') repeat;opacity:.12;animation:rotate 120s linear infinite;pointer-events:none}@keyframes rotate{0%{background-position:0 0}to{background-position:1000px 1000px}}.hero-section .hero-content,.hero-content{position:relative!important;z-index:4!important;max-width:800px!important;transition:all .3s ease;text-align:center!important;width:auto!important}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-content p{font-size:1.3rem;margin-bottom:30px;text-shadow:0 1px 5px rgba(0,0,0,.3)}.cta-button{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 25px #3b82f64d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #3b82f666}.scroll-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#fff;z-index:3}.arrow-image{width:24px;height:24px;animation:bounce 2s infinite;margin-bottom:8px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.chart-demo-section{padding:100px 0;background:#ffffff}.section{margin-top:20px;padding:20px;border:1px solid #e5e7eb;background:#ffffff;border-radius:8px;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:3rem;font-weight:800;color:#0b2545;margin-bottom:16px;letter-spacing:-.02em}.section-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.coming-soon-label{background:#f11850;color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:100;position:absolute;top:-10px;right:20px}.calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.calculator-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:28px 24px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;overflow:hidden;min-height:180px}.card-content{flex:1;display:flex;flex-direction:column;gap:12px}.card-content h3{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin:0;line-height:1.3;letter-spacing:-.025em}.card-content p{font-size:.95rem;color:var(--gray-text);margin:0;line-height:1.5;opacity:.8}.card-arrow{align-self:flex-end;margin-top:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:50%;color:var(--primary-color);transition:all .3s ease}.card-arrow svg{transition:transform .3s ease}.chart-wrapper{position:relative;background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #00000014}.custom-chart{position:relative;overflow:hidden;height:520px!important;background:#ffffff!important;border-radius:16px;border-bottom:1px solid #e5e7eb}.chart-controls{background:#f9fafb;padding:16px 20px;border-radius:12px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;box-shadow:none}.timeframe-controls{display:flex;gap:8px;flex-wrap:wrap}.timeframe-btn{background:rgba(15,23,42,.8);color:#94a3b8;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.timeframe-btn:hover{background:rgba(59,130,246,.2);border-color:#3b82f666;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.timeframe-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f666,0 0 20px #8b5cf64d,inset 0 1px #fff3;transform:translateY(-1px) scale(1.02)}.price-info{display:flex;gap:24px;color:#111827}.price-display{text-align:center;min-width:80px}.pt-dock{position:relative;min-height:260px;background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.95) 50%,rgba(51,65,85,.95) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.2);color:#f1f5f9;box-shadow:0 -20px 40px #0006,0 -1px #94a3b81a inset;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:block;font-size:14px;font-weight:500;z-index:1;pointer-events:auto}.ptd-wrap{height:100%;padding:16px 20px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:7}.currency-symbols{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:3}.currency-symbol{position:absolute;color:#fff9;font-size:2rem;animation:float-upward 18s linear infinite;will-change:transform,opacity,filter;filter:blur(3.5px) drop-shadow(0 1px 2px rgba(0,0,0,.15))}.currency-symbol.dim{color:#b2b8bd59;opacity:.5;filter:blur(4.2px) drop-shadow(0 1px 2px rgba(0,0,0,.12))}.currency-symbol.glowing{color:hsl(var(--hue, 200),100%,62%);text-shadow:0 0 10px hsla(var(--hue, 200),100%,55%,.85),0 0 22px hsla(var(--hue, 200),100%,55%,.45);filter:blur(2.4px) drop-shadow(0 3px 10px rgba(0,0,0,.35));animation-name:float-glow-upward}@keyframes float-upward{0%{transform:translateY(0) rotate(0);opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes float-glow-upward{0%{transform:translateY(0) rotate(0) scale(1);opacity:.8}to{transform:translateY(-100vh) rotate(420deg) scale(1.05);opacity:0}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(11,18,32,.9);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-overlay.hidden{display:none}.global-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,26,51,.95),rgba(0,51,102,.95));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.global-loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:400px;width:90%;padding:40px 32px;background:rgba(255,255,255,.05);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000004d}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,170,255,.2);border-top:4px solid #00aaff;border-right:4px solid #00ffcc;border-radius:50%;animation:spin 1.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:1.25rem;font-weight:600;text-align:center}.mobile-menu-toggle{display:none;cursor:pointer;gap:6px;flex-direction:column;z-index:1001}.mobile-menu-toggle span{display:block;width:26px;height:3px;background:#fff;border-radius:2px}@media (max-width: 1024px){.hero-content h1{font-size:3.5rem}.navbar{padding:20px 30px}.navbar.scrolled{padding:15px 30px}}@media (max-width: 768px){.hero-content h1{font-size:3rem}.hero-content p{font-size:1.1rem}.navbar{padding:15px 20px}.navbar.scrolled{padding:10px 20px}.nav-links{display:none;position:fixed;top:60px;left:20px;right:20px;background:rgba(0,26,51,.96);padding:16px;border-radius:10px;flex-direction:column;gap:16px;box-shadow:var(--box-shadow);justify-content:flex-start}.nav-links.active{display:flex}.section-header h2{font-size:2rem}.mobile-menu-toggle{display:flex}.calculator-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.chart-controls{flex-direction:column;gap:16px;align-items:stretch}.timeframe-controls{justify-content:center;flex-wrap:wrap;gap:8px}.price-info{justify-content:center;flex-wrap:wrap;gap:16px}}@media (max-width: 576px){.hero-content h1{font-size:2.5rem}.btn{padding:10px 20px}.custom-chart{height:400px!important}.timeframe-controls{gap:4px}.timeframe-btn{padding:6px 12px;font-size:12px;margin:2px}.price-info{gap:8px}}.ptd-entry{display:grid;grid-template-columns:120px 120px minmax(0,1fr) 140px 140px 140px auto auto;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:16px;box-shadow:0 8px 24px #0003}.ptd-entry input,.ptd-entry select{background:rgba(15,23,42,.8);color:#f1f5f9;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:10px 14px;min-height:40px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.ptd-entry input:focus,.ptd-entry select:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.ptd-entry input::placeholder{color:#64748b;font-weight:400}.ptd-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:0;border-radius:12px;padding:12px 20px;cursor:pointer;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 24px #3b82f64d;transition:all .3s cubic-bezier(.4,0,.2,1)}.ptd-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f666}.ptd-ghost{background:rgba(148,163,184,.1);color:#e2e8f0;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:12px 20px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ptd-ghost:hover{background:rgba(148,163,184,.2);transform:translateY(-1px);box-shadow:0 4px 12px #94a3b81a}@media (max-width: 768px){.ptd-entry{grid-template-columns:1fr 1fr;gap:8px}.ptd-entry>*{grid-column:span 1}#ptdUnits,#ptdPriceInput{grid-column:span 2}#ptdTP,#ptdSL,.ptd-primary,.ptd-ghost{grid-column:span 1}}.subscribe-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease-out}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:white;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;z-index:1}.modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--dark-blue, #0b2545);margin-bottom:8px}.modal-header p{color:var(--gray-text, #666);font-size:.95rem;line-height:1.5;margin:0}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--gray-text, #666);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:rgba(0,0,0,.1);color:var(--dark-blue, #0b2545)}.modal-body{padding:24px 32px 32px}.subscription-options{display:flex;flex-direction:column;gap:20px}.email-option{width:100%}.form-group label{display:block;font-weight:500;color:var(--dark-blue, #0b2545);margin-bottom:6px;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid rgba(0,0,0,.12);border-radius:8px;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 3px #0066cc1a}.form-group input.error{border-color:var(--danger-color, #dc3545)}.form-group small{display:block;margin-top:4px}.form-row{margin-bottom:8px}.form-row label{margin:0;font-weight:600;color:#374151;font-size:14px}.input-icon{position:relative;display:flex;align-items:center}.input-icon input{width:100%;padding:14px 50px 14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#ffffff;transition:all .2s ease;box-sizing:border-box}.input-icon input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-icon .icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:rgba(107,114,128,.1);color:#6b7280;cursor:pointer;border-radius:8px;padding:0;transition:all .2s ease}.input-icon .icon-btn:hover{background:rgba(107,114,128,.2);color:#374151;transform:translateY(-50%) scale(1.05)}.input-icon .icon-btn:active{transform:translateY(-50%) scale(.95)}.eye-ico{pointer-events:none;width:18px;height:18px}.link-action{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .2s ease;border-radius:6px}.link-action:hover{color:#2563eb;background:rgba(59,130,246,.1);text-decoration:none}.email-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--primary-color, #0066cc),var(--secondary-color, #00aaff));color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.email-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.email-btn:active{transform:translateY(0)}.email-btn:disabled{background:var(--gray-text, #666);cursor:not-allowed;transform:none;box-shadow:none}.form-subtext{margin-top:16px;text-align:center;padding:12px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:8px}.form-subtext .link-action{color:#3b82f6;font-weight:600;font-size:15px;text-decoration:none;padding:8px 12px;border-radius:6px;transition:all .2s ease}.form-subtext .link-action:hover{background:rgba(59,130,246,.15);color:#2563eb;transform:translateY(-1px)}.password-strength-container{margin-top:8px;display:flex;flex-direction:column;gap:6px}.password-strength-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;position:relative}.password-strength-fill{height:100%;border-radius:3px;transition:all .3s ease;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);width:0%}.password-strength-text{font-size:13px;font-weight:600;transition:color .2s ease}.strength-weak{color:#ef4444}.strength-fair{color:#f59e0b}.strength-good{color:#059669}.strength-strong{color:#10b981}.loading-state,.success-state,.error-state{text-align:center;padding:20px 0}.loading-state .spinner{width:32px;height:32px;border:3px solid rgba(0,102,204,.2);border-top:3px solid var(--primary-color, #0066cc);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-state p{color:var(--gray-text, #666);font-size:.9rem;margin:0}.success-state .success-icon{width:48px;height:48px;background:var(--success-color, #28a745);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.success-state h3{color:var(--success-color, #28a745);font-size:1.1rem;font-weight:600;margin-bottom:12px}.success-state p{color:var(--gray-text, #666);font-size:.9rem;line-height:1.5;margin-bottom:20px}.error-state .error-icon{width:48px;height:48px;background:var(--danger-color, #dc3545);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 16px}.error-state h3{color:var(--danger-color, #dc3545);font-size:1.1rem;font-weight:600;margin-bottom:12px}.error-state p{color:var(--gray-text, #666);font-size:.9rem;line-height:1.5;margin-bottom:20px}.error-message{display:block;color:var(--danger-color, #dc3545);font-size:12px;margin-top:4px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 992px){.modal-content{width:95%;margin:20px}.modal-header{padding:24px 24px 20px}.modal-body{padding:20px 24px 24px}}@media (max-width: 768px){.navbar .header-actions{display:none!important}.mobile-nav-actions{display:flex!important;flex-direction:column;gap:12px;width:100%;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav-actions button{width:100%;justify-content:center;padding:12px}}@media (min-width: 769px){.mobile-nav-actions{display:none!important}}@media (max-width: 768px){.navbar.hidden .header-actions,.navbar.hidden .nav-links,.navbar.hidden .mobile-menu-toggle{display:none!important}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:rgba(15,15,35,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:1000;transform:translateY(0);transition:transform .3s ease}.cookie-consent-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cookie-consent-text{flex:1;min-width:0}.cookie-title{font-size:.95rem;font-weight:500;margin:0 0 .5rem;color:#fff}.cookie-description{font-size:.85rem;margin:0;color:#b0b0b0;line-height:1.4}.cookie-link{color:#4a9eff;text-decoration:none;font-weight:500}.cookie-link:hover{text-decoration:underline}.cookie-consent-actions{display:flex;gap:.75rem;flex-shrink:0}.cookie-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-btn-primary{background:#4a9eff;color:#fff}.cookie-btn-primary:hover{background:#3a8eef;transform:translateY(-1px)}.cookie-btn-secondary{background:transparent;color:#888;border:1px solid rgba(255,255,255,.2)}.cookie-btn-secondary:hover{background:rgba(255,255,255,.05);color:#fff}@media (max-width: 768px){.cookie-consent-content{flex-direction:column;text-align:center;gap:1.5rem;padding:1.25rem 1.5rem}.cookie-consent-actions{justify-content:center;width:100%}.cookie-btn{flex:1;max-width:120px}}@media (max-width: 480px){.cookie-consent-content{padding:1rem}.cookie-consent-actions{flex-direction:column;width:100%;gap:.5rem}.cookie-btn{width:100%;max-width:none}}.footer{background:#0f172a;border-top:1px solid rgba(255,255,255,.05);padding:3rem 0 2rem;margin-top:auto;position:relative;z-index:10;color:#94a3b8;font-size:.9rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:2rem}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-brand-section{display:flex;flex-direction:column;gap:.5rem}.footer-brand-text{font-size:1.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.footer-tagline{font-size:.8rem;color:#64748b;margin:0}.footer-nav{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.footer-link{color:#94a3b8;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease}.footer-link:hover{color:#38bdf8}.footer-divider{height:1px;background:rgba(255,255,255,.05);width:100%}.footer-compliance{display:flex;flex-direction:column;gap:1rem}.compliance-text{font-size:.75rem;line-height:1.6;color:#64748b;margin:0;max-width:900px}.compliance-text strong{color:#94a3b8;font-weight:600}.compliance-text.secondary{font-size:.7rem;opacity:.8}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.75rem;color:#475569}.footer-copyright{margin:0}@media (max-width: 768px){.footer{padding:2.5rem 0 1.5rem}.footer-main{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-brand-section{align-items:center}.footer-nav{justify-content:center;gap:1.5rem}.footer-compliance{text-align:center;align-items:center}.footer-bottom{justify-content:center}}:root{--primary-color: #0066cc;--secondary-color: #00aaff;--dark-blue: #0b2545;--gray-text: #666;--border-color: rgba(0, 0, 0, .12);--success-color: #28a745;--danger-color: #dc3545;--white: #ffffff;--black: #000000;--gray-light: #f8f9fa;--gray-medium: #6c757d;--bg-app: #f8fafc;--bg-dock: #ffffff;--bg-chart: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0}.dark-theme{--primary-color: #0066cc;--secondary-color: #00aaff;--dark-blue: #0b2545;--gray-text: #666;--border-color: rgba(0, 0, 0, .12);--success-color: #28a745;--danger-color: #dc3545;--white: #ffffff;--black: #000000;--gray-light: #f8f9fa;--gray-medium: #6c757d;--bg-app: #0f172a;--bg-dock: #1e293b;--bg-chart: #0b1220;--text: #e2e8f0;--text-muted: #94a3b8;--border: #334155}.light-theme{--primary-color: #0066cc;--secondary-color: #00aaff;--dark-blue: #0b2545;--gray-text: #666;--border-color: rgba(0, 0, 0, .12);--success-color: #28a745;--danger-color: #dc3545;--white: #ffffff;--black: #000000;--gray-light: #f8f9fa;--gray-medium: #6c757d;--bg-app: #f8fafc;--bg-dock: #ffffff;--bg-chart: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text);background:var(--bg-app);transition:background-color .3s ease,color .3s ease}.App{min-height:100vh;background:var(--bg-app);color:var(--text);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.wide-container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.btn-secondary{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef}.btn-subscribed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000001a,0 0 0 1px #10b98133;cursor:default;font-weight:600;letter-spacing:.3px;opacity:1!important;display:inline-flex;align-items:center;justify-content:center}.btn-subscribed:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98140;transform:translateY(-1px)}.header-actions .btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-actions .btn-secondary:hover{background:rgba(255,255,255,.2);border-color:#fff;transform:translateY(-1px)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#c82333}.cta-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:15px 30px;border-radius:50px;font-size:1.2rem;font-weight:600;border:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0066cc4d}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.loading{color:#666!important;position:relative}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:0;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.15);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:6px;color:var(--dark-blue);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid rgba(0,0,0,.12);border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}.form-group input.error{border-color:var(--danger-color)}.error-message{display:block;color:var(--danger-color);font-size:12px;margin-top:4px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-overlay .spinner{width:40px;height:40px;border:4px solid rgba(0,102,204,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-overlay .status{color:var(--gray-text);font-size:16px}.back-to-home{position:fixed;top:16px;left:16px;z-index:1000;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--dark-blue);font-weight:600;border:1px solid rgba(0,0,0,.1);transition:all .2s ease}.back-to-home:hover{background:rgba(255,255,255,1);transform:translateY(-1px)}.category-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;color:#0b2545;background:#e2f5ff;border:1px solid rgba(0,0,0,.06)}.category-badge.beginner{background:#e6fffb;color:#047857;border-color:#04785726}.category-badge.intermediate{background:#e0f2fe;color:#075985;border-color:#07598526}.category-badge.guru{background:#fef3c7;color:#92400e;border-color:#92400e2e}.category-badge.news{background:#fff7ed;color:#c2410c;border-color:#f9731633}.home-page{min-height:100vh}.main-header{background:var(--white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--dark-blue)}.brand-icon{width:24px;height:24px}.nav-links{display:flex;gap:20px}.nav-link{text-decoration:none;color:var(--gray-text);font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--primary-color)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:70vh;padding:80px 20px;max-width:1200px;margin:0 auto}.hero-content{max-width:500px}.hero-title{font-size:3rem;font-weight:800;color:var(--dark-blue);margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--gray-medium);margin-bottom:32px;line-height:1.5}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-btn{padding:16px 32px;font-size:16px}.hero-visual{display:flex;align-items:center;justify-content:center}.chart-placeholder{width:300px;height:200px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:12px;display:flex;flex-direction:column;justify-content:space-around;padding:20px;position:relative}.chart-line{height:4px;background:var(--primary-color);border-radius:2px;animation:chartLine 2s ease-in-out infinite}.chart-line:nth-child(2){width:80%;animation-delay:.5s}.chart-line:nth-child(3){width:60%;animation-delay:1s}@keyframes chartLine{0%,to{opacity:.6}50%{opacity:1}}.features-section{padding:80px 20px;background:var(--gray-light)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--dark-blue);margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:var(--white);padding:40px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;font-weight:700;color:var(--dark-blue);margin-bottom:16px}.feature-card p{color:var(--gray-medium);line-height:1.6}.cta-section{padding:80px 20px;text-align:center;background:var(--dark-blue);color:var(--white)}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-section p{font-size:1.25rem;margin-bottom:40px;opacity:.9}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.main-footer{background:var(--black);color:var(--white);padding:40px 20px 20px}.footer-content{max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.footer-icon{width:20px;height:20px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--white);text-decoration:none;opacity:.8;transition:opacity .2s ease}.footer-links a:hover{opacity:1}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;opacity:.6}.subscribe-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--white);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{padding:30px 30px 20px;position:relative;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.75rem;font-weight:700;color:var(--dark-blue);margin-bottom:8px}.modal-header p{color:var(--gray-medium);margin:0}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--gray-medium);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--gray-light);color:var(--dark-blue)}.modal-body{padding:30px}.loading-state,.success-state,.error-state{text-align:center;padding:40px 20px}.success-icon,.error-icon{font-size:3rem;margin-bottom:16px}.success-icon{color:var(--success-color)}.error-icon{color:var(--danger-color)}.loading-state .spinner{width:40px;height:40px;border:4px solid rgba(0,102,204,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.blog-gradient{background:radial-gradient(80% 60% at 20% 20%,rgba(120,119,198,.12) 0%,rgba(120,119,198,0) 60%),linear-gradient(180deg,#0f172a 0%,#0b1220 100%);min-height:100vh}.blog-home-page{min-height:100vh;padding-top:0}.back-to-home{position:fixed;top:16px;left:16px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;border:none;box-shadow:0 4px 15px #0066cc59;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap}.back-to-home:before{content:"←";font-size:1.1rem;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.back-to-home .back-text{opacity:1;max-width:200px;transition:opacity .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.back-to-home.collapsed{padding:12px;width:48px;height:48px;gap:0}.back-to-home.collapsed:before{transform:scale(1.1)}.back-to-home.collapsed .back-text{opacity:0;max-width:0;overflow:hidden}.back-to-home:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 20px #0066cc73}.back-to-home.game-mode{background:linear-gradient(135deg,#ff402f,#d62d20);box-shadow:0 4px 15px #ff402f59;color:#fff;border:none}.back-to-home.game-mode:hover{background:linear-gradient(135deg,#d62d20,#b02318);box-shadow:0 6px 20px #ff402f73}.header-actions{position:fixed;top:16px;right:24px;z-index:1002}.actions-toggle{background:#0aa;color:#eaffff;border:none;padding:10px 14px;border-radius:10px;box-shadow:0 8px 16px #0000001f;cursor:pointer;font-weight:600;transition:all .2s ease}.actions-menu{position:absolute;top:46px;right:0;width:320px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:12px;display:none}.actions-menu.open{display:block}.actions-row{display:flex;gap:10px;align-items:center}.actions-menu .btn-secondary{background:#ffffff;color:#1e293b;border:1px solid #e2e8f0;font-weight:700;box-shadow:0 1px 2px #0000000d}.actions-menu .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.search-row{margin:10px 0}.search-row input{width:100%;padding:10px 12px;border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:8px;font-size:14px}.refresh-icon{width:38px;height:38px;border-radius:50%;border:2px solid #0aa;background:transparent;color:#0aa;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 6px 14px #0000000f;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.refresh-icon:hover{background:#e6fffb;transform:translateY(-1px) rotate(-10deg);box-shadow:0 10px 22px #00000014}.refresh-icon:active{transform:rotate(0) scale(.98)}@media (prefers-reduced-motion: reduce){.refresh-icon{transition:none}}.social-row{display:flex;gap:10px}.social-icon{width:34px;height:34px;border-radius:8px;background:var(--dark-blue, #0b2545);color:#cfe9ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;text-decoration:none}.wide-container{max-width:1600px;margin:0 auto;padding:90px 20px 40px}.blog-layout{display:grid;grid-template-columns:2.8fr 1fr;gap:32px;align-items:start}.blog-main{min-width:0}.page-hero{padding:4px 0 8px;margin:0 0 12px}.page-hero-title{font-size:2.25rem;line-height:1.1;font-weight:800;letter-spacing:-.01em;margin:6px 0 4px;color:#e5e7eb;text-shadow:0 1px 0 rgba(255,255,255,.02)}.page-hero-subtitle{color:#cbd5e1;font-size:1.05rem}@media (min-width: 992px){.page-hero-title{font-size:2.75rem}}@media (max-width: 1200px){.wide-container{padding:80px 16px 32px}.blog-layout{gap:24px}}@media (max-width: 992px){.wide-container{padding:70px 12px 28px}.blog-layout{grid-template-columns:1fr;gap:32px}.blog-sidebar{position:static}.page-hero-title{font-size:2rem}.page-hero-subtitle{font-size:1rem}}@media (max-width: 768px){.wide-container{padding:60px 10px 24px}.page-hero-title{font-size:1.75rem}.page-hero-subtitle{font-size:.95rem}}@media (max-width: 576px){.wide-container{padding:50px 8px 20px}.page-hero-title{font-size:1.5rem}.page-hero-subtitle{font-size:.9rem}}.blog-controls{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.search-input,.category-filter,.sort-filter{flex:1;min-width:200px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:rgba(255,255,255,.9);color:#333}.search-input:focus,.category-filter:focus,.sort-filter:focus{outline:none;border-color:#0aa;box-shadow:0 0 0 3px #00aaaa1a}.blog-scroll-wrapper{position:relative;height:calc(100vh - 220px);overflow-y:auto;padding-bottom:250px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.blog-scroll-wrapper::-webkit-scrollbar{width:6px}.blog-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.blog-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#94a3b880;border-radius:20px}.blog-scroll-mask{display:none}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;margin-top:24px;border-top:1px solid rgba(148,163,184,.15)}.pagination-info{color:#94a3b8;font-size:.9rem;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:rgba(30,41,59,.6);color:#e2e8f0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:44px}.pagination-btn:hover:not(:disabled){background:rgba(59,130,246,.3);border-color:#3b82f680;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn.pagination-num{padding:10px 14px;min-width:44px}.pagination-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:transparent;color:#fff;box-shadow:0 4px 15px #0066cc59}.pagination-btn.active:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0066cc73}.pagination-ellipsis{color:#64748b;padding:0 8px;font-size:1rem;-webkit-user-select:none;user-select:none}.pagination-prev,.pagination-next{gap:6px}@media (max-width: 768px){.pagination-container{padding:24px 12px}.pagination-btn{padding:8px 12px;font-size:.85rem;min-width:40px}.pagination-btn.pagination-num{padding:8px 10px;min-width:38px}.pagination-info{font-size:.85rem}}@media (max-width: 576px){.pagination-controls{gap:6px}.pagination-btn{padding:7px 10px;font-size:.8rem;min-width:36px}.pagination-btn.pagination-num{padding:7px 8px;min-width:34px}.pagination-pages{gap:2px}.pagination-ellipsis{padding:0 4px}}.scroll-up-hint{color:#4ade80;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:5px;animation:bounceUp 1.5s infinite;opacity:.8}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ad-footer-section{width:100%;margin-top:0;padding:10px 0;background:rgba(15,23,42,.4);display:flex;justify-content:center;align-items:center}.ad-banner-placeholder{width:90%;max-width:728px;height:90px;background:linear-gradient(45deg,#1e293b,#334155);display:flex;justify-content:center;align-items:center;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.ad-banner-placeholder:before{content:"FOREX TRADING";font-size:1.5rem;font-weight:900;color:#ffffff1a;letter-spacing:2px}.ad-banner-placeholder .ad-label{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.5);color:#fff;font-size:9px;padding:2px 4px;border-radius:2px}.calculator-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.global-grid-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;pointer-events:none;background-size:100px 100px;background-image:linear-gradient(to right,rgba(14,165,233,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,165,233,.2) 1px,transparent 1px);background-color:#0f172ad9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.global-grid-overlay.active{opacity:1}.calculator-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff!important;background-image:none!important;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:width .2s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;overflow:hidden;min-height:200px}.card-resize-drag-handle{opacity:.6}.calculator-card:hover .card-resize-drag-handle{opacity:1}.calculator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.calculator-card:hover:before{transform:scaleX(1)}.calculator-card[data-category=news]:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.calculator-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#3b82f64d}.calculator-card:after{display:none}.calculator-card .card-content{flex:1;display:flex;flex-direction:column;gap:12px;background:transparent;position:relative}.calculator-card .card-content:before,.calculator-card .card-content:after{display:none!important}.calculator-card .card-content h3{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin:0;line-height:1.3;letter-spacing:-.025em}.calculator-card .card-content p{font-size:.95rem;color:var(--gray-text);margin:0;line-height:1.5;opacity:.8}.calculator-card img{width:100%;height:auto;min-height:150px;max-height:250px;object-fit:cover;border-radius:8px 8px 0 0}@media (max-width: 1400px){.calculator-card .card-content h3{font-size:1.15rem}.calculator-card .card-content p{font-size:.9rem}}@media (max-width: 1200px){.calculator-grid{gap:20px}.calculator-card{padding:20px;min-height:180px}.calculator-card img{max-height:200px}.calculator-card .card-content h3{font-size:1.1rem}.calculator-card .card-content p{font-size:.875rem}}@media (max-width: 992px){.calculator-grid{gap:16px}.calculator-card{padding:16px;min-height:160px}.calculator-card img{max-height:180px;min-height:120px}.calculator-card .card-content h3{font-size:1rem}.calculator-card .card-content p{font-size:.85rem}.category-badge{font-size:11px;padding:4px 10px}}@media (max-width: 768px){.calculator-grid{gap:12px}.calculator-card{padding:14px;min-height:150px}.calculator-card img{max-height:160px;min-height:100px}.calculator-card .card-content h3{font-size:.95rem}.calculator-card .card-content p{font-size:.8rem}.share-btn{width:38px;height:38px;font-size:14px}}@media (max-width: 576px){.calculator-card{padding:12px;min-height:140px}.calculator-card img{max-height:140px;min-height:90px}.calculator-card .card-content h3{font-size:.9rem}.calculator-card .card-content p{font-size:.75rem}.category-badge{font-size:10px;padding:3px 8px}.share-btn{width:34px;height:34px;font-size:13px}}.calculator-card .card-arrow{align-self:flex-end;margin-top:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:50%;color:var(--primary-color);transition:all .3s ease}.calculator-card:hover .card-arrow{background:var(--primary-color);color:#fff;transform:scale(1.1) rotate(5deg)}.calculator-card .card-arrow svg{transition:transform .3s ease}.calculator-card:hover .card-arrow svg{transform:translate(2px,-2px)}.calculator-card .category-badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;color:#0b2545;background:#e2f5ff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 14px #00000014}.calculator-card .category-badge.beginner{background:#e6fffb;color:#047857;border-color:#04785726}.calculator-card .category-badge.intermediate{background:#e0f2fe;color:#075985;border-color:#07598526}.calculator-card .category-badge.guru{background:#fef3c7;color:#92400e;border-color:#92400e2e}.share-btn{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--primary-color, #0066cc),var(--secondary-color, #00aaff));color:#fff;border:none;border-radius:999px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #0066cc59;opacity:1;transform:translateZ(0);transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease;font-size:16px;cursor:pointer}.calculator-card:hover .share-btn{transform:scale(1.06);box-shadow:0 10px 22px #0066cc73}.no-posts{text-align:center;padding:60px 20px;color:#cbd5e1;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(148,163,184,.15)}.blog-sidebar{position:sticky;top:90px}.selector-v2 .sidebar-box{background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%);border:1px solid rgba(148,163,184,.18);box-shadow:0 10px 30px #02061780;color:#e5e7eb;border-radius:14px}.selector-v2 .sidebar-title{display:grid;gap:4px;padding:14px 16px;color:#e2e8f0;border-bottom:1px solid rgba(148,163,184,.15);font-size:.95rem;letter-spacing:.2px}.selector-v2 .sidebar-title-text{display:inline-flex;align-items:center;gap:8px;font-weight:800}.selector-v2 .book-ico{display:inline-flex;width:20px;align-items:center;justify-content:center;filter:saturate(1.1)}.selector-v2 .sidebar-subtitle{color:#94a3b8;font-size:.86rem}.selector-v2 .category-section{border-top:1px solid rgba(148,163,184,.12)}.selector-v2 .category-section:first-child{border-top:none}.selector-v2 .category-header{width:100%;border:1px solid rgba(148,163,184,.14);background:rgba(30,41,59,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f8fafc;border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .04s ease}.selector-v2 .category-header:hover{background:rgba(51,65,85,.5);border-color:#94a3b847;box-shadow:0 6px 16px #0f172a59}.selector-v2 .category-header[aria-expanded=true]{background:rgba(51,65,85,.45)}.selector-v2 .category-header:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.selector-v2 .category-header .chev{color:#94a3b8;transition:transform .2s ease,color .2s ease}.selector-v2 .category-section.collapsed .category-header .chev{transform:rotate(-90deg);color:#64748b}.selector-v2 .head-left{display:flex;align-items:center;gap:12px}.selector-v2 .cat-icon{width:32px;height:32px;border-radius:10px;display:inline-block;box-shadow:inset 0 -2px #ffffff14}.selector-v2 .cat-icon.cat-beginner{background:linear-gradient(135deg,#10b981,#0ea5e9)}.selector-v2 .cat-icon.cat-intermediate{background:linear-gradient(135deg,#3b82f6,#6366f1)}.selector-v2 .cat-icon.cat-guru{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.selector-v2 .cat-icon.cat-news{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.selector-v2 .head-text{display:grid;gap:2px}.selector-v2 .cat-title{font-weight:700;color:#e5e7eb}.selector-v2 .cat-sub{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.selector-v2 .cat-sub .sub-icon{opacity:.9}.selector-v2 .category-list{list-style:none;padding:8px 10px 12px;margin:0;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.selector-v2 .category-list::-webkit-scrollbar{width:4px}.selector-v2 .category-list::-webkit-scrollbar-track{background:transparent;margin-block:4px}.selector-v2 .category-list::-webkit-scrollbar-thumb{background-color:#94a3b866;border-radius:20px}.selector-v2 .category-list::-webkit-scrollbar-thumb:hover{background-color:#94a3b8b3}.selector-v2 .category-list .sidebar-item{padding:0;background:transparent;border:none}.selector-v2 .sidebar-post-card{display:block;background:rgba(30,41,59,.55);border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:12px;margin:6px 2px;color:#e5e7eb;text-decoration:none;transition:transform .06s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.selector-v2 .sidebar-post-card:hover{background:rgba(51,65,85,.6);border-color:#94a3b847;box-shadow:0 6px 16px #0f172a59;transform:translateY(-1px)}.selector-v2 .sidebar-post-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.selector-v2 .badge-featured{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fde68a;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(234,88,12,.2));border:1px solid rgba(245,158,11,.35)}.selector-v2 .readtime{font-size:12px;color:#9ca3af}.selector-v2 .post-title{font-size:.98rem;font-weight:600;color:#f1f5f9;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.selector-v2 .tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.selector-v2 .tag{padding:4px 8px;font-size:11px;color:#cbd5e1;background:rgba(71,85,105,.45);border:1px solid rgba(148,163,184,.16);border-radius:8px}.selector-v2 .reading-stats-card{margin:12px 10px 10px;padding:14px;border-radius:12px;background:linear-gradient(135deg,rgba(30,41,59,.7),rgba(51,65,85,.65));border:1px solid rgba(148,163,184,.18);box-shadow:0 6px 16px #0f172a59}.selector-v2 .stats-title{font-weight:700;color:#e5e7eb;margin-bottom:10px;display:flex;align-items:center;gap:8px}.selector-v2 .stats-icon{filter:saturate(1.1)}.selector-v2 .stats-body{display:grid;gap:8px}.selector-v2 .stats-row{display:flex;align-items:center;justify-content:space-between;color:#cbd5e1;font-size:.95rem}.selector-v2 .stats-row .value{font-weight:700;color:#e2e8f0}.selector-v2 .stats-row .value.progress{color:#60a5fa}.selector-v2 .sidebar-empty{color:#94a3b8;background:rgba(30,41,59,.35);border:1px dashed rgba(148,163,184,.25);border-radius:10px;padding:10px 12px;margin:6px 2px}@media (min-width: 1200px){.wide-container{max-width:1800px;padding:90px 40px 40px}.blog-layout{grid-template-columns:3fr 1fr;gap:40px}}@media (min-width: 1400px){.wide-container{max-width:2000px;padding:90px 60px 40px}.blog-layout{gap:48px}}@media (max-width: 992px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;margin-top:12px}.wide-container{padding:90px 16px 40px}.selector-v2 .category-header{margin:8px 6px}.selector-v2 .category-list{padding:8px 6px 12px}.selector-v2 .reading-stats-card{margin:10px 6px 6px}}@media (max-width: 768px){.category-header{min-height:48px;font-size:1rem;padding:12px 16px}.category-list .sidebar-item .item-link{font-size:.98rem;padding:12px 16px}.category-header .count-badge{font-size:12px;padding:2px 10px}}@media (prefers-reduced-motion: reduce){.category-header,.category-header .chev,.category-list .sidebar-item .item-link,.selector-v2 .category-header,.selector-v2 .category-header .chev,.selector-v2 .sidebar-post-card{transition:none!important}}.mobile-sidebar-dropdown{width:100%;margin-bottom:16px;position:relative;z-index:20}.mobile-sidebar-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid rgba(148,163,184,.2);border-radius:10px;cursor:pointer;color:#e2e8f0;box-shadow:0 4px 12px #00000040;transition:all .2s ease}.mobile-sidebar-toggle.open{border-radius:10px 10px 0 0;border-bottom-color:#94a3b814;box-shadow:0 4px 20px #00000059}.mobile-sidebar-toggle:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#94a3b859}.mobile-sidebar-toggle-left{display:flex;align-items:center;gap:10px}.mobile-sidebar-toggle-left .book-ico{font-size:1.1rem}.mobile-sidebar-toggle-text{display:flex;flex-direction:column;text-align:left}.mobile-sidebar-toggle-title{font-weight:700;font-size:.95rem;color:#f1f5f9}.mobile-sidebar-toggle-sub{font-size:.78rem;color:#94a3b8;margin-top:1px}.mobile-sidebar-chevron{color:#94a3b8;transition:transform .25s ease,color .2s ease;flex-shrink:0}.mobile-sidebar-chevron.rotated{transform:rotate(90deg);color:#60a5fa}.mobile-sidebar-content{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%);border:1px solid rgba(148,163,184,.18);border-top:none;border-radius:0 0 10px 10px;box-shadow:0 8px 24px #0000004d}.mobile-sidebar-content.open{max-height:600px;overflow-y:auto}.mobile-sidebar-content .selector-v2 .sidebar-box{border-radius:0;box-shadow:none;border:none}.mobile-sidebar-content .selector-v2 .reading-stats-card{margin:6px 8px 10px}.mobile-sidebar-content::-webkit-scrollbar{width:4px}.mobile-sidebar-content::-webkit-scrollbar-track{background:transparent}.mobile-sidebar-content::-webkit-scrollbar-thumb{background-color:#94a3b866;border-radius:20px}@media (max-width: 992px){.blog-home-page .calculator-grid{flex-direction:column;gap:16px}.blog-home-page .calculator-grid>div{width:100%!important;flex:none!important;height:auto!important}.blog-home-page .calculator-card{min-height:auto!important;height:auto!important}.blog-home-page .calculator-card img{max-height:200px;min-height:140px}}@media (max-width: 576px){.mobile-sidebar-toggle{padding:10px 14px}.mobile-sidebar-toggle-title{font-size:.9rem}.mobile-sidebar-toggle-sub{font-size:.72rem}.mobile-sidebar-chevron{width:20px;height:20px}}.blog-post-page{min-height:100vh;padding-top:80px;padding-bottom:60px}.blog-post{max-width:800px;margin:0 auto;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.post-header{padding:40px 40px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.875rem;color:var(--gray-medium)}.post-title{font-size:2.5rem;font-weight:700;color:var(--dark-blue);line-height:1.2;margin-bottom:20px}.post-thumbnail{width:100%;height:auto;object-fit:cover;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #0000001a}.post-content{padding:0;line-height:1.7;font-size:1.125rem}.post-content h1,.post-content h2,.post-content h3{color:var(--dark-blue);margin-top:2em;margin-bottom:1em}.post-content p{margin-bottom:1.5em}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.post-footer{padding:20px 40px 40px;border-top:1px solid rgba(0,0,0,.05)}.post-actions{display:flex;gap:20px}.like-btn,.comment-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--gray-medium)}.like-btn:hover,.comment-btn:hover{background:var(--gray-light)}.like-btn.liked{color:var(--danger-color);border-color:var(--danger-color);background:rgba(220,53,69,.1)}.comments-section{max-width:800px;margin:60px auto 0;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.comments-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.comments-title{font-size:1.5rem;font-weight:700;color:var(--dark-blue);margin:0}.comment-editor{background:var(--white);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:40px;box-shadow:0 4px 12px #00000008;transition:box-shadow .2s}.comment-editor:focus-within{box-shadow:0 8px 20px #0066cc1a;border-color:#0066cc4d}.comment-input,.reply-editor textarea{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:16px;font-size:1rem;transition:all .2s;background:#f8fafc;min-height:100px;font-family:inherit;resize:vertical}.reply-editor textarea{min-height:80px;background:#fff}.comment-input:focus,.reply-editor textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.comment-editor label{display:block;font-weight:600;margin-bottom:12px;color:var(--dark-blue)}.comment-editor .actions,.reply-editor .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.comment-replies{list-style:none;padding:0;margin:0}.comment{position:relative;list-style:none}.comment.root{background:var(--white);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #00000005}.comment.reply{padding:16px 0;margin-top:0;background:transparent;border:none;box-shadow:none;position:relative}ul.comment-replies{margin-top:4px;margin-left:20px;padding-left:24px;border-left:2px solid #e2e8f0;list-style:none}ul.comment-replies:hover{border-left-color:#cbd5e1}.comment-inner{display:flex;gap:16px}.comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 2px 5px #0000001a;background-size:cover;background-position:center}.comment-main{flex-grow:1;min-width:0}.comment-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.comment-author{font-weight:700;color:var(--dark-blue);font-size:.95rem}.comment-dot{color:#cbd5e1;font-size:.8rem}.comment-date{font-size:.85rem;color:var(--text-muted)}.comment-content{color:var(--text);font-size:.95rem;line-height:1.6;margin-bottom:12px}.comment-actions{display:flex;align-items:center;gap:16px}.action-btn,.reply-btn{background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;transition:all .2s}.action-btn:hover,.reply-btn:hover{background:#f1f5f9;color:var(--dark-blue)}.delete-btn:hover{color:var(--danger-color);background:#fee2e2}.action-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid transparent;background:rgba(0,0,0,.03);color:var(--text-muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;height:28px}.action-pill:hover{background:rgba(0,0,0,.06);color:var(--dark-blue)}.action-pill.liked{background:#fee2e2;color:#ef4444}.action-pill .count{font-size:.8rem}.replies-toggle-action{color:var(--primary-color)!important;font-weight:700!important}.replies-toggle-action svg{width:16px;height:16px}.hidden-badge{background:var(--gray-medium);color:#fff;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.reply-editor{margin-top:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-reply{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #06c3}.btn-reply:hover{background:#005bb5;transform:translateY(-1px);box-shadow:0 6px 15px #0066cc4d}.btn-cancel{background:white;color:var(--gray-medium);border:1px solid var(--border-color);padding:8px 20px;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--gray-light);color:var(--dark-blue);border-color:#cbd5e1}.no-comments{text-align:center;padding:60px 0;color:var(--gray-medium);font-style:italic}.admin-editor{min-height:100vh;padding-top:80px}.admin-header{background:var(--white);border-bottom:1px solid var(--border-color);padding:20px 0;margin-bottom:40px}.admin-header h1{font-size:2rem;font-weight:700;color:var(--dark-blue);margin-bottom:16px}.admin-actions{display:flex;gap:16px;flex-wrap:wrap}.editor-container{max-width:1000px;margin:0 auto;padding:0 20px}.editor-form{background:var(--white);border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.form-section{padding:30px;border-bottom:1px solid rgba(0,0,0,.05)}.form-section:last-child{border-bottom:none}.form-section label{display:block;font-weight:600;color:var(--dark-blue);margin-bottom:12px;font-size:14px}.thumbnail-section{display:flex;flex-direction:column;gap:12px}.thumbnail-section input[type=file]{padding:8px 0}.thumbnail-preview img{max-width:200px;max-height:150px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.category-select{width:200px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px}.quill-wrapper{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.title-editor{height:80px}.content-editor{height:400px}.admin-login{max-width:400px;margin:100px auto;padding:40px;background:var(--white);border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center}.admin-login h1{font-size:2rem;font-weight:700;color:var(--dark-blue);margin-bottom:12px}.admin-login p{color:var(--gray-medium);margin-bottom:30px}.login-form .form-group{text-align:left;margin-bottom:20px}.admin-preview{min-height:100vh;padding-top:80px}.preview-header{background:var(--white);border-bottom:1px solid var(--border-color);padding:20px 0;margin-bottom:40px}.header-nav{max-width:1400px;margin:0 auto 20px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:12px}.preview-info{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:20px;font-size:.875rem;color:var(--gray-medium)}.preview-status{background:var(--primary-color);color:var(--white);padding:4px 12px;border-radius:999px;font-weight:600}.preview-layout{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 300px;gap:60px}.preview-main{min-width:0}.preview-sidebar{position:sticky;top:140px;height:fit-content}.blog-post-preview{background:var(--white);border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.setting-item:last-child{border-bottom:none}.status-ok{color:var(--success-color);font-weight:600}.status-missing{color:var(--danger-color);font-weight:600}.publish-options{display:flex;flex-direction:column;gap:8px}.btn-sm{padding:8px 16px;font-size:.875rem}.scroll-top-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--primary-color);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;transition:all .2s ease;z-index:1000}.scroll-top-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0000004d}.error-state{text-align:center;padding:100px 20px;max-width:600px;margin:0 auto}.error-state h2{font-size:2rem;font-weight:700;color:var(--dark-blue);margin-bottom:16px}.error-state p{color:var(--gray-medium);margin-bottom:30px;font-size:1.125rem}@media (max-width: 992px){.blog-content-grid{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:12px!important}.post-sidebar{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;order:1!important;margin-bottom:0!important;padding:0!important;background:transparent!important;flex-shrink:0!important}.post-main{order:2!important;width:100%!important}.sidebar-inner-sticky{position:static!important;max-height:none!important;overflow:visible!important;padding-right:0!important}.sidebar-inner-sticky:after,.toc-indicator,.toc-rail,.post-sidebar:after{display:none!important}.post-sidebar>.sidebar-inner-sticky>h3,.post-sidebar>.sidebar-inner-sticky>ul#toc-list{display:none!important}.toc-mobile-wrapper{width:100%;margin-bottom:12px}}@media (max-width: 768px){.post-container{padding:80px 16px 40px}.blog-content-grid{gap:20px}.btn{padding:12px 24px;font-size:16px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;font-size:16px}.back-to-home{top:12px;left:12px;padding:10px 16px}.hero-section{grid-template-columns:1fr;text-align:center;padding:40px 20px}.hero-title{font-size:2rem}.hero-actions{justify-content:center}.features-grid,.blog-layout,.preview-layout{grid-template-columns:1fr;gap:30px}.blog-controls{flex-direction:column}.blog-grid{grid-template-columns:1fr}.post-header,.post-content,.post-footer{padding:20px}.post-title{font-size:1.75rem}.comments-section{padding:0 10px}.header-nav{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:center}.preview-info{flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.btn,.back-to-home,.header-actions,.actions-menu,.scroll-top-btn,.modal-backdrop{display:none}.hero-section,.features-section,.cta-section{break-inside:avoid}}.ql-toolbar,.ql-container{border-color:var(--border-color)!important}.ql-editor{min-height:100px;font-size:14px;line-height:1.5}.ql-editor h1,.ql-editor h2,.ql-editor h3{color:var(--dark-blue);margin-top:1em;margin-bottom:.5em}.ql-editor p{margin-bottom:1em}.ql-editor img{max-width:100%;height:auto;border-radius:4px;margin:1em 0}.ql-editor blockquote{border-left:4px solid var(--primary-color);padding-left:16px;margin:1em 0;font-style:italic;color:var(--gray-medium)}.ql-editor code{background:var(--gray-light);padding:2px 4px;border-radius:4px;font-family:monospace;font-size:.9em}.ql-editor pre{background:var(--gray-light);padding:16px;border-radius:8px;overflow-x:auto;margin:1em 0}.ql-editor pre code{background:none;padding:0;font-size:.9em}.post-container{max-width:1600px;margin:0 auto;padding:90px 20px 0;width:100%;height:100vh;display:flex;flex-direction:column}.blog-content-grid{display:grid;grid-template-columns:350px 1fr;gap:50px;position:relative;margin-bottom:0;flex-grow:1;min-height:0}.post-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;padding:0;background:transparent;border:none;box-shadow:none;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.post-sidebar::-webkit-scrollbar{width:6px}.post-sidebar::-webkit-scrollbar-track{background:transparent;margin-block:12px}.post-sidebar::-webkit-scrollbar-thumb{background-color:#0000001f;border-radius:6px;border:1px solid transparent;background-clip:content-box}.post-sidebar::-webkit-scrollbar-thumb:hover{background-color:#0003}.sidebar-inner-sticky{padding-right:10px}.sidebar-inner-sticky::-webkit-scrollbar{width:2px}.sidebar-inner-sticky::-webkit-scrollbar-track{background:transparent}.sidebar-inner-sticky::-webkit-scrollbar-thumb{background-color:#00000014;border-radius:2px}.post-main{margin:0;padding:0;max-width:100%;min-width:0}.post-main-scroll{overflow-y:auto;padding-bottom:40px}.post-main-scroll::-webkit-scrollbar{width:6px}.post-main-scroll::-webkit-scrollbar-track{background:transparent;margin-block:12px}.post-main-scroll::-webkit-scrollbar-thumb{background-color:#0000001f;border-radius:6px;border:1px solid transparent;background-clip:content-box}.post-main-scroll::-webkit-scrollbar-thumb:hover{background-color:#0003}#discussion-section{padding-top:40px;border-top:1px solid var(--border-color)}.post-sidebar h3{margin-top:0;font-size:1.2rem;color:var(--dark-blue, #0b2545)}.post-sidebar ul{list-style:none;padding:0;margin:0}.post-sidebar li{margin-bottom:4px}.post-sidebar a{text-decoration:none;color:#333;transition:color .2s;font-size:.9rem}.post-sidebar a:hover{color:#0aa}.post-sidebar a.active{color:var(--dark-blue, #0b2545);font-weight:600}.post-sidebar:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:#d1d5db;border-radius:1px;z-index:0}.toc-indicator{position:absolute;right:0;width:10px;height:10px;background:#0aa;border-radius:50%;transform:translateY(-50%);box-shadow:0 2px 6px #00000026;display:block;z-index:1;opacity:.7;transition:top .18s ease,opacity .18s ease}.toc-rail{position:absolute;top:0;bottom:0;right:0;width:16px;background:transparent;cursor:ns-resize;z-index:2;touch-action:none}.discussion-wrap{max-width:1400px;margin:40px auto 60px;padding:0 20px}.discussion{margin-top:40px;padding:20px 20px 16px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 10px 30px #0000000f;transition:padding .2s ease}.discussion-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.discussion-header h3{margin:0;font-size:1.35rem;letter-spacing:-.01em;color:var(--dark-blue, #0b2545)}.icon-btn{background:transparent;border:1px solid rgba(0,0,0,.08);color:#0b2545;padding:6px 10px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0;transition:all .2s ease}.icon-btn:hover{background:#f3f4f6}.icon-rotate{transition:transform .2s ease}#toggleDiscussion[aria-expanded=false] .icon-rotate{transform:rotate(-90deg)}.discussion.collapsed{padding-bottom:12px}.discussion.collapsed #commentList{display:none}#like-section{margin:4px 0 12px}.heart-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-weight:600;font-size:.85rem;line-height:1;box-shadow:0 1px #00000005;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .05s ease;will-change:transform;cursor:pointer}.heart-pill:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000000f}.heart-pill:disabled{opacity:.6;cursor:not-allowed}.heart-pill .icon{display:inline-block}.heart-pill .heart-filled{display:none}.heart-pill.liked{background:#fee2e2;border-color:#fecaca;color:#ef4444}.heart-pill.liked .heart-outline{display:none}.heart-pill.liked .heart-filled{display:inline-block}.heart-pill .count{display:inline-block;min-width:14px}#postContent a{color:#0aa;text-decoration:none;font-weight:600}#postContent a:hover{opacity:.85}#postContent ul,#postContent ol{margin:0 0 1rem;padding-left:2.75rem}#postContent ul{list-style:disc!important}#postContent ol{list-style:decimal!important}#postContent li{margin:.25rem 0}#postContent li p{margin:0}#postContent ul ul,#postContent ul ol,#postContent ol ul,#postContent ol ol{margin:.25rem 0;padding-left:2.25rem}#postContent hr{border:0;height:1px;background:#e2e8f0;margin:24px 0}#postContent hr.blog-divider{display:block;height:2px;border:0;margin:24px 0;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#cbd5e1 20%,#94a3b8 50%,#cbd5e1 80%,rgba(0,0,0,0) 100%)}#postContent blockquote{border-left:4px solid #ccc;margin:0 0 16px;padding:8px 16px;color:#555;background:#f9f9fb}#postContent pre,#postContent pre.ql-syntax{background:#23241f;color:#f8f8f2;border-radius:6px;padding:12px 14px;overflow:auto;line-height:1.5;margin:12px 0;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.95rem}#postContent code{background:#f5f2f0;color:#c7254e;padding:2px 4px;border-radius:4px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em}.post-title{text-align:center;margin:8px 0 16px;font-size:clamp(28px,5vw,42px);line-height:1.2;font-weight:800;letter-spacing:-.01em;word-break:break-word}.post-title p{margin:0}.post-title .ql-align-center{text-align:center}.post-title .ql-align-right{text-align:right}.post-title .ql-align-justify{text-align:justify}.post-title [style*=background-color]{padding:0 2px;border-radius:3px}.btn:disabled{cursor:not-allowed;position:relative}.btn.loading{color:#666!important}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:0;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.15);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;pointer-events:none}.btn.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.like-btn.loading:after{display:none!important}.like-btn .spinner-lite{display:none;width:12px;height:12px;margin-left:4px;border:2px solid rgba(0,0,0,.15);border-top-color:currentColor;border-radius:50%;animation:spin .9s linear infinite;opacity:.7}.like-btn[aria-busy=true] .spinner-lite{display:inline-block}@media (prefers-reduced-motion: reduce){.like-btn .spinner-lite{animation:none;border-top-color:#00000059}}.blog-post-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,24vw,280px);gap:32px;align-items:start;max-width:1280px;margin:40px auto;padding:0 20px}.blog-post-main{min-width:0}.blog-post-sidebar{position:sticky;top:80px;height:calc(100vh - 100px);overflow-y:auto}@media (max-width: 992px){.blog-post-layout{grid-template-columns:1fr}.blog-post-sidebar{position:static;height:auto;margin-top:40px}}.toc{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;width:100%;max-width:100%;box-sizing:border-box}.toc h4{margin-top:0;margin-bottom:16px;font-weight:600;color:var(--dark-blue)}.toc ul{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:8px}.toc-item a{text-decoration:none;color:var(--gray-medium);transition:all .2s ease;display:block;border-left:3px solid transparent;padding:4px 0 4px 12px;white-space:normal;word-break:break-word}.toc-item a:hover{color:var(--primary-color)}.toc-item.active a{color:var(--primary-color);font-weight:600;border-left-color:var(--primary-color)}.toc-h3{padding-left:20px;font-size:.9em}.guest-notice{padding:12px 16px;border-radius:8px;margin-bottom:24px;background-color:#fffbe6;border:1px solid #f2e7b3;color:#6d5b0c}.guest-notice.subscribed{background-color:#e6fffb;border-color:#a6d9ce;color:#047857}.guest-notice button{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.ptd-cards{display:flex;flex-direction:column;gap:12px}.ptd-empty{text-align:center;padding:40px 20px;border-radius:12px;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 55%),radial-gradient(circle at bottom right,rgba(56,189,248,.06),transparent 55%),#020617;border:1px dashed rgba(148,163,184,.5);color:#94a3b8;font-size:.95rem}.ptd-card{position:relative;margin-top:10px;padding:18px 20px 14px;border-radius:14px;background:radial-gradient(circle at top left,rgba(30,64,175,.32),transparent 55%),radial-gradient(circle at bottom right,rgba(8,47,73,.35),transparent 55%),#020617;border:1px solid rgba(148,163,184,.55);box-shadow:0 18px 40px #0f172aa6,0 0 0 1px #0f172ad9 inset;color:#e5e7eb;overflow:hidden}.ptd-card.card-sim{box-shadow:0 0 0 1px #0f172ae6 inset,0 18px 40px #0f172abf}.ptd-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,#22c55e,#16a34a)}.ptd-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ptd-left-head{display:flex;align-items:center;gap:8px;font-size:.95rem}.ptd-left-head .sym{font-size:1rem;font-weight:800;letter-spacing:-.02em}.ptd-left-head .units{font-size:.9rem;opacity:.85}.ptd-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb;box-shadow:0 4px 12px #00000059}.ptd-badge.long{background:linear-gradient(135deg,#16a34a,#22c55e)}.ptd-badge.short{background:linear-gradient(135deg,#ef4444,#dc2626)}.ptd-actions{display:flex;align-items:center;gap:8px}.ptd-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.9);color:#e5e7eb;width:32px;height:32px;border-radius:10px;font-size:16px;line-height:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,transform .08s ease,box-shadow .18s ease}.ptd-icon:hover{background:rgba(30,64,175,.9);border-color:#60a5fae6;box-shadow:0 4px 12px #2563eb8c;transform:translateY(-1px)}.ptd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:10px;padding:8px 4px 6px;border-radius:10px}.ptd-grid .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:2px}.ptd-grid .value{font-size:.95rem;font-weight:600;color:#e5e7eb;font-variant-numeric:tabular-nums}.ptd-grid .value.pnl-pos{color:#4ade80}.ptd-grid .value.pnl-neg{color:#f97373}.ptd-edit-row{margin-top:14px;padding-top:10px;border-top:1px solid rgba(15,23,42,.9);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:flex-end}.ptd-edit-field{display:flex;flex-direction:column;gap:6px}.ptd-edit-field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.ptd-edit-field input{background:rgba(15,23,42,.9);border:1px solid rgba(55,65,81,.9);border-radius:8px;padding:8px 10px;font-size:.85rem;color:#e5e7eb;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ptd-edit-field input::placeholder{color:#6b7280}.ptd-edit-field input:focus{border-color:#60a5faf2;box-shadow:0 0 0 1px #2563ebe6;background:rgba(15,23,42,.95)}.ptd-edit-actions{display:flex;justify-content:flex-end;gap:8px}.ptd-btn-primary,.ptd-btn-secondary,.ptd-btn-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;transition:background .18s ease,transform .08s ease,box-shadow .18s ease}.ptd-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#f9fafb;box-shadow:0 4px 14px #3b82f68c}.ptd-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f6bf}.ptd-btn-secondary{background:rgba(148,163,184,.14);color:#e5e7eb;border:1px solid rgba(148,163,184,.35)}.ptd-btn-secondary:hover{background:rgba(148,163,184,.22)}.ptd-partial{margin-top:14px;padding-top:10px;border-top:1px solid rgba(15,23,42,.9)}.ptd-partial-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#9ca3af;margin-bottom:6px}.ptd-partial-units{font-weight:600;color:#e5e7eb}.ptd-partial-slider-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ptd-partial-slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;width:100%;padding:0;margin:0;border-radius:999px;border:1px solid #3b82f6;outline:none;--ratio: calc((var(--progress) - var(--min)) / (var(--max) - var(--min)));--fill-pos: calc(var(--ratio) * (100% - var(--thumb-size)) + var(--thumb-size) / 2);background:linear-gradient(to right,#3b82f6 0%,#3b82f6 var(--fill-pos),#ffffff var(--fill-pos),#ffffff 100%)}.ptd-partial-slider-row input[type=range]::-webkit-slider-runnable-track{height:8px;background:transparent;border:none}.ptd-partial-slider-row input[type=range]::-moz-range-track{height:8px;border-radius:999px;border:1px solid #3b82f6;--ratio: calc((var(--progress) - var(--min)) / (var(--max) - var(--min)));--fill-pos: calc(var(--ratio) * (100% - var(--thumb-size)) + var(--thumb-size) / 2);background:linear-gradient(to right,#3b82f6 0%,#3b82f6 var(--fill-pos),#ffffff var(--fill-pos),#ffffff 100%)}.ptd-partial-slider-row input[type=range]::-moz-range-progress{background:transparent;border:none}.ptd-partial-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:#3b82f6;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #3b82f6,0 2px 8px #2563eb66;cursor:pointer;margin-top:calc((8px - var(--thumb-size)) / 2);position:relative;z-index:10;transition:all .2s ease}.ptd-partial-slider-row input[type=range]::-webkit-slider-thumb:hover{background:#2563eb;box-shadow:0 0 0 1px #2563eb,0 4px 12px #2563eb99;transform:scale(1.05)}.ptd-partial-slider-row input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:#3b82f6;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #3b82f6,0 2px 8px #2563eb66;cursor:pointer;box-sizing:border-box;transition:all .2s ease}.ptd-partial-slider-row input[type=range]::-moz-range-thumb:hover{background:#2563eb;box-shadow:0 0 0 1px #2563eb,0 4px 12px #2563eb99;transform:scale(1.05)}.ptd-partial-slider-row span{min-width:32px;text-align:right;font-size:.8rem;color:#e5e7eb}.ptd-btn-danger{background:#ef4444;color:#fef2f2;box-shadow:0 4px 14px #ef4444a6}.ptd-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 20px #ef4444bf}.ptd-footer{margin-top:10px;font-size:.75rem;color:#9ca3af;display:flex;gap:6px}.ptd-footer .label{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.ptd-footer .value{color:#e5e7eb}@media (max-width: 768px){.ptd-card{padding:16px 14px 12px}.ptd-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.ptd-edit-row{grid-template-columns:1fr}}button[aria-label="Toggle Live/Sim mode"]:active{box-shadow:0 0 20px #22c55e99}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:pulse 1.5s infinite}.custom-chart{position:relative}.lightweight-charts .right-price-scale{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;color:#cbd5f5;text-align:right;padding-right:8px;font-weight:500;letter-spacing:.02em;line-height:1.2}@media (max-width: 768px){.lightweight-charts .right-price-scale{font-size:11px;padding-right:6px}}@media (max-width: 480px){.lightweight-charts .right-price-scale{font-size:10px;padding-right:4px}}.lightweight-charts .price-scale-border{stroke:#94a3b866;stroke-width:1px}.lightweight-charts .right-price-scale-container{position:relative;z-index:10;background:linear-gradient(90deg,rgba(11,18,32,.95) 0%,rgba(11,18,32,0) 100%);padding-right:4px;width:100%;height:100%}.timeframe-dropdown-container{position:relative;display:inline-block;margin-left:8px;z-index:1000000}.timeframe-dropdown-menu{position:absolute;bottom:100%;left:0;background:#1e293b;border-radius:8px;min-width:200px;box-shadow:0 -20px 40px #000000b3;z-index:2147483647;border:1px solid #334155;margin-bottom:8px}.timeframe-dropdown-item{padding:10px 16px;color:#e2e8f0;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.timeframe-dropdown-item:hover,.timeframe-dropdown-item.active{background:#334155}.timeframe-dropdown-button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:50px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.timeframe-dropdown-button:hover{background:#e2e8f0}.timeframe-dropdown-button:active{transform:translateY(1px)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.tools-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;overflow:hidden;min-height:200px}.tools-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tools-card:hover:before{transform:scaleX(1)}.tools-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#3b82f64d}.tools-card .card-content{flex:1;display:flex;flex-direction:column;gap:12px}.tools-card .card-content h3{font-size:1.25rem;font-weight:700;color:var(--dark-blue);margin:0;line-height:1.3;letter-spacing:-.025em}.tools-card .card-content p{font-size:.95rem;color:var(--gray-text);margin:0;line-height:1.5;opacity:.8}.tools-card .card-arrow{align-self:flex-end;margin-top:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:50%;color:var(--primary-color);transition:all .3s ease}.tools-card:hover .card-arrow{background:var(--primary-color);color:#fff;transform:scale(1.1) rotate(5deg)}.tools-card .card-arrow svg{transition:transform .3s ease}.tools-card:hover .card-arrow svg{transform:translate(2px,-2px)}.calculator-page{padding:100px 0 50px;background:#f4f4f4;position:relative;min-height:100vh}.calculator-page h1{text-align:center;color:#001a33;margin-bottom:20px;font-size:2.5rem;font-weight:700}.calculator-page>.container>p{text-align:center;color:#666;margin-bottom:30px;font-size:1.1rem}.calculator-page form{max-width:500px;margin:0 auto;display:flex;flex-direction:column}.calculator-page .form-group{margin-bottom:20px}.calculator-page .form-group label{margin-top:15px;font-weight:600;color:#001a33;display:block;margin-bottom:5px}.calculator-page .form-group label span{cursor:help;margin-left:5px;color:#06c}.calculator-page .form-group input,.calculator-page .form-group select{padding:10px;border:1px solid #dddddd;border-radius:4px;margin-top:5px;width:100%;font-size:1rem;font-family:inherit}.calculator-page .form-group input:focus,.calculator-page .form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.calculator-page .form-group input.error,.calculator-page .form-group select.error{border-color:#dc3545}.calculator-page .btn-primary{margin-top:20px;background:#0066cc;color:#fff;border:none;padding:12px 24px;cursor:pointer;border-radius:4px;font-weight:600;font-size:1rem;transition:background .3s ease}.calculator-page .btn-primary:hover{background:#00aaff}.calculator-page .btn-primary:disabled{background:#cccccc;cursor:not-allowed}.calculator-page #result,.calculator-page .result-box{max-width:500px;margin:20px auto 0;padding:15px;background:white;border:1px solid #dddddd;border-radius:4px}.calculator-page .result-box p{margin-bottom:10px;text-align:left;color:#333}.calculator-page .result-box p:last-child{margin-bottom:0}.calculator-page .error-msg{color:#dc3545;text-align:center;margin-top:10px}.calculator-page .disclaimer{max-width:500px;margin:20px auto 0;text-align:center;color:#666;font-size:.9rem;font-style:italic}.calculator-page .coming-soon-label{position:absolute;top:20px;right:20px;font-size:.7rem;padding:6px 12px;background:#f11850;color:#fff;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10}.calculator-page .back-to-home{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#0066cc,#00aaff);color:#fff;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px #06c3;z-index:100;display:flex;align-items:center;gap:8px}.calculator-page .back-to-home:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0066cc4d}.calculator-page .back-to-home:before{content:"←";font-size:1.1rem}@media (max-width: 768px){.calculator-page{padding:80px 0 30px}.calculator-page h1{font-size:2rem}.calculator-page .back-to-home{top:12px;left:12px;padding:10px 16px;font-size:.85rem}.calculator-page .coming-soon-label{top:12px;right:12px;font-size:.65rem;padding:5px 10px}.calculator-page form,.calculator-page #result,.calculator-page .result-box,.calculator-page .disclaimer{max-width:100%;padding:0 20px}}.hidden-placeholder .comment-header{display:flex;align-items:center}.placeholder-avatar{width:32px;height:32px;border-radius:50%;background:#334155;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0;letter-spacing:1px}.placeholder-username{font-weight:700;color:var(--text-muted)}.hidden-badge-inline{background:#475569;color:#f8fafc;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1}.hidden-placeholder .replies{list-style:none;padding-left:0;margin-top:0}.replies-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--primary-color);font-size:.85rem;font-weight:600;cursor:pointer;padding:6px 12px;display:inline-flex;align-items:center;gap:8px;border-radius:20px;transition:all .2s ease;margin-top:8px;margin-left:20px}.replies-toggle-btn:hover{background:rgba(0,102,204,.05);border-color:var(--primary-color);transform:translateY(-1px)}.replies-toggle-btn .plus-icon{font-size:1.1em;font-weight:700}