body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--font-family:Arial,sans-serif;--theme-toggle-size:20px;--menu-toggle-size:22px}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;background:var(--bg-color);color:#333;color:var(--text-color);font-family:Arial,sans-serif;font-family:var(--font-family);transition:background .3s,color .3s}.navbar{background:#fff;background:var(--navbar-bg);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--navbar-text);justify-content:space-between;padding:12px 24px;position:fixed;width:100%;z-index:1001}.nav-left,.navbar{align-items:center;display:flex}.logo{height:60px;object-fit:contain;width:auto}.brand-text{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;letter-spacing:.5px;margin-left:10px}.brand-swing{background:linear-gradient(45deg,#7f30cb,#01dcba);-webkit-background-clip:text;background-clip:text}.brand-ai,.brand-swing{-webkit-text-fill-color:#0000}.brand-ai{background:linear-gradient(90deg,#5170ff,#ff66c4);-webkit-background-clip:text;background-clip:text}.nav-links{display:flex;gap:20px}.dropbtn,.nav-links a{color:inherit;cursor:pointer;font-weight:500;text-decoration:none}.dropdown:hover .dropbtn,.nav-links a:hover{color:#007bff;color:var(--link-hover)}.nav-link:hover,.nav-links .active{color:#6366f1}.dropdown{position:relative}.dropdown-content{background:#fff;background:var(--dropdown-bg);border-radius:4px;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);display:none;min-width:140px;position:absolute}.dropdown-content a{color:inherit;display:block;padding:10px;text-decoration:none}.dropdown-content a:hover{background:#f0f0f0;background:var(--dropdown-hover-bg)}.dropdown:hover .dropdown-content{display:block}.nav-actions{align-items:center;display:flex;gap:12px}.theme-toggle{background:none;border:none;cursor:pointer;font-size:20px;font-size:var(--theme-toggle-size)}.profile-dropdown{position:relative}.profile-icon{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;min-width:80px;padding:8px 16px;transition:background .2s}.profile-icon:hover{background:#f0f0f0;background:var(--dropdown-hover-bg)}.profile-menu{background:#fff;background:var(--dropdown-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px var(--shadow-color);min-width:280px;overflow:hidden;padding:0;position:absolute;right:0;top:45px;z-index:1000}body.dark-theme .profile-menu{background:#111827;border:1px solid #374151;box-shadow:0 8px 24px #00000080}.profile-header{align-items:center;display:flex;gap:12px;padding:20px 16px 16px;position:relative}.profile-header,body.dark-theme .profile-header{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-avatar{background:#fff;border:3px solid #fff;border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-details{flex:1 1;min-width:0}.profile-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#ffffffe6;font-size:12px}.profile-plan-badge{align-items:center;background:#f8f9fa;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:12px 16px}body.dark-theme .profile-plan-badge{background:#1f2937;border-bottom:1px solid #374151}.plan-icon{font-size:18px}.plan-text{color:#333;color:var(--text-color);font-size:13px;font-weight:600}.subscription-details{background:#f0f9ff;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:12px 16px}body.dark-theme .subscription-details{background:#0c1a2a;border-bottom:1px solid #374151}.subscription-expiry{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.expiry-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}body.dark-theme .expiry-label{color:#94a3b8}.expiry-date{color:#0f172a;font-size:13px;font-weight:600}body.dark-theme .expiry-date{color:#e2e8f0}.days-remaining{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px}body.dark-theme .days-remaining{color:#94a3b8}.days-count{color:#0ea5e9;font-size:14px;font-weight:700}body.dark-theme .days-count{color:#38bdf8}.upgrade-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:16px;padding:12px 16px;transition:transform .2s,box-shadow .2s;width:calc(100% - 32px)}.upgrade-btn,body.dark-theme .upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2)}body.dark-theme .upgrade-btn{box-shadow:0 2px 8px #667eea66}.upgrade-btn:hover{box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}body.dark-theme .upgrade-btn:hover{box-shadow:0 4px 12px #667eea99}.upgrade-btn:active{transform:translateY(0)}.upgrade-icon{font-size:16px}.signout-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#d32f2f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:0 16px 16px;padding:10px 16px;transition:all .2s;width:calc(100% - 32px)}.signout-btn:hover{background:#ffebee;border-color:#d32f2f;color:#d32f2f}body.dark-theme .signout-btn{border-color:#333;color:#ef5350}body.dark-theme .signout-btn:hover{background:#2d1515;border-color:#ef5350;color:#ef5350}.signout-icon{font-size:16px}.login-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:80px;padding:8px 16px;transition:background .2s,transform .2s}.login-btn:hover{background:#4f46e5;transform:translateY(-1px)}.menu-toggle{color:gray;font-size:var(--menu-toggle-size)}@media (max-width:768px){.navbar{padding:8px 12px}.brand-text{font-size:16px;margin-left:6px}.nav-links{background:#fff;background:var(--navbar-bg);border-radius:6px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);display:none;flex-direction:column;padding:12px;position:absolute;right:20px;top:60px}.nav-links.open{display:flex}.menu-toggle{display:block}}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.login-modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff;background-color:var(--bg-color,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;color:#333;color:var(--text-color,#333);max-width:420px;padding:32px;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{background:none;border:none;color:#666;color:var(--text-color,#666);cursor:pointer;font-size:28px;line-height:1;padding:4px 8px;position:absolute;right:16px;top:16px;transition:color .2s}.login-modal-close:hover,.login-modal-title{color:#000;color:var(--text-color,#000)}.login-modal-title{font-size:24px;font-weight:600;margin-bottom:8px}.login-modal-subtitle{color:#666;color:var(--text-secondary,#666);font-size:14px;margin-bottom:24px}.login-error{background-color:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.google-login-wrapper{align-items:center;display:flex;justify-content:center;min-height:44px}.google-login-wrapper>div{width:100%!important}.google-loading{color:#666;color:var(--text-secondary,#666);font-size:14px;padding:12px}.login-form{margin-bottom:20px}.login-form-group{margin-bottom:16px}.login-form-group label{color:#333;color:var(--text-color,#333);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.login-form-group input{background-color:#fff;background-color:var(--bg-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-sizing:border-box;color:#000;color:var(--text-color,#000);font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.login-form-group input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a;outline:none}.login-form-group input:disabled{cursor:not-allowed;opacity:.6}.login-btn-primary{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px 16px;transition:background-color .2s,transform .1s;width:100%}.login-btn-primary:hover:not(:disabled){background-color:#3367d6;transform:translateY(-1px)}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.login-divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:13px;margin:24px 0}.login-divider:after,.login-divider:before{background-color:#ddd;background-color:var(--border-color,#ddd);content:"";flex:1 1;height:1px}.login-divider span{padding:0 16px}.login-btn-google{align-items:center;background-color:#fff;background-color:var(--bg-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;padding:12px 16px;transition:background-color .2s,border-color .2s,transform .1s;width:100%}.login-btn-google:hover:not(:disabled){background-color:#f8f9fa;background-color:var(--hover-bg,#f8f9fa);border-color:#4285f4;transform:translateY(-1px)}.login-btn-google:active:not(:disabled){transform:translateY(0)}.login-btn-google:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-icon{height:20px;width:20px}.login-footer{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.5;margin-top:24px;text-align:center}body.dark-theme .login-modal-content{--bg-color:#1f1f1f;--text-color:#f5f5f5;--text-secondary:#aaa;--border-color:#444;--hover-bg:#2a2a2a}body.dark-theme .login-btn-google,body.dark-theme .login-form-group input{background-color:#2a2a2a;border-color:#444;color:#f5f5f5}body.dark-theme .login-btn-google:hover:not(:disabled){background-color:#333;border-color:#4285f4}:root{--sidebar-bg:#fff;--sidebar-text:#333;--sidebar-hover:#e6d9d9;--sidebar-dark-bg:#1f1f1f;--sidebar-dark-text:#f5f5f5;--pro-color:#007bff}body.dark-theme{--sidebar-bg:var(--sidebar-dark-bg);--sidebar-text:var(--sidebar-dark-text);--sidebar-hover:#0b5aaf}.sidebar{background:#fff;background:var(--sidebar-bg);bottom:0;box-shadow:2px 0 8px #0000001a;color:#333;color:var(--sidebar-text);flex-shrink:0;left:0;margin-top:57px;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:200}.sidebar-header{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:12px 16px}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:22px;margin-right:8px}.logo{height:32px;margin-right:8px;width:32px}.app-name{font-size:16px;font-weight:700}.menu-list{list-style:none;margin:0;padding:8px 0}.menu-item{margin:4px 1px}.menu-item,.menu-item a{border-radius:8px;transition:all .3s ease}.menu-item a{align-items:center;color:#333;color:var(--sidebar-text);display:flex;font-weight:500;gap:10px;overflow:hidden;padding:12px 10px;position:relative;text-decoration:none}.menu-item a:before{background:#007bff;background:var(--pro-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.menu-item a:hover:before{transform:scaleY(1)}.menu-item a:hover{background:linear-gradient(135deg,#e6d9d9,#007bff1a);background:linear-gradient(135deg,var(--sidebar-hover) 0,#007bff1a 100%)}.menu-item.active-link,.menu-item:hover{background:#0000}.menu-item.active-link a{background:linear-gradient(135deg,#e6d9d9,#007bff1f);background:linear-gradient(135deg,var(--sidebar-hover) 0,#007bff1f 100%);color:#007bff;color:var(--pro-color);font-weight:600}.menu-item.active-link a:before{transform:scaleY(1)}body.dark-theme .menu-item a:hover{background:linear-gradient(135deg,#e6d9d9,#007bff26);background:linear-gradient(135deg,var(--sidebar-hover) 0,#007bff26 100%)}body.dark-theme .menu-item.active-link a{background:linear-gradient(135deg,#e6d9d9,#007bff33);background:linear-gradient(135deg,var(--sidebar-hover) 0,#007bff33 100%)}.icon{font-size:20px;transition:transform .3s ease}.menu-item a:hover .icon,.menu-link-with-submenu:hover .icon{transform:scale(1.1)}.pro-badge{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:6px;box-shadow:0 2px 4px #007bff4d;color:#fff;font-size:9px;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:3px 6px;transition:all .3s ease}.menu-item a:hover .pro-badge,.menu-link-with-submenu:hover .pro-badge{box-shadow:0 4px 8px #007bff66;transform:scale(1.05)}body.dark-theme .pro-badge{box-shadow:0 2px 6px #007bff80}body.dark-theme .menu-item a:hover .pro-badge,body.dark-theme .menu-link-with-submenu:hover .pro-badge{box-shadow:0 4px 12px #007bff99}.menu-item-wrapper{margin:4px 8px;position:relative}.menu-link-with-submenu{align-items:center;border-radius:8px;color:#333;color:var(--sidebar-text);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:12px 10px;transition:all .3s ease}.menu-link-with-submenu:hover{background:linear-gradient(135deg,#e6d9d9,#007bff1a);background:linear-gradient(135deg,var(--sidebar-hover) 0,#007bff1a 100%)}.menu-link-content{align-items:center;display:flex;flex:1 1;gap:12px}.menu-item-wrapper .title{font-size:14px}.submenu .submenu-title{font-size:13px}.submenu-arrow{align-items:center;display:flex;font-size:14px;justify-content:center;margin-right:4px;opacity:.6;transition:all .4s cubic-bezier(.4,0,.2,1)}.submenu-arrow.expanded{color:#007bff;color:var(--pro-color);opacity:1;transform:rotate(180deg)}.submenu{background:#00000005;border-radius:0 0 8px 8px;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}body.dark-theme .submenu{background:#ffffff08}.submenu.expanded{box-shadow:inset 0 2px 8px #0000000d;margin-top:4px;max-height:500px;padding:8px 0}body.dark-theme .submenu.expanded{box-shadow:inset 0 2px 8px #0003}.submenu-item{margin:2px 0;position:relative}.submenu-item a{align-items:center;border-radius:6px;color:#333;color:var(--sidebar-text);display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:space-between;margin:0 4px;overflow:hidden;padding:10px 16px 10px 32px;position:relative;text-decoration:none;transition:all .3s ease}.submenu-item a:before{background:#007bff;background:var(--pro-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.submenu-item a:hover:before{transform:scaleY(1)}.submenu-item a:hover{background:linear-gradient(90deg,#007bff14,#0000)}body.dark-theme .submenu-item a:hover{background:linear-gradient(90deg,#007bff26,#0000)}.submenu-item.active-link a{background:linear-gradient(90deg,#007bff1f,#007bff0a);color:#007bff;color:var(--pro-color);font-weight:600}.submenu-item.active-link a:before{transform:scaleY(1)}body.dark-theme .submenu-item.active-link a{background:linear-gradient(90deg,#007bff33,#007bff14)}.submenu-title{display:block;flex:1 1;letter-spacing:.3px}.submenu-item a .pro-badge{flex-shrink:0;font-size:8px;padding:2px 5px}.trending-icon{flex-shrink:0;font-size:14px;margin-left:4px}.trending-badge{animation:pulse-trending 2s infinite;background:linear-gradient(135deg,#ff6b35,#f7c59f);border-radius:6px;box-shadow:0 2px 6px #ff6b3566;color:#fff;flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.3px;margin-left:4px;padding:2px 6px}@keyframes pulse-trending{0%,to{box-shadow:0 2px 6px #ff6b3566}50%{box-shadow:0 2px 12px #ff6b35b3}}@media (max-width:768px){.sidebar{height:100%;left:0;top:0;transform:translateX(-100%);width:70%}.sidebar.open{transform:translateX(0)}.menu-toggle{display:inline-block}.app-name{display:none}.overlay{background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}}.app-container{display:flex;min-height:100vh}.main-content-container{display:flex;flex-direction:column;flex-grow:1;margin-left:240px}.main-content{margin-top:60px;padding:24px}@media (max-width:768px){.main-content{padding:16px}.main-content-container{margin-left:0;overflow-x:hidden;width:100%}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-theme{--tab-text-color:#fff}.chart-container{padding:16px}.chart-header{gap:8px;margin-bottom:16px}.back-btn{background:none;border:none;color:#000;color:var(--back-arrow-color);cursor:pointer;flex-shrink:0;font-size:18px;padding:10px}.back-btn:hover{background:#d6d3d3;border-radius:10%;padding:10px}.chart-title{flex-shrink:0;font-size:20px;font-weight:600;margin:0;padding:0;white-space:nowrap}.tabs{border-bottom:2px solid #ddd;border-bottom:2px solid var(--table-border-line-color);display:flex;margin-bottom:16px}.tab{background:none;border:none;color:var(--tab-text-color);cursor:pointer;font-weight:500;padding:10px;text-align:center;transition:color .2s ease,border-bottom .2s ease}.tab.active{border-bottom:2px solid #007bff;color:#007bff;font-weight:600}.tab-content{padding:12px}:root{--premium-access-card-bg-color:#fff;--premium-access-card-border:none;--premium-title-color:#1f2937;--premium-message-color:#4b5563}body.dark-theme{--premium-access-card-bg-color:linear-gradient(135deg,#0f172a,#1e293b);--premium-title-color:#e9edf1;--premium-message-color:#9fa7b1;--premium-access-card-border:1px solid #334155}.premium-access-wrapper{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem}.premium-access-card{background:#fff;background:var(--premium-access-card-bg-color);border:none;border:var(--premium-access-card-border);border-radius:16px;box-shadow:0 20px 40px #00000029;max-width:400px;padding:3rem 2rem;text-align:center;transition:transform .3s ease;width:100%}.premium-access-card:hover{transform:translateY(-4px)}.premium-icon{animation:pulse 1.5s infinite;color:#fbbf24;font-size:3.5rem;margin-bottom:1rem}.premium-title{color:#1f2937;color:var(--premium-title-color);font-size:2rem;margin-bottom:.5rem}.premium-message{color:#4b5563;color:var(--premium-message-color);font-size:1rem;margin-bottom:2rem}.premium-button{background-color:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background .3s ease}.premium-button:hover{background-color:#4f46e5}@media (max-width:768px){.premium-access-wrapper{padding:.5rem}}.table-container{height:100%;max-height:100%;overflow-y:auto;width:100%}.scroll-table{border-collapse:collapse;min-width:100%;width:100%}.scroll-table td,.scroll-table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--table-border-line-color);font-size:14px;padding:12px;text-align:left}.scroll-table th{background:#f2f2f2}.table-container thead th{background:var(--bg-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}.view-chart-btn{align-items:center;background:var(--link-hover);display:inline-flex;gap:6px;justify-content:center;padding:10px 18px;transition:background .3s,transform .2s}.view-chart-btn:active{transform:scale(.971)}:root{--input-group-input-background:hsla(0,0%,91%,.959);--input-group-input-background-focus:hsla(0,4%,86%,.959)}body.dark-theme{--input-group-input-background:#ffffff26;--input-group-input-background-focus:#ffffff40;--input-group-input-color:#f3f3f3}.calculator-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.calculator-container .title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f96,#ff5e62);-webkit-background-clip:text;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.calculator-container .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:20px;box-shadow:0 8px 25px #0000004d;margin:1rem;max-width:500px;min-width:400px;padding:3rem;transition:transform .3s ease}.calculator-container .card:hover{transform:translateY(-4px)}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.input-group label{font-weight:600;margin-bottom:.4rem}.input-group input{background:hsla(0,0%,91%,.959);background:var(--input-group-input-background);border:none;border-radius:12px;color:var(--input-group-input-color);font-size:1rem;outline:none;padding:.7rem 1rem}.input-group input:focus{background:hsla(0,4%,86%,.959);background:var(--input-group-input-background-focus)}.result{margin-top:1.5rem;text-align:center}.result h2{font-size:1.2rem;margin-bottom:.5rem}.calculator-container .highlight{color:#13b950;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;line-height:1.4;max-width:100%;text-align:center;white-space:normal;word-break:break-word}.total-return{color:var(--text-color);font-size:1rem;margin-top:.75rem}.total-return .return-value{color:#13b950;font-size:1.1rem;font-weight:700}.notes-wrap{border:1px solid #0000000d;border-radius:10px;font-size:.95rem;line-height:1.45;margin-top:1.5rem;padding:1rem}.notes-title{font-size:1rem;font-weight:600;margin:0 0 .5rem}.notes-list{list-style-type:disc;margin:0;padding-left:1.25rem}.notes-list li{margin:.25rem 0}.notes-list li strong{font-weight:600}@media (max-width:600px){.calculator-container .card{margin:.5rem;max-width:100%;min-width:0;min-width:auto;padding:1.5rem;width:100%}.calculator-container .title,.highlight{font-size:1.5rem}.notes-wrap{font-size:.9rem;padding:.75rem}}:root{--pricing-bg:#f9fafb;--pricing-card-bg:#fff;--pricing-text:#111827;--pricing-text-muted:#6b7280;--pricing-primary:#4f46e5;--pricing-primary-hover:#4338ca;--pricing-border:#e5e7eb;--pricing-shadow:#0000001a;--pricing-popular-glow:#4f46e54d}body.dark-theme{--pricing-bg:#1f2937;--pricing-card-bg:#111827;--pricing-text:#f9fafb;--pricing-text-muted:#9ca3af;--pricing-primary:#6366f1;--pricing-primary-hover:#4f46e5;--pricing-border:#374151;--pricing-shadow:#0000004d;--pricing-popular-glow:#6366f166}.pricing-container{color:#111827;color:var(--pricing-text);padding:3rem 1.5rem;text-align:center}.pricing-header{margin-bottom:3rem}.pricing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--pricing-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.pricing-subtitle{color:#6b7280;color:var(--pricing-text-muted);font-size:1.1rem;margin:0 auto;max-width:500px}.pricing-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:1000px;padding:0 1rem;width:100%}.pricing-card{background:#fff;background:var(--pricing-card-bg);border:1px solid #e5e7eb;border:1px solid var(--pricing-border);border-radius:16px;box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--pricing-shadow);color:#111827;color:var(--pricing-text);display:flex;flex:0 1 320px;flex-direction:column;max-width:350px;padding:2rem 1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 12px 30px #0000001a;box-shadow:0 12px 30px var(--pricing-shadow);transform:translateY(-6px)}.pricing-card.popular{border:2px solid #4f46e5;border:2px solid var(--pricing-primary);box-shadow:0 8px 40px #4f46e54d;box-shadow:0 8px 40px var(--pricing-popular-glow);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-6px)}.popular-badge{background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--pricing-primary),#8b5cf6);border-radius:20px;font-size:.75rem;left:50%;letter-spacing:.5px;padding:6px 20px;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.popular-badge,.savings-badge{color:#fff;font-weight:700;position:absolute}.savings-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:.7rem;padding:4px 10px;right:12px;top:12px}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;margin-top:.5rem}.plan-duration{color:#6b7280;color:var(--pricing-text-muted);font-size:.9rem;margin-bottom:1.25rem}.plan-pricing{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:.5rem}.original-price{color:#6b7280;color:var(--pricing-text-muted);font-size:1.1rem;text-decoration:line-through}.current-price{color:#4f46e5;color:var(--pricing-primary);font-size:2.5rem;font-weight:800}.gst-text{font-size:.8rem;font-weight:500}.gst-text,.per-month{color:#6b7280;color:var(--pricing-text-muted)}.per-month{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pricing-border);font-size:.85rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.plan-features{flex-grow:1;list-style:none;margin:0 0 1.5rem;padding:0;text-align:left}.plan-features li{align-items:flex-start;color:#111827;color:var(--pricing-text);display:flex;font-size:.9rem;gap:10px;margin:.75rem 0}.feature-check{color:#10b981;flex-shrink:0}.feature-check,.subscribe-btn{font-size:1rem;font-weight:700}.subscribe-btn{background:#0000;border:2px solid #4f46e5;border:2px solid var(--pricing-primary);border-radius:10px;color:#4f46e5;color:var(--pricing-primary);cursor:pointer;margin-top:auto;padding:14px 24px;transition:all .3s ease;width:100%}.subscribe-btn:hover{background:#4f46e5;background:var(--pricing-primary);color:#fff;transform:translateY(-2px)}.subscribe-btn.primary{background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--pricing-primary),#8b5cf6);border:none;box-shadow:0 4px 15px #4f46e54d;box-shadow:0 4px 15px var(--pricing-popular-glow);color:#fff}.subscribe-btn.primary:hover{background:linear-gradient(135deg,#4338ca,#7c3aed);background:linear-gradient(135deg,var(--pricing-primary-hover),#7c3aed);box-shadow:0 6px 20px #4f46e54d;box-shadow:0 6px 20px var(--pricing-popular-glow)}.subscribe-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscribe-btn:disabled:hover{background:#0000;color:#4f46e5;color:var(--pricing-primary);transform:none}.subscribe-btn.primary:disabled:hover{background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--pricing-primary),#8b5cf6);box-shadow:0 4px 15px #4f46e54d;box-shadow:0 4px 15px var(--pricing-popular-glow);color:#fff}.pricing-note{color:#6b7280;color:var(--pricing-text-muted);font-size:.85rem;margin-top:2.5rem}@media (max-width:900px){.pricing-grid{gap:1rem}.pricing-card.popular{transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-6px)}}@media (max-width:768px){.pricing-grid{align-items:center;flex-direction:column;max-width:400px}.pricing-card{max-width:100%;width:100%}.pricing-card.popular{order:-1;transform:none}.pricing-card.popular:hover{transform:translateY(-6px)}.pricing-title{font-size:2rem}}@media (max-width:480px){.pricing-container{padding:2rem 1rem}.pricing-title{font-size:1.75rem}.pricing-subtitle{font-size:1rem}.current-price{font-size:2rem}}:root{--table-border-line-color:#ddd;--scroll-table-screener-tr-hover:#ebebeb;--back-arrow-color:#000}body.dark-theme{--table-border-line-color:#4d4d4d;--scroll-table-screener-tr-hover:#1c60aa;--back-arrow-color:#fff}.main-content .chart-header{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-start!important;margin-bottom:16px!important;width:100%!important}.main-content .back-btn{background:none;border:none;color:#000;color:var(--back-arrow-color);cursor:pointer;flex-grow:0!important;flex-shrink:0!important;font-size:18px;margin:0!important;padding:10px;width:auto!important}.main-content .back-btn:hover{background:#d6d3d3;border-radius:10%;padding:10px}.main-content .chart-title{flex-grow:0!important;flex-shrink:0!important;font-size:20px;font-weight:600;margin:0!important;padding:0!important;white-space:nowrap!important;width:auto!important}.table-container-screener{height:100%;max-height:100%;overflow-x:auto;overflow-y:auto;width:100%}.scroll-table-screener{border-collapse:collapse;min-width:100%;width:100%}.scroll-table-screener td,.scroll-table-screener th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--table-border-line-color);font-size:16px;padding:16px;text-align:left}.scroll-table-screener tr:hover{background:#ebebeb;background:var(--scroll-table-screener-tr-hover);cursor:pointer}.scroll-table-screener th{background:#f2f2f2}.table-container-screener thead th{background:var(--bg-color);position:-webkit-sticky;position:sticky;top:0;z-index:1}.view-chart-btn-screener{align-items:center;background:var(--link-hover);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 18px;transition:background .3s,transform .2s}.view-chart-btn-screener:hover{background:#0056b3;transform:translateY(-2px)}.view-chart-btn-screener:active{transform:scale(.971)}.scanner-tabs{border-bottom:2px solid #ddd;border-bottom:2px solid var(--table-border-line-color);display:flex;gap:0;margin-bottom:20px}.scanner-tab{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:color .3s}.scanner-tab.active,.scanner-tab:hover{color:var(--link-hover)}.scanner-tab.active:after{background:var(--link-hover);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}@media (max-width:768px){.main-content{padding:12px!important}.main-content .chart-header{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-start!important;margin-bottom:12px!important;width:100%!important}.main-content .back-btn{display:inline-flex!important;font-size:16px!important;padding:8px!important}.main-content .back-btn,.main-content .chart-title{flex-grow:0!important;flex-shrink:0!important;margin:0!important;width:auto!important}.main-content .chart-title{display:inline-block!important;font-size:17px!important;padding:0!important;white-space:nowrap!important}}@media (max-width:480px){.main-content{padding:8px!important}.main-content .chart-header{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important;margin-bottom:10px!important;width:100%!important}.main-content .back-btn{display:inline-flex!important;font-size:14px!important;padding:6px!important}.main-content .back-btn,.main-content .chart-title{flex-grow:0!important;flex-shrink:0!important;margin:0!important;width:auto!important}.main-content .chart-title{display:inline-block!important;font-size:15px!important;padding:0!important;white-space:nowrap!important}}:root{--screener-border-color:#e0e0e0;--screener-header-bg:#f8f9fa;--screener-row-hover:#f5f5f5;--screener-text-color:#333;--screener-btn-bg:#007bff;--screener-btn-hover:#0056b3;--screener-btn-text:#fff;--screener-card-bg:#fff;--screener-pagination-bg:#f8f9fa;--screener-active-page:#007bff}body.dark-theme{--screener-border-color:#404040;--screener-header-bg:#2a2a2a;--screener-row-hover:#1c60aa;--screener-text-color:#e0e0e0;--screener-btn-bg:#4a9eff;--screener-btn-hover:#1c60aa;--screener-btn-text:#fff;--screener-card-bg:#1e1e1e;--screener-pagination-bg:#2a2a2a;--screener-active-page:#4a9eff}.screener-table-wrapper{padding:1rem;width:100%}.screener-table-container-desktop{background:#fff;background:var(--screener-card-bg);border-radius:8px;box-shadow:0 2px 8px #00000014;overflow-x:auto;width:100%}.screener-table-container-mobile{display:none}.screener-table{border-collapse:collapse;color:#333;color:var(--screener-text-color);min-width:800px;width:100%}.screener-table thead th{background:#f8f9fa;background:var(--screener-header-bg);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--screener-border-color);font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.screener-table tbody td,.screener-table thead th{color:#333;color:var(--screener-text-color);font-size:.875rem;padding:1rem}.screener-table tbody td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--screener-border-color)}.screener-table tbody tr:hover{background:#f5f5f5;background:var(--screener-row-hover);transition:background-color .2s ease}body.dark-theme .screener-table tbody tr:hover{background:#0000}.max-move{border-radius:4px;display:inline-block;font-weight:600;padding:4px 8px}.max-move.profit{background:#16a34a1a;color:#16a34a}.max-move.loss{background:#dc26261a;color:#dc2626}body.dark-theme .max-move.profit{background:#4ade8026;color:#4ade80}body.dark-theme .max-move.loss{background:#f8717126;color:#f87171}.info-icon{color:#6b7280;cursor:help;font-size:14px;margin-left:6px;opacity:.7;transition:opacity .2s ease;vertical-align:middle}.info-icon:hover{color:#3b82f6;opacity:1}body.dark-theme .info-icon{color:#9ca3af}body.dark-theme .info-icon:hover{color:#60a5fa}.screener-table tbody tr:last-child td{border-bottom:none}.no-data{background:#fff!important;background:var(--screener-card-bg)!important;color:#333;color:var(--screener-text-color);opacity:.7;padding:3rem;text-align:center}tr:has(.no-data){background:#fff!important;background:var(--screener-card-bg)!important}.view-chart-btn{background:#007bff;background:var(--screener-btn-bg);border:none;border-radius:6px;color:#fff;color:var(--screener-btn-text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.view-chart-btn:hover{background:#0056b3;background:var(--screener-btn-hover);box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.view-chart-btn:active{transform:scale(.97)}.view-chart-btn:focus{outline:2px solid #007bff;outline:2px solid var(--screener-btn-bg);outline-offset:2px}.screener-table-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.screener-loading-spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-top-color:#007bff;border:4px solid var(--screener-border-color);border-radius:50%;border-top-color:var(--screener-btn-bg);height:40px;width:40px}.screener-table-loading p{color:#333;color:var(--screener-text-color);font-size:.875rem;margin-top:1rem}.screener-pagination{align-items:center;background:#f8f9fa;background:var(--screener-pagination-bg);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.pagination-info{color:#333;color:var(--screener-text-color);font-size:.875rem}.pagination-controls{align-items:center;flex-wrap:wrap;gap:1.5rem}.page-size-selector{align-items:center;display:flex;gap:.5rem}.page-size-selector label,.page-size-selector select{color:#333;color:var(--screener-text-color);font-size:.875rem}.page-size-selector select{background:#fff;background:var(--screener-card-bg);border:1px solid #e0e0e0;border:1px solid var(--screener-border-color);border-radius:6px;cursor:pointer;padding:.5rem;transition:border-color .2s ease}.page-size-selector select:hover{border-color:#007bff;border-color:var(--screener-btn-bg)}.page-size-selector select:focus{outline:2px solid #007bff;outline:2px solid var(--screener-btn-bg);outline-offset:2px}.page-navigation{align-items:center;display:flex;gap:.5rem}.page-btn{background:#fff;background:var(--screener-card-bg);border:1px solid #e0e0e0;border:1px solid var(--screener-border-color);border-radius:6px;color:#333;color:var(--screener-text-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#007bff;background:var(--screener-btn-bg);border-color:#007bff;border-color:var(--screener-btn-bg);color:#fff;color:var(--screener-btn-text)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{gap:.25rem}.page-number,.page-numbers{align-items:center;display:flex}.page-number{background:#fff;background:var(--screener-card-bg);border:1px solid #e0e0e0;border:1px solid var(--screener-border-color);border-radius:6px;color:#333;color:var(--screener-text-color);cursor:pointer;font-size:.875rem;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:all .2s ease}.page-number:hover{background:#007bff;background:var(--screener-btn-bg);border-color:#007bff;border-color:var(--screener-btn-bg)}.page-number.active,.page-number:hover{color:#fff;color:var(--screener-btn-text)}.page-number.active{background:#007bff;background:var(--screener-active-page);border-color:#007bff;border-color:var(--screener-active-page)}.page-ellipsis{color:#333;color:var(--screener-text-color);font-size:.875rem;padding:.5rem}@media screen and (max-width:768px){.screener-table-container-desktop{display:none}.screener-table-container-mobile{display:block}.screener-table-wrapper{padding:.5rem}.screener-mobile-card{background:#fff;background:var(--screener-card-bg);border:1px solid #e0e0e0;border:1px solid var(--screener-border-color);border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;padding:1rem}.screener-mobile-card:last-child{margin-bottom:0}.screener-mobile-row{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--screener-border-color);display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.screener-mobile-row:last-child{border-bottom:none;padding-bottom:0}.screener-mobile-row:first-child{padding-top:0}.screener-mobile-label{color:#333;color:var(--screener-text-color);flex-shrink:0;font-size:.75rem;font-weight:600;min-width:100px;opacity:.7}.screener-mobile-value{color:#333;color:var(--screener-text-color);flex-grow:1;font-size:.875rem;text-align:right;word-break:break-word}.screener-mobile-action{border-top:1px solid #e0e0e0;border-top:1px solid var(--screener-border-color);margin-top:1rem;padding-top:1rem}.screener-mobile-action .view-chart-btn{width:100%}.screener-pagination{align-items:stretch;flex-direction:column}.pagination-info{text-align:center}.pagination-controls{align-items:stretch;flex-direction:column;gap:1rem}.page-size-selector{justify-content:center}.page-navigation,.page-numbers{flex-wrap:wrap;justify-content:center}}@media screen and (max-width:480px){.screener-mobile-card{padding:.75rem}.screener-mobile-label{font-size:.7rem;min-width:80px}.screener-mobile-value{font-size:.8125rem}.page-number{height:36px;min-width:36px}.page-btn{font-size:.8125rem;padding:.5rem .75rem}}.screener-table td:has(>div[style*=border-radius]){padding:.5rem;vertical-align:middle}.mini-chart-cell{align-items:center;display:flex;justify-content:center;min-width:180px}@media screen and (max-width:768px){.screener-mobile-row .mini-chart-cell{display:none}}.view-toggle-container{display:flex;justify-content:center;margin-bottom:24px}.view-toggle{background:var(--bg-color);border:2px solid var(--table-border-line-color);border-radius:12px;display:inline-flex;gap:4px;padding:4px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.view-toggle-btn:hover{background:#4f46e51a}.view-toggle-btn.active{background:var(--link-hover);box-shadow:0 2px 8px #4f46e54d;color:#fff}.view-toggle-btn svg{font-size:16px}.chart-view,.list-view{width:100%}.loading-message{color:var(--text-color);font-size:18px;font-weight:500;padding:60px 20px;text-align:center}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.chart-card{background:var(--bg-color);border:1px solid var(--table-border-line-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.chart-card-body{overflow:hidden!important}.chart-card-body,.chart-card-body .stock-chart-wrapper{display:block!important;margin:0!important;padding:0!important;width:100%!important}.chart-card-body .stock-chart-wrapper{border-radius:0!important;box-shadow:none!important;max-width:100%!important}.chart-card-body .stock-chart-header{margin:0!important;padding:12px 16px!important}.chart-card-body .stock-chart-container{display:block!important;padding:0!important}.chart-card-body .stock-chart-container,.chart-card-body .stock-chart-container>div{margin:0!important;max-width:100%!important;width:100%!important}.chart-pagination{align-items:center;background:var(--bg-color);border:1px solid var(--table-border-line-color);border-radius:12px;display:flex;justify-content:space-between;margin-top:24px;padding:16px 20px}.pagination-info{color:var(--text-color);font-size:14px;font-weight:500}.pagination-controls{display:flex;gap:8px}.pagination-btn{background:var(--bg-color);border:1px solid var(--table-border-line-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn.active,.pagination-btn:hover:not(:disabled){background:var(--link-hover);border-color:var(--link-hover);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.chart-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.chart-grid{grid-template-columns:1fr}.view-toggle-btn span{display:none}.view-toggle-btn{padding:10px 16px}.chart-pagination{flex-direction:column;gap:12px;padding:12px}.pagination-controls{justify-content:center;width:100%}.pagination-btn{font-size:13px;padding:6px 12px}}:root{--chart-bg:#fff;--chart-text:#333;--chart-border:#e0e0e0;--chart-label:#6b7280;--chart-support:#26a69a;--chart-resistance:#ef5350;--chart-trend:#2962ff;--chart-positive:#26a69a;--chart-negative:#ef5350}body.dark-theme{--chart-bg:#1e1e1e;--chart-text:#d1d4dc;--chart-border:#404040;--chart-label:#9ca3af}.stock-chart-wrapper{background:#fff;background:var(--chart-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;overflow:hidden;padding:0}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.chart-symbol{color:#333;color:var(--chart-text);font-size:1.5rem;font-weight:700;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.25rem}.legend-item.support{color:#26a69a;color:var(--chart-support)}.legend-item.resistance{color:#ef5350;color:var(--chart-resistance)}.legend-item.trend{color:#2962ff;color:var(--chart-trend)}.stock-chart-header{align-items:center;background:#fff;background:var(--chart-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--chart-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:6px 12px}.symbol-info{gap:5px}.symbol-dot{color:#6b7280;color:var(--chart-label);font-size:13px;opacity:.5}.symbol-name{color:var(--chart-text);letter-spacing:.2px}.symbol-name,.symbol-timeframe{font-family:Trebuchet MS,sans-serif;font-size:13px}.symbol-exchange,.symbol-timeframe{color:var(--chart-label)}.symbol-exchange{font-family:Trebuchet MS,sans-serif}.price-info{gap:8px}.price-pair{align-items:center;display:inline-flex;gap:3px}.price-label{color:var(--chart-label);font-size:13px}.price-value{color:var(--chart-text);font-size:13px}.price-value.bullish{color:var(--chart-positive)}.price-value.bearish{color:var(--chart-negative)}.stock-price-change{border-radius:4px;font-family:Trebuchet MS,sans-serif;font-size:13px;font-weight:600;padding:3px 8px}.stock-price-change.positive{background:#26a69a1a;color:#26a69a;color:var(--chart-positive)}.stock-price-change.negative{background:#ef53501a;color:#ef5350;color:var(--chart-negative)}.stock-chart-container{position:relative;width:100%}.chart-container{background:#fff;background:var(--chart-bg);border-radius:8px;overflow:hidden;width:100%}.chart-info{background:#2962ff0d;border-left:3px solid #2962ff;border-left:3px solid var(--chart-trend);border-radius:6px;margin-top:1.5rem;padding:1rem}.chart-info p{font-weight:600;margin:0 0 .75rem}.chart-info p,.chart-info ul{color:#333;color:var(--chart-text)}.chart-info ul{margin:0;padding-left:1.25rem}.chart-info ul li{font-size:.9rem;line-height:1.5;margin:.5rem 0}@media (max-width:768px){.stock-chart-header{align-items:flex-start;flex-direction:column;padding:10px}.price-info,.symbol-info{flex-wrap:wrap;width:100%}.symbol-name{font-size:16px}.symbol-timeframe{font-size:13px;padding:2px 6px}.symbol-exchange{font-size:11px}.price-label,.price-value{font-size:13px}.stock-price-change{font-size:13px;padding:1px 4px}.price-info{gap:8px}.chart-header{align-items:flex-start;flex-direction:column}.chart-symbol{font-size:1.25rem}.chart-legend{gap:1rem}.legend-item{font-size:.75rem}.chart-info ul li{font-size:.85rem}}@media (max-width:480px){.price-info{gap:6px}.price-label,.price-value{font-size:11px}.stock-price-change{font-size:11px;margin-top:4px;text-align:center;width:100%}}.howto-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1100px;padding:24px 20px 48px}.sebi-disclaimer{align-items:flex-start;background:#eab3080f;border:1px solid #eab3084d;border-left:4px solid #eab308;border-radius:10px;display:flex;font-size:13px;gap:12px;margin-bottom:20px;padding:16px 20px}body.dark-theme .sebi-disclaimer{background:#eab30812;border-color:#eab30840 #eab30840 #eab30840 #eab308}.sebi-icon{flex-shrink:0;font-size:20px;margin-top:2px}.sebi-disclaimer div{display:flex;flex-direction:column;gap:6px}.sebi-disclaimer strong{color:#92400e;font-size:13px;font-weight:700}body.dark-theme .sebi-disclaimer strong{color:#fde68a}.sebi-disclaimer p{color:#78350f;font-size:12px;line-height:1.7;margin:0}body.dark-theme .sebi-disclaimer p{color:#fcd34d;opacity:.85}.howto-hero{background:linear-gradient(135deg,#ff6b3514,#f7c59f0d);border:1px solid #ff6b3526;border-radius:16px;margin-bottom:32px;padding:40px 24px;text-align:center}body.dark-theme .howto-hero{background:linear-gradient(135deg,#ff6b351a,#1e1e1e80);border-color:#ff6b3533}.howto-hero-icon{font-size:48px;margin-bottom:12px}.howto-hero-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 12px}body.dark-theme .howto-hero-title{color:#f3f4f6}.howto-hero-subtitle{color:#6b7280;font-size:15px;line-height:1.7;margin:0 auto;max-width:650px}body.dark-theme .howto-hero-subtitle{color:#9ca3af}.howto-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:28px;padding:20px 24px}body.dark-theme .howto-section{background:#1e1e1e;border-color:#2a2a2a}.howto-section-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.howto-section-header h2{color:#111827;font-size:17px;font-weight:600;margin:0}body.dark-theme .howto-section-header h2{color:#f3f4f6}.howto-section-icon{color:#f59e0b;font-size:18px}.howto-text{color:#6b7280;font-size:14px;line-height:1.7;margin:0}body.dark-theme .howto-text{color:#9ca3af}.whatisit-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}@media (max-width:768px){.whatisit-grid{grid-template-columns:1fr}}.whatisit-card{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:14px 16px}body.dark-theme .whatisit-card{background:#252525;border-color:#333}.whatisit-icon{flex-shrink:0;font-size:22px;margin-top:2px}.whatisit-card div{display:flex;flex-direction:column;gap:4px}.whatisit-card strong{color:#111827;font-size:13px;font-weight:600}body.dark-theme .whatisit-card strong{color:#f3f4f6}.whatisit-card p{color:#6b7280;font-size:12px;line-height:1.6;margin:0}body.dark-theme .whatisit-card p{color:#9ca3af}.whatisit-summary{align-items:flex-start;background:linear-gradient(135deg,#ff6b3512,#f7c59f0d);border:1px solid #ff6b3533;border-radius:10px;display:flex;font-size:13px;gap:10px;margin-top:16px;padding:14px 16px}body.dark-theme .whatisit-summary{background:#ff6b3514;border-color:#ff6b3533}.whatisit-summary span{flex-shrink:0;font-size:18px}.whatisit-summary p{color:#374151;line-height:1.6;margin:0}body.dark-theme .whatisit-summary p{color:#d1d5db}.howto-rules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}@media (max-width:768px){.howto-rules-grid{grid-template-columns:1fr}}.howto-rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}body.dark-theme .howto-rule-card{background:#1e1e1e;border-color:#2a2a2a}.howto-rule-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}body.dark-theme .howto-rule-header{border-bottom-color:#2a2a2a}.howto-rule-card.entry .howto-rule-header{background:#3b82f60f}.howto-rule-card.stoploss .howto-rule-header{background:#ef44440f}.howto-rule-card.timing .howto-rule-header{background:#f59e0b0f}.howto-rule-card.target .howto-rule-header{background:#10b9810f}body.dark-theme .howto-rule-card.entry .howto-rule-header{background:#3b82f61a}body.dark-theme .howto-rule-card.stoploss .howto-rule-header{background:#ef44441a}body.dark-theme .howto-rule-card.timing .howto-rule-header{background:#f59e0b1a}body.dark-theme .howto-rule-card.target .howto-rule-header{background:#10b9811a}.howto-rule-header h3{color:#111827;font-size:15px;font-weight:600;margin:0}body.dark-theme .howto-rule-header h3{color:#f3f4f6}.rule-icon{font-size:16px}.howto-rule-card.entry .rule-icon{color:#3b82f6}.howto-rule-card.stoploss .rule-icon{color:#ef4444}.howto-rule-card.timing .rule-icon{color:#f59e0b}.howto-rule-card.target .rule-icon{color:#10b981}.howto-rule-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.rule-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px 12px}body.dark-theme .rule-item{background:#2a2a2a}.rule-item.warning{background:#f59e0b14;border:1px solid #f59e0b33}.rule-item.success{background:#10b98114;border:1px solid #10b98133}.rule-label{color:#6b7280;font-size:12px;font-weight:500}body.dark-theme .rule-label{color:#9ca3af}.rule-value{color:#111827;font-size:13px;font-weight:700;text-align:right}body.dark-theme .rule-value{color:#f3f4f6}.rule-note{border-left:3px solid #e5e7eb;color:#6b7280;font-size:12px;line-height:1.6;margin:0;padding:8px 12px}body.dark-theme .rule-note{border-left-color:#444;color:#9ca3af}.success-box,.warning-box{align-items:flex-start;border-radius:8px;display:flex;font-size:13px;gap:10px;line-height:1.6;padding:12px 14px}.warning-box{background:#f59e0b14;border:1px solid #f59e0b40;color:#92400e}body.dark-theme .warning-box{background:#f59e0b1a;color:#fcd34d}.warning-box svg{color:#f59e0b;flex-shrink:0;font-size:15px;margin-top:2px}.success-box{background:#10b98114;border:1px solid #10b98140;color:#065f46}body.dark-theme .success-box{background:#10b9811a;color:#6ee7b7}.success-box svg{color:#10b981;flex-shrink:0;font-size:15px;margin-top:2px}.success-box p,.warning-box p{margin:0}.rule-example{display:flex;flex-direction:column;gap:6px}.example-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.example-box{border:1px solid #e5e7eb;overflow:hidden}body.dark-theme .example-box{border-color:#333}.example-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}body.dark-theme .example-row{background:#252525;border-bottom-color:#333;color:#d1d5db}.example-row:last-child{border-bottom:none}.example-row.highlight{background:#3b82f614;color:#1d4ed8;font-weight:600}body.dark-theme .example-row.highlight{background:#3b82f61f;color:#93c5fd}.example-row.danger{background:#ef444414;color:#b91c1c;font-weight:600}body.dark-theme .example-row.danger{background:#ef44441f;color:#fca5a5}.example-row.success{background:#10b98114;color:#065f46;font-weight:600}body.dark-theme .example-row.success{background:#10b9811f;color:#6ee7b7}.howto-cheatsheet{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}body.dark-theme .howto-cheatsheet{background:#1e1e1e;border-color:#2a2a2a}.howto-cheatsheet h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 20px}body.dark-theme .howto-cheatsheet h3{color:#f3f4f6}.cheatsheet-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cheatsheet-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:14px 16px}body.dark-theme .cheatsheet-item{background:#2a2a2a;border-color:#333}.cheat-icon{flex-shrink:0;font-size:22px}.cheatsheet-item div{display:flex;flex-direction:column;gap:3px}.cheatsheet-item strong{color:#111827;font-size:13px;font-weight:600}body.dark-theme .cheatsheet-item strong{color:#f3f4f6}.cheatsheet-item span{color:#6b7280;font-size:12px}body.dark-theme .cheatsheet-item span{color:#9ca3af}:root{--trading-chart-bg:#fff;--trading-chart-text:#333;--trading-chart-border:#e0e0e0;--trading-chart-label:#6b7280;--trading-chart-positive:#26a69a;--trading-chart-negative:#ef5350}body.dark-theme{--trading-chart-bg:#1e1e1e;--trading-chart-text:#d1d4dc;--trading-chart-border:#404040;--trading-chart-label:#b0b5bf}.trading-chart-wrapper{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;overflow:hidden;padding:0}.trading-chart-header,.trading-chart-wrapper{background:#fff;background:var(--trading-chart-bg)}.trading-chart-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--trading-chart-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.symbol-info{align-items:center;display:flex;gap:10px}.symbol-name{color:#333;color:var(--trading-chart-text);font-size:18px;font-weight:700}.symbol-timeframe{background:#4f46e51a;border-radius:4px;font-size:14px;font-weight:600;padding:2px 8px}.symbol-exchange,.symbol-timeframe{color:#6b7280;color:var(--trading-chart-label)}.symbol-exchange{font-size:13px;font-weight:500}.price-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.price-label{color:#6b7280;color:var(--trading-chart-label)}.price-label,.price-value{font-family:Trebuchet MS,sans-serif;font-size:12px;font-weight:600}.price-value{color:#333;color:var(--trading-chart-text)}.price-value.bullish{color:#26a69a;color:var(--trading-chart-positive)}.price-value.bearish{color:#ef5350;color:var(--trading-chart-negative)}.price-change{border-radius:3px;font-family:Trebuchet MS,sans-serif;font-size:12px;font-weight:600;padding:1px 4px}.price-change.positive{background:#26a69a1a;color:#26a69a;color:var(--trading-chart-positive)}.price-change.negative{background:#ef53501a;color:#ef5350;color:var(--trading-chart-negative)}.trading-chart-container{position:relative;width:100%}@media (max-width:768px){.trading-chart-header{align-items:flex-start;flex-direction:column;padding:10px}.price-info,.symbol-info{flex-wrap:wrap;width:100%}.symbol-name{font-size:16px}.symbol-timeframe{font-size:12px;padding:2px 6px}.symbol-exchange{font-size:11px}.price-label,.price-value{font-size:12px}.price-change{font-size:13px;padding:3px 8px}.price-info{gap:8px}}@media (max-width:480px){.price-info{gap:6px}.price-label,.price-value{font-size:11px}.price-change{font-size:12px;margin-top:4px;text-align:center;width:100%}}:root{--demo-primary:#2962ff;--demo-success:#26a69a;--demo-danger:#ef5350;--demo-bg:#f9fafb;--demo-card-bg:#fff;--demo-text:#333;--demo-text-muted:#6b7280;--demo-border:#e5e7eb}body.dark-theme{--demo-bg:#0f0f0f;--demo-card-bg:#1e1e1e;--demo-text:#f9fafb;--demo-text-muted:#9ca3af;--demo-border:#374151}.chart-demo-container{margin:0 auto;max-width:1200px;padding:2rem}.demo-header{margin-bottom:3rem;text-align:center}.demo-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2962ff,#8b5cf6);background:linear-gradient(135deg,var(--demo-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.demo-subtitle{color:#6b7280;color:var(--demo-text-muted);font-size:1.1rem;margin:0 auto;max-width:600px}.demo-features{margin-bottom:3rem}.demo-features h2{color:#333;color:var(--demo-text);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--demo-card-bg);border:1px solid #e5e7eb;border:1px solid var(--demo-border);padding:1.5rem;text-align:center}.feature-card:hover{box-shadow:0 8px 20px #2962ff26}.feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#333;color:var(--demo-text);font-size:1.1rem;margin-bottom:.5rem}.feature-card p{color:var(--demo-text-muted);font-size:.9rem}.demo-chart-section{margin-bottom:3rem}.demo-chart-section h2{color:#333;color:var(--demo-text);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.demo-usage{margin-bottom:3rem}.demo-usage h2{color:#333;color:var(--demo-text);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.usage-steps{flex-direction:column}.step,.usage-steps{display:flex;gap:1.5rem}.step{align-items:flex-start;background:#fff;background:var(--demo-card-bg);border:1px solid #e5e7eb;border:1px solid var(--demo-border);border-radius:12px;padding:1.5rem}.step-number{align-items:center;background:linear-gradient(135deg,#2962ff,#8b5cf6);background:linear-gradient(135deg,var(--demo-primary),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.step-content h3{color:#333;color:var(--demo-text);font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.step-content p{color:#6b7280;color:var(--demo-text-muted);font-size:.95rem;margin:0}.demo-comparison{margin-bottom:3rem}.demo-comparison h2{color:#333;color:var(--demo-text);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.comparison-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.comparison-card{background:#fff;background:var(--demo-card-bg);border:2px solid #e5e7eb;border:2px solid var(--demo-border);border-radius:12px;padding:2rem}.comparison-card.yes{border-color:#26a69a;border-color:var(--demo-success)}.comparison-card.no{border-color:#ef5350;border-color:var(--demo-danger)}.comparison-card h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.comparison-card.yes h3{color:#26a69a;color:var(--demo-success)}.comparison-card.no h3{color:#ef5350;color:var(--demo-danger)}.comparison-card ul{list-style:none;margin:0;padding:0}.comparison-card ul li{align-items:center;color:#333;color:var(--demo-text);display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 0}.comparison-card ul li:before{color:#6b7280;color:var(--demo-text-muted);content:"•"}.comparison-note{background:#2962ff0d;border-left:3px solid #2962ff;border-left:3px solid var(--demo-primary);border-radius:6px;color:#333;color:var(--demo-text);font-size:.9rem;font-style:italic;margin-top:1rem;padding:1rem}.demo-next-steps{background:#fff;background:var(--demo-card-bg);border:1px solid #e5e7eb;border:1px solid var(--demo-border);border-radius:12px;padding:2rem}.demo-next-steps h2{color:#333;color:var(--demo-text);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.next-steps-content p{color:#333;color:var(--demo-text);font-size:1rem;margin-bottom:1rem}.next-steps-content ol{color:#333;color:var(--demo-text);margin:1.5rem 0;padding-left:1.5rem}.next-steps-content ol li{font-size:.95rem;line-height:1.6;margin:.75rem 0}.next-steps-content code{background:#2962ff1a;border-radius:4px;color:#2962ff;color:var(--demo-primary);font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}.tech-stack{background:#26a69a0d;border-left:3px solid #26a69a;border-left:3px solid var(--demo-success);border-radius:6px;margin-top:1.5rem;padding:1.5rem}.tech-stack strong{color:#333;color:var(--demo-text);display:block;font-size:1rem;margin-bottom:.75rem}.tech-stack ul{list-style:none;margin:0;padding:0}.tech-stack ul li{color:#333;color:var(--demo-text);font-size:.9rem;padding:.5rem 0}@media (max-width:768px){.chart-demo-container{padding:1rem}.demo-title{font-size:2rem}.demo-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}.step{flex-direction:column}.comparison-grid{grid-template-columns:1fr}.demo-next-steps{padding:1.5rem}}.company-overview-container{background-color:#fff;background-color:var(--bg-primary,#fff);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.stock-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.stock-info-header h1{font-size:28px;font-weight:600;margin:0 0 8px}.stock-codes{display:flex;gap:12px}.stock-code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:4px;font-size:12px;padding:4px 12px}.stock-price-section{text-align:right}.current-price{font-size:36px;font-weight:700;margin-bottom:4px}.price-change{font-size:16px;margin-bottom:4px}.price-change.positive{color:#4ade80}.price-change.negative{color:#f87171}.last-updated{font-size:12px;opacity:.8}.overview-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.tab-button{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.tab-button:hover{color:#111827;color:var(--text-primary,#111827)}.tab-button.active{color:#667eea}.tab-button.active:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.metric-card{background:#f9fafb;background:var(--card-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:500;margin-bottom:8px}.metric-value{color:#111827;color:var(--text-primary,#111827);font-size:22px;font-weight:700}.section-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:24px}.section-title{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.ratio-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ratio-item{display:flex;flex-direction:column;gap:8px}.ratio-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:500}.ratio-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:700}.segments-list{gap:16px}.segment-item,.segments-list{display:flex;flex-direction:column}.segment-item{gap:8px}.segment-info{align-items:center;display:flex;justify-content:space-between}.segment-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:500}.segment-contribution{color:#667eea;font-size:14px;font-weight:700}.segment-bar{background:#e5e7eb;background:var(--bg-secondary,#e5e7eb);border-radius:4px;height:8px;overflow:hidden}.segment-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.corporate-actions-list{display:flex;flex-direction:column;gap:16px}.action-item{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-left:4px solid #667eea;border-radius:8px;display:flex;gap:16px;padding:16px}.action-type-badge{background:#667eea;border-radius:4px;color:#fff;font-size:12px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:4px 12px;text-transform:uppercase}.action-details{flex:1 1}.action-description{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:500;margin-bottom:8px}.action-amount,.action-date{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin-bottom:4px}.table-container{margin-top:16px;overflow-x:auto}.financial-table{border-collapse:collapse;font-size:14px;width:100%}.financial-table thead{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.financial-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);font-weight:600;padding:12px 16px;text-align:left}.financial-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151);padding:12px 16px}.financial-table tbody tr:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.financial-table .positive{color:#10b981;font-weight:500}.financial-table .negative{color:#ef4444;font-weight:500}.shareholding-bars{display:flex;flex-direction:column;gap:20px;margin-top:20px}.holding-bar-item{align-items:center;display:flex;gap:16px}.holding-label{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:500;min-width:100px}.holding-bar{background:#e5e7eb;background:var(--bg-secondary,#e5e7eb);border-radius:8px;flex:1 1;height:40px;overflow:hidden;position:relative}.holding-bar-fill{align-items:center;display:flex;height:100%;padding-left:12px;position:relative;transition:width .5s ease}.holding-bar-fill.promoter{background:linear-gradient(90deg,#667eea,#764ba2)}.holding-bar-fill.fii{background:linear-gradient(90deg,#f59e0b,#f97316)}.holding-bar-fill.dii{background:linear-gradient(90deg,#10b981,#059669)}.holding-bar-fill.public{background:linear-gradient(90deg,#6366f1,#4f46e5)}.bar-text{color:#fff;font-size:14px;font-weight:600}.dark-theme .company-overview-container{background-color:#1a1a1a}.dark-theme .metric-card,.dark-theme .section-card{background:#2d2d2d;border-color:#404040}.dark-theme .metric-label,.dark-theme .ratio-label{color:#9ca3af}.dark-theme .metric-value,.dark-theme .ratio-value,.dark-theme .section-title{color:#f3f4f6}.dark-theme .financial-table th{background:#2d2d2d;color:#f3f4f6}.dark-theme .financial-table td{border-color:#404040;color:#d1d5db}.dark-theme .financial-table tbody tr:hover{background:#3d3d3d}.dark-theme .holding-bar,.dark-theme .segment-bar{background:#404040}.dark-theme .action-item{background:#2d2d2d}.dark-theme .tab-button{color:#9ca3af}.dark-theme .tab-button:hover{color:#f3f4f6}.dark-theme .overview-tabs{border-bottom-color:#404040}@media (max-width:768px){.stock-header{flex-direction:column;gap:16px}.stock-price-section{text-align:left}.current-price{font-size:28px}.metrics-grid{grid-template-columns:1fr}.ratio-grid{grid-template-columns:repeat(2,1fr)}.financial-table{font-size:12px}.financial-table td,.financial-table th{padding:8px 12px}.holding-bar-item{align-items:stretch;flex-direction:column}.holding-label{min-width:auto}}.home-page{background:#fff;background:var(--bg-primary,#fff);margin-top:60px;overflow-x:hidden;width:100%}.hero-section{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff;display:flex;justify-content:space-between;min-height:600px;overflow:hidden;padding:100px 60px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' opacity='.03' d='M0 0h1v100H0z'/%3E%3Cpath fill='%23fff' opacity='.03' d='M0 0h100v1H0z'/%3E%3C/svg%3E");background-size:50px 50px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-content{flex:1 1;max-width:600px;z-index:1}.hero-title{font-size:54px;font-weight:800;line-height:1.2;margin-bottom:24px;text-shadow:2px 2px 4px #0000004d}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00f260,#0575e6);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:#e0e0e0;font-size:20px;line-height:1.7;margin-bottom:40px;opacity:.95}.hero-buttons{display:flex;gap:16px}.cta-button{border-radius:50px;box-shadow:0 4px 15px #0003;font-size:17px;transition:all .4s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px) scale(1.05)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #fffc;color:#fff}.cta-button.secondary:hover{background:#ffffff26;border-color:#fff;transform:translateY(-3px)}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:1}.chart-mockup{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,242,96,.3));font-size:250px}.features-section{background:linear-gradient(180deg,#f8f9fa,#e9ecef);padding:100px 60px;position:relative}.features-section:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:42px;font-weight:800;margin-bottom:20px;position:relative}.section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:4px;margin:20px auto;width:80px}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.feature-card{border:2px solid #0000;border-radius:16px;overflow:hidden;padding:40px 32px;position:relative;transition:all .4s ease}.feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea33;transform:translateY(-10px)}.feature-icon{display:inline-block;font-size:56px;margin-bottom:20px;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:700;margin-bottom:16px}.feature-card p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:15px;line-height:1.7}.benefits-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:80px 60px}.benefits-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.benefit-item{text-align:center}.benefit-number{color:#667eea;font-size:48px;font-weight:700;margin-bottom:16px}.benefit-item h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:600;margin-bottom:12px}.benefit-item p{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:15px;line-height:1.6}.testimonials-section{background:#fff;background:var(--bg-primary,#fff);padding:80px 60px}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:32px;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.stars{font-size:20px;margin-bottom:16px}.testimonial-text{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:15px;font-style:italic;line-height:1.7;margin-bottom:24px}.testimonial-author{align-items:center;display:flex;gap:16px}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.author-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;font-weight:600}.author-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.stats-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;padding:80px 60px;position:relative}.stats-section:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);height:500px;right:-10%;top:-50%;width:500px}.stats-section:after,.stats-section:before{border-radius:50%;content:"";position:absolute}.stats-section:after{background:radial-gradient(circle,#764ba214 0,#0000 70%);bottom:-30%;height:400px;left:-5%;width:400px}.stats-grid{grid-gap:50px;gap:50px;margin:0 auto;max-width:1200px;position:relative;z-index:1}.stat-item{background:#e8eaed;border:1px solid #d0d4d9;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:30px 20px;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-10px)}.stat-number{font-size:56px;font-weight:800;margin-bottom:12px}.stat-label{color:#4b5563;font-size:16px;letter-spacing:.5px}.cta-section{padding:80px 60px}.cta-section h2{color:#fff;font-size:40px;font-weight:700;margin-bottom:16px}.cta-section p{color:#ffffffd9;font-size:18px;margin-bottom:40px}.cta-buttons .cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-buttons .cta-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.cta-buttons .cta-button.secondary:hover{background:#667eea;color:#fff}.dark-theme .home-page{background:#0a0a0a}.dark-theme .hero-section{background:linear-gradient(135deg,#0a0f1c,#1a1f35 50%,#252a45)}.dark-theme .hero-subtitle{color:#c9d1d9}.dark-theme .features-section{background:linear-gradient(180deg,#0f0f0f,#1a1a1a)}.dark-theme .features-section:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.dark-theme .section-title{color:#f0f0f0}.dark-theme .section-title:after{background:linear-gradient(90deg,#667eea,#764ba2)}.dark-theme .feature-card{background:#1c1c1c;border-color:#2a2a2a;box-shadow:0 4px 20px #0006}.dark-theme .feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea4d}.dark-theme .feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2)}.dark-theme .feature-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b9eff,#9b7cd3);-webkit-background-clip:text;background-clip:text}.dark-theme .feature-card p{color:#b0b0b0}.dark-theme .benefits-section{background:linear-gradient(135deg,#1a1f35,#2a2f45)}.dark-theme .benefit-number{color:#8b9eff}.dark-theme .benefit-item h3{color:#f0f0f0}.dark-theme .benefit-item p{color:silver}.dark-theme .testimonials-section{background:#0f0f0f}.dark-theme .testimonial-card{background:#1c1c1c;border-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}.dark-theme .testimonial-card:hover{box-shadow:0 12px 24px #00000080}.dark-theme .testimonial-text{color:silver}.dark-theme .author-name{color:#f0f0f0}.dark-theme .author-title{color:#9ca3af}.dark-theme .stats-section{background:linear-gradient(135deg,#1a1f35,#2a3555)}.dark-theme .stats-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%)}.dark-theme .stats-section:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%)}.dark-theme .stat-item{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none}.dark-theme .stat-item:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 10px 30px #00000080}.dark-theme .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a8edea);-webkit-background-clip:text;background-clip:text}.dark-theme .stat-label{color:#ffffffe6}.dark-theme .cta-section{background:#0a0a0a}.dark-theme .cta-section h2{color:#f0f0f0}.dark-theme .cta-section p{color:#b0b0b0}@media (max-width:768px){.hero-section{flex-direction:column;padding:40px 20px;text-align:center}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column}.chart-mockup{font-size:100px;margin-top:40px}.benefits-section,.cta-section,.features-section,.testimonials-section{padding:40px 20px}.section-title{font-size:28px;margin-bottom:40px}.benefits-container,.features-grid,.testimonials-grid{grid-template-columns:1fr}.stats-section{padding:40px 20px}.stats-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:32px}.cta-section h2{font-size:26px}.cta-section p{font-size:15px}.cta-buttons{flex-direction:column}.cta-button{font-size:15px;padding:14px 30px}.hero-section{min-height:auto}.feature-card{padding:28px 20px}}.learning-hub{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;width:100%}@media (prefers-color-scheme:dark){.learning-hub{background:#121212}}body.dark-theme .learning-hub{background:#121212}.learning-hero{background:#fff;border-bottom:1px solid #e1e4e8;padding:80px 24px}@media (prefers-color-scheme:dark){.learning-hero{background:#1a1a1a;border-bottom-color:#2d2d2d}}body.dark-theme .learning-hero{background:#1a1a1a;border-bottom-color:#2d2d2d}.learning-hero-content{margin:0 auto;max-width:1200px;text-align:center}.learning-hero-title{color:#24292e;font-size:42px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0 0 16px}@media (prefers-color-scheme:dark){.learning-hero-title{color:#fff}}body.dark-theme .learning-hero-title{color:#fff}.learning-hero-subtitle{color:#586069;font-size:18px;line-height:1.6;margin:0 auto;max-width:700px}@media (prefers-color-scheme:dark){.learning-hero-subtitle{color:#8b949e}}body.dark-theme .learning-hero-subtitle{color:#8b949e}.featured-learning{margin:48px auto;max-width:1200px;padding:0 24px}.featured-badge{background:#0366d6;border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}@media (prefers-color-scheme:dark){.featured-badge{background:#0969da}}body.dark-theme .featured-badge{background:#0969da}.featured-card{background:#fff;border:1px solid #d0d7de;border-radius:12px;padding:40px;transition:box-shadow .2s ease}.featured-card:hover{box-shadow:0 8px 24px #8c959f33}@media (prefers-color-scheme:dark){.featured-card{background:#1a1a1a;border-color:#2d2d2d}.featured-card:hover{box-shadow:0 8px 24px #0006}}body.dark-theme .featured-card{background:#1a1a1a;border-color:#2d2d2d}body.dark-theme .featured-card:hover{box-shadow:0 8px 24px #0006}.featured-tag{background:#ddf4ff;border-radius:16px;color:#0969da;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:4px 12px}@media (prefers-color-scheme:dark){.featured-tag{background:#0d419d;color:#79c0ff}}body.dark-theme .featured-tag{background:#0d419d;color:#79c0ff}.featured-title{color:#24292e;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}@media (prefers-color-scheme:dark){.featured-title{color:#fff}}body.dark-theme .featured-title{color:#fff}.featured-description{color:#586069;font-size:16px;line-height:1.7;margin:0 0 24px}@media (prefers-color-scheme:dark){.featured-description{color:#8b949e}}body.dark-theme .featured-description{color:#8b949e}.featured-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.difficulty,.read-time{align-items:center;color:#586069;display:flex;font-size:14px;gap:6px}@media (prefers-color-scheme:dark){.difficulty,.read-time{color:#8b949e}}body.dark-theme .difficulty,body.dark-theme .read-time{color:#8b949e}.difficulty.essential{color:#cf222e;font-weight:600}@media (prefers-color-scheme:dark){.difficulty.essential{color:#ff7b72}}body.dark-theme .difficulty.essential{color:#ff7b72}.featured-button{background:#0969da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s ease}.featured-button:hover{background:#0860ca}.featured-content-wrapper{width:100%}.screener-tutorials{margin:64px auto;max-width:1200px;padding:0 24px}.section-title{color:#24292e;margin:0 0 32px;text-align:center}@media (prefers-color-scheme:dark){.section-title{color:#fff}}body.dark-theme .section-title{color:#fff}.tutorials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tutorial-card{background:#fff;border:1px solid #d0d7de;border-radius:12px;display:flex;flex-direction:column;padding:24px;transition:all .2s ease}.tutorial-card:hover{border-color:#0969da;box-shadow:0 8px 24px #8c959f33}@media (prefers-color-scheme:dark){.tutorial-card{background:#1a1a1a;border-color:#2d2d2d}.tutorial-card:hover{border-color:#0969da;box-shadow:0 8px 24px #0006}}body.dark-theme .tutorial-card{background:#1a1a1a;border-color:#2d2d2d}body.dark-theme .tutorial-card:hover{border-color:#0969da;box-shadow:0 8px 24px #0006}.tutorial-icon{font-size:40px;margin-bottom:16px}.tutorial-title{color:#24292e;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}@media (prefers-color-scheme:dark){.tutorial-title{color:#fff}}body.dark-theme .tutorial-title{color:#fff}.tutorial-description{color:#586069;flex-grow:1;font-size:14px;line-height:1.6;margin:0 0 16px}@media (prefers-color-scheme:dark){.tutorial-description{color:#8b949e}}body.dark-theme .tutorial-description{color:#8b949e}.tutorial-footer{align-items:center;border-top:1px solid #d0d7de;display:flex;justify-content:space-between;padding-top:16px}@media (prefers-color-scheme:dark){.tutorial-footer{border-top-color:#2d2d2d}}body.dark-theme .tutorial-footer{border-top-color:#2d2d2d}.tutorial-time{color:#586069;font-size:13px}@media (prefers-color-scheme:dark){.tutorial-time{color:#8b949e}}body.dark-theme .tutorial-time{color:#8b949e}.tutorial-button{background:#0969da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s ease}.tutorial-button:hover{background:#0860ca}.screener-tutorials{margin-bottom:80px}@media (max-width:768px){.learning-hero{padding:60px 20px}.learning-hero-title{font-size:32px}.learning-hero-subtitle{font-size:16px}.featured-learning{margin:32px auto}.featured-card{padding:28px}.featured-title{font-size:24px}.section-title{font-size:28px}.screener-tutorials{margin:48px auto 60px}.tutorials-grid{gap:20px;grid-template-columns:1fr}.tutorial-card{padding:20px}}@media (max-width:480px){.learning-hero{padding:48px 16px}.learning-hero-title{font-size:28px}.learning-hero-subtitle{font-size:15px}.featured-card{padding:24px}.featured-title{font-size:22px}.featured-button{width:100%}.section-title{font-size:24px}.screener-tutorials{margin-bottom:60px}.tutorial-footer{align-items:stretch;flex-direction:column;gap:12px}.tutorial-button{width:100%}}.article-page{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding-bottom:60px;width:100%}@media (prefers-color-scheme:dark){.article-page{background:#121212}}body.dark-theme .article-page{background:#121212}.article-nav{background:#fff;border-bottom:1px solid #e1e4e8;padding:16px 24px}@media (prefers-color-scheme:dark){.article-nav{background:#1a1a1a;border-bottom-color:#2d2d2d}}body.dark-theme .article-nav{background:#1a1a1a;border-bottom-color:#2d2d2d}.back-button{background:#0000;border:1px solid #d0d7de;border-radius:6px;color:#24292e;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#f6f8fa;border-color:#0969da;color:#0969da}@media (prefers-color-scheme:dark){.back-button{border-color:#2d2d2d;color:#fff}.back-button:hover{background:#2d2d2d;border-color:#0969da}}body.dark-theme .back-button{border-color:#2d2d2d;color:#fff}body.dark-theme .back-button:hover{background:#2d2d2d;border-color:#0969da}.article-header{margin:48px auto 40px;max-width:900px;padding:0 24px;text-align:center}.article-badge{background:#cf222e;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:20px;padding:6px 12px;text-transform:uppercase}@media (prefers-color-scheme:dark){.article-badge{background:#ff7b72;color:#121212}}body.dark-theme .article-badge{background:#ff7b72;color:#121212}.article-title{color:#24292e;font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px}@media (prefers-color-scheme:dark){.article-title{color:#fff}}body.dark-theme .article-title{color:#fff}.article-meta{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:20px}.meta-item{color:#586069;font-size:14px;font-weight:500}@media (prefers-color-scheme:dark){.meta-item{color:#8b949e}}body.dark-theme .meta-item{color:#8b949e}.article-content{margin:0 auto;max-width:900px;padding:0 24px}.content-section{margin-bottom:48px}.content-section h2{border-bottom:2px solid #e1e4e8;color:#24292e;font-size:32px;font-weight:700;line-height:1.3;margin:48px 0 24px;padding-bottom:12px}@media (prefers-color-scheme:dark){.content-section h2{border-bottom-color:#2d2d2d;color:#fff}}body.dark-theme .content-section h2{border-bottom-color:#2d2d2d;color:#fff}.content-section h3{color:#24292e;font-size:24px;font-weight:600;line-height:1.4;margin:32px 0 16px}@media (prefers-color-scheme:dark){.content-section h3{color:#fff}}body.dark-theme .content-section h3{color:#fff}.content-section h4{color:#24292e;font-size:18px;font-weight:600;margin:24px 0 12px}@media (prefers-color-scheme:dark){.content-section h4{color:#fff}}body.dark-theme .content-section h4{color:#fff}.content-section p{color:#24292e;font-size:17px;line-height:1.8;margin:16px 0}@media (prefers-color-scheme:dark){.content-section p{color:#e6edf3}}body.dark-theme .content-section p{color:#e6edf3}.lead-text{color:#24292e;font-size:20px;font-weight:500;line-height:1.7;margin:24px 0}@media (prefers-color-scheme:dark){.lead-text{color:#e6edf3}}body.dark-theme .lead-text{color:#e6edf3}.content-section ol,.content-section ul{margin:16px 0;padding-left:24px}.content-section li{color:#24292e;font-size:17px;line-height:1.8;margin:12px 0}@media (prefers-color-scheme:dark){.content-section li{color:#e6edf3}}body.dark-theme .content-section li{color:#e6edf3}.content-section li strong{color:#0969da;font-weight:600}@media (prefers-color-scheme:dark){.content-section li strong{color:#79c0ff}}body.dark-theme .content-section li strong{color:#79c0ff}.highlight-box{background:#ddf4ff;border-left:4px solid #0969da;border-radius:6px;color:#24292e;font-size:16px;line-height:1.7;margin:24px 0;padding:20px 24px}@media (prefers-color-scheme:dark){.highlight-box{background:#0d419d;border-left-color:#79c0ff;color:#fff}}body.dark-theme .highlight-box{background:#0d419d;border-left-color:#79c0ff;color:#fff}.tip-box{background:#dafbe1;border-left:4px solid #1a7f37;border-radius:6px;color:#24292e;font-size:16px;line-height:1.7;margin:24px 0;padding:20px 24px}@media (prefers-color-scheme:dark){.tip-box{background:#0d3f1f;border-left-color:#3fb950;color:#fff}}body.dark-theme .tip-box{background:#0d3f1f;border-left-color:#3fb950;color:#fff}.warning-box{background:#fff8c5;border-left:4px solid #bf8700;border-radius:6px;color:#24292e;font-size:16px;line-height:1.7;margin:24px 0;padding:20px 24px}@media (prefers-color-scheme:dark){.warning-box{background:#4d2d00;border-left-color:#d4a72c;color:#fff}}body.dark-theme .warning-box{background:#4d2d00;border-left-color:#d4a72c;color:#fff}.example-box{background:#fff;border:2px solid #0969da;border-radius:8px;margin:24px 0;padding:24px}@media (prefers-color-scheme:dark){.example-box{background:#1a1a1a;border-color:#0969da}}body.dark-theme .example-box{background:#1a1a1a;border-color:#0969da}.example-box h4{color:#0969da;margin-top:0}@media (prefers-color-scheme:dark){.example-box h4{color:#79c0ff}}body.dark-theme .example-box h4{color:#79c0ff}.example-box p{font-size:16px;margin:8px 0}.risk-calc{background:#f6f8fa;border-radius:4px;font-weight:600;margin-top:12px;padding:12px}@media (prefers-color-scheme:dark){.risk-calc{background:#2d2d2d}}body.dark-theme .risk-calc{background:#2d2d2d}.result{background:#dafbe1;border-radius:4px;color:#1a7f37;font-weight:600;margin-top:12px;padding:12px}@media (prefers-color-scheme:dark){.result{background:#0d3f1f;color:#3fb950}}body.dark-theme .result{background:#0d3f1f;color:#3fb950}.insight{color:#586069;font-style:italic;margin-top:12px}@media (prefers-color-scheme:dark){.insight{color:#8b949e}}body.dark-theme .insight{color:#8b949e}.ai-badge-container{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 24px}.ai-badge{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase}@keyframes glow{0%,to{box-shadow:0 4px 12px #667eea4d}50%{box-shadow:0 4px 20px #667eea80}}.market-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 4px 12px #f5576c4d;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase}.trailing-rules{grid-gap:24px;display:grid;gap:24px;margin:32px 0}.rule-card{background:linear-gradient(135deg,#f6f8fa,#fff);border:2px solid #0969da;border-radius:12px;padding:28px;position:relative;transition:all .3s ease}.rule-card:hover{box-shadow:0 8px 24px #0969da33;transform:translateY(-4px)}@media (prefers-color-scheme:dark){.rule-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:#0969da}.rule-card:hover{box-shadow:0 8px 24px #0969da66}}body.dark-theme .rule-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:#0969da}body.dark-theme .rule-card:hover{box-shadow:0 8px 24px #0969da66}.rule-number{background:#0969da;border-radius:20px;color:#fff;font-size:14px;font-weight:700;left:24px;letter-spacing:1px;padding:8px 20px;position:absolute;text-transform:uppercase;top:-16px}.rule-card h4{color:#0969da;font-size:20px;margin:8px 0 12px}@media (prefers-color-scheme:dark){.rule-card h4{color:#79c0ff}}body.dark-theme .rule-card h4{color:#79c0ff}.rule-card p{color:#24292e;margin:12px 0}@media (prefers-color-scheme:dark){.rule-card p{color:#e6edf3}}body.dark-theme .rule-card p{color:#e6edf3}.example-calc{background:#fff;border:1px solid #d0d7de;border-radius:8px;margin-top:16px;padding:20px}@media (prefers-color-scheme:dark){.example-calc{background:#0d1117;border-color:#30363d}}body.dark-theme .example-calc{background:#0d1117;border-color:#30363d}.example-calc p{font-size:15px;line-height:1.6;margin:8px 0}.animation-container{display:flex;justify-content:center;margin:32px 0}.video-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;max-width:600px;padding:48px 32px;text-align:center;width:100%}.placeholder-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.placeholder-text{color:#fff;font-size:20px;font-weight:600;margin:16px 0 8px}.placeholder-desc{color:#fff;font-size:14px;margin:0;opacity:.9}.method-card{background:#fff;border:1px solid #d0d7de;border-radius:8px;margin:20px 0;padding:24px}@media (prefers-color-scheme:dark){.method-card{background:#1a1a1a;border-color:#2d2d2d}}body.dark-theme .method-card{background:#1a1a1a;border-color:#2d2d2d}.method-card h4{color:#0969da;margin-top:0}@media (prefers-color-scheme:dark){.method-card h4{color:#79c0ff}}body.dark-theme .method-card h4{color:#79c0ff}.formula-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:32px 0;padding:32px}.formula-box h4{color:#fff;margin-top:0}.formula{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;font-size:18px;margin:20px 0;padding:20px;text-align:center}.mistake-card{background:#fff1f0;border-left:4px solid #cf222e;border-radius:6px;margin:20px 0;padding:20px 24px}@media (prefers-color-scheme:dark){.mistake-card{background:#4d0f0f;border-left-color:#ff7b72}}body.dark-theme .mistake-card{background:#4d0f0f;border-left-color:#ff7b72}.mistake-card h4{color:#cf222e;margin-top:0}@media (prefers-color-scheme:dark){.mistake-card h4{color:#ff7b72}}body.dark-theme .mistake-card h4{color:#ff7b72}.reference-table{margin:24px 0;overflow-x:auto}.reference-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}@media (prefers-color-scheme:dark){.reference-table table{background:#1a1a1a}}body.dark-theme .reference-table table{background:#1a1a1a}.reference-table th{background:#0969da;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.reference-table td{border-bottom:1px solid #e1e4e8;color:#24292e;font-size:15px;padding:16px}@media (prefers-color-scheme:dark){.reference-table td{border-bottom-color:#2d2d2d;color:#e6edf3}}body.dark-theme .reference-table td{border-bottom-color:#2d2d2d;color:#e6edf3}.reference-table tr:last-child td{border-bottom:none}.reference-table tr:hover{background:#f6f8fa}@media (prefers-color-scheme:dark){.reference-table tr:hover{background:#2d2d2d}}body.dark-theme .reference-table tr:hover{background:#2d2d2d}.summary-section{background:#f6f8fa;border-radius:12px;margin:48px 0;padding:32px}@media (prefers-color-scheme:dark){.summary-section{background:#1a1a1a}}body.dark-theme .summary-section{background:#1a1a1a}.takeaway-list{list-style:none;padding:0}.takeaway-list li{font-size:17px;line-height:1.6;padding:12px 0}.final-note{background:#0969da;border-radius:8px;color:#fff;font-size:17px;line-height:1.7;margin-top:24px;padding:24px}.related-articles{margin:64px auto 48px;max-width:900px;padding:0 24px}.related-articles h3{color:#24292e;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}@media (prefers-color-scheme:dark){.related-articles h3{color:#fff}}body.dark-theme .related-articles h3{color:#fff}.related-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-card{background:#fff;border:1px solid #d0d7de;border-radius:8px;cursor:pointer;padding:24px;transition:all .2s ease}.related-card:hover{border-color:#0969da;box-shadow:0 4px 12px #8c959f33;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.related-card{background:#1a1a1a;border-color:#2d2d2d}.related-card:hover{box-shadow:0 4px 12px #0006}}body.dark-theme .related-card{background:#1a1a1a;border-color:#2d2d2d}body.dark-theme .related-card:hover{box-shadow:0 4px 12px #0006}.related-icon{font-size:32px;margin-bottom:12px}.related-card h4{color:#24292e;font-size:16px;font-weight:600;margin:0 0 8px}@media (prefers-color-scheme:dark){.related-card h4{color:#fff}}body.dark-theme .related-card h4{color:#fff}.related-card p{color:#586069;font-size:14px;line-height:1.5;margin:0}@media (prefers-color-scheme:dark){.related-card p{color:#8b949e}}body.dark-theme .related-card p{color:#8b949e}.article-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin:64px auto;max-width:700px;padding:48px 24px;text-align:center}.article-cta h3{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px}.article-cta p{color:#fff;font-size:18px;margin:0 0 32px;opacity:.95}.cta-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}@media (max-width:768px){.article-title{font-size:36px}.content-section h2{font-size:28px}.content-section h3{font-size:22px}.article-meta{flex-direction:column;gap:8px}.related-grid{grid-template-columns:1fr}.reference-table{font-size:13px}.reference-table td,.reference-table th{padding:12px}}@media (max-width:480px){.article-title{font-size:28px}.content-section h2{font-size:24px}.content-section li,.content-section p{font-size:16px}.article-header{margin:32px auto 24px}.formula{font-size:16px}.article-cta h3{font-size:26px}.cta-button{width:100%}}.payment-result-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-result-card{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:3rem;text-align:center;width:100%}.payment-result-card.success{border-top:4px solid #10b981}.payment-result-card.error{border-top:4px solid #ef4444}.success-icon{background:#10b981}.error-icon,.success-icon{align-items:center;animation:scaleIn .5s ease;border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.error-icon{background:#ef4444}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.payment-result-card h2{color:#1f2937;font-size:2rem;margin-bottom:1rem}.success-message{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.subscription-details{background:#f9fafb;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem;text-align:left}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-weight:600}.detail-row .value{color:#1f2937;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s}.btn-primary:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:.5rem;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.btn-secondary:hover{background:#667eea;color:#fff}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1.5rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.payment-result-card{background:#1f2937}.payment-result-card h2{color:#f9fafb}.success-message{color:#d1d5db}.subscription-details{background:#374151}.detail-row{border-bottom-color:#4b5563}.detail-row .label{color:#9ca3af}.detail-row .value{color:#f9fafb}}.error-info{background:#fef2f2;border-left:4px solid #ef4444;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem;text-align:left}.error-info h3{color:#991b1b;font-size:1rem;margin-bottom:1rem}.error-info ul{list-style:none;margin:0;padding:0}.error-info li{color:#7f1d1d;padding:.5rem 0 .5rem 1.5rem;position:relative}.error-info li:before{color:#ef4444;content:"•";font-weight:700;left:0;position:absolute}.support-info{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.support-info p{color:#6b7280;font-size:.9rem}@media (max-width:768px){.payment-result-container{padding:1rem}.payment-result-card{padding:2rem}.payment-result-card h2{font-size:1.5rem}.error-icon,.success-icon{font-size:2rem;height:60px;width:60px}.error-info{padding:1rem}.error-info h3{font-size:.9rem}.error-info li{font-size:.85rem}}:root{--admin-bg:#fff;--admin-card-bg:#fff;--admin-table-bg:#fff;--admin-table-header-bg:#f8f9fa;--admin-row-even:#f9fafb;--admin-row-hover:#f0f4ff;--admin-border:#e5e7eb;--admin-text:#111827;--admin-text-muted:#6b7280;--admin-label:#374151;--admin-input-bg:#f9fafb;--admin-input-border:#d1d5db;--admin-input-bg-hover:#f3f4f6;--admin-select-arrow:%23374151;--admin-dialog-bg:#fff;--admin-dialog-border:#e5e7eb;--admin-delete-info-bg:#f3f4f6;--admin-pagination-bg:#f9fafb;--admin-scrollbar-track:#f1f1f1;--admin-scrollbar-thumb:#cbd5e1;--admin-title-color:#111827;--admin-cancel-color:#374151;--admin-cancel-border:#d1d5db;--admin-cancel-hover:#f3f4f6;--admin-date-scheme:light}body.dark-theme{--admin-bg:#111827;--admin-card-bg:#1e1e1e;--admin-table-bg:#1a1a1a;--admin-table-header-bg:#222;--admin-row-even:#1e1e1e;--admin-row-hover:#2a2a2a;--admin-border:#2a2a2a;--admin-text:#e0e0e0;--admin-text-muted:#888;--admin-label:#ccc;--admin-input-bg:#2a2a2a;--admin-input-border:#444;--admin-input-bg-hover:#333;--admin-select-arrow:%23888888;--admin-dialog-bg:#1a1a1a;--admin-dialog-border:#333;--admin-delete-info-bg:#2a2a2a;--admin-pagination-bg:#1e1e1e;--admin-scrollbar-track:#1a1a1a;--admin-scrollbar-thumb:#444;--admin-title-color:#fff;--admin-cancel-color:#ccc;--admin-cancel-border:#444;--admin-cancel-hover:#333;--admin-date-scheme:dark}.admin-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.admin-title{color:#111827;color:var(--admin-title-color);font-size:1.5rem;margin:0}.admin-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.screener-selector{align-items:center;display:flex;gap:12px}.screener-selector label{color:#374151;color:var(--admin-label);font-weight:500}.screener-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f9fafb;background:var(--admin-input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border:1px solid var(--admin-input-border);border-radius:6px;color:#111827;color:var(--admin-text);cursor:pointer;font-size:14px;min-width:200px;padding:8px 36px 8px 16px}.screener-selector select:hover{background-color:#f3f4f6;background-color:var(--admin-input-bg-hover);border-color:#d1d5db;border-color:var(--admin-input-border)}.screener-selector select:focus{border-color:#4caf50;outline:none}.screener-selector select option{background:#f9fafb;background:var(--admin-input-bg);color:#111827;color:var(--admin-text);padding:10px}.add-stock-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.add-stock-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.stock-count{color:#6b7280;color:var(--admin-text-muted);font-size:14px;margin-bottom:12px}.admin-table-container{background:#fff;background:var(--admin-table-bg);border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:8px;overflow-x:auto}.admin-table-container::-webkit-scrollbar{height:8px}.admin-table-container::-webkit-scrollbar-track{background:#f1f1f1;background:var(--admin-scrollbar-track)}.admin-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--admin-scrollbar-thumb);border-radius:4px}.admin-table{background:#fff;background:var(--admin-table-bg);border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border);padding:14px 16px;text-align:left}.admin-table th{background:#f8f9fa;background:var(--admin-table-header-bg);color:#6b7280;color:var(--admin-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.admin-table tbody,.admin-table tbody tr{background:#fff;background:var(--admin-table-bg)}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:nth-child(2n){background:#f9fafb;background:var(--admin-row-even)}.admin-table tbody tr:hover{background:#f0f4ff;background:var(--admin-row-hover)}.admin-table td{color:#111827;color:var(--admin-text);font-size:14px}.admin-table tr.eliminated{opacity:.6}.admin-table .positive{color:#4caf50}.admin-table .negative{color:#f44336}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.closed{background:#f4433633;color:#f44336}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading,.no-data{background:#fff;background:var(--admin-table-bg);color:#6b7280;color:var(--admin-text-muted);font-size:16px;padding:48px;text-align:center}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px}.pagination button{background:#f9fafb;background:var(--admin-pagination-bg);border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:4px;color:#111827;color:var(--admin-text);cursor:pointer;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f0f4ff;background:var(--admin-row-hover)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#6b7280;color:var(--admin-text-muted)}.dialog-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog{background:#fff;background:var(--admin-dialog-bg);border:1px solid #e5e7eb;border:1px solid var(--admin-dialog-border);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.dialog::-webkit-scrollbar{width:8px}.dialog::-webkit-scrollbar-track{background:#f1f1f1;background:var(--admin-scrollbar-track)}.dialog::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--admin-scrollbar-thumb);border-radius:4px}.dialog-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-dialog-border);display:flex;justify-content:space-between;padding:20px 24px}.dialog-header h3{color:#111827;color:var(--admin-title-color);font-size:1.25rem;margin:0}.close-btn{background:none;border:none;color:#6b7280;color:var(--admin-text-muted);cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.close-btn:hover{color:#111827;color:var(--admin-text)}.dialog form{padding:24px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.form-group.full-width{flex-basis:100%}.form-group label{color:#374151;color:var(--admin-label);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#f9fafb;background:var(--admin-input-bg);border:1px solid #d1d5db;border:1px solid var(--admin-input-border);border-radius:6px;color:#111827;color:var(--admin-text);font-size:14px;padding:10px 12px;transition:border-color .2s,background-color .2s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#f3f4f6;background:var(--admin-input-bg-hover);border-color:#d1d5db;border-color:var(--admin-input-border)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#f9fafb;background:var(--admin-input-bg);border-color:#4caf50;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280;color:var(--admin-text-muted)}.form-group textarea{min-height:80px;resize:vertical}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9fafb;background-color:var(--admin-input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group select option{background:#f9fafb;background:var(--admin-input-bg);color:#111827;color:var(--admin-text);padding:10px}.form-group input[type=date]{color-scheme:light;color-scheme:var(--admin-date-scheme)}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}body.dark-theme .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{opacity:.5}.dialog-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-dialog-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cancel-btn{background:#0000;border:1px solid #d1d5db;border:1px solid var(--admin-cancel-border);border-radius:6px;color:#374151;color:var(--admin-cancel-color);cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.cancel-btn:hover{background:#f3f4f6;background:var(--admin-cancel-hover);color:#111827;color:var(--admin-text)}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.actions-cell{gap:8px}.action-btn,.actions-cell{align-items:center;display:flex}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.edit-btn{background:#2196f333;border:1px solid #2196f34d;color:#2196f3}.edit-btn:hover{background:#2196f34d;border-color:#2196f3}.delete-btn{background:#f4433633;border:1px solid #f443364d;color:#f44336}.delete-btn:hover{background:#f443364d;border-color:#f44336}.clone-btn{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.clone-btn:hover{background:#4caf504d;border-color:#4caf50}.delete-dialog{max-width:450px}.delete-content{padding:24px;text-align:center}.delete-content p{color:#374151;color:var(--admin-label);font-size:15px;margin-bottom:20px}.delete-stock-info{background:#f3f4f6;background:var(--admin-delete-info-bg);border-radius:8px;color:#111827;color:var(--admin-text);font-weight:600;margin-bottom:20px;padding:16px}.delete-warning{align-items:center;color:#ff9800;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:24px}.delete-confirm-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.delete-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#c62828)}.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-controls,.screener-selector{align-items:stretch;flex-direction:column}.form-row{flex-direction:column}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px}}.not-found-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.not-found-content{max-width:500px;text-align:center}.not-found-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:120px;font-weight:700;line-height:1;margin:0}.not-found-title{color:#1a1a2e;font-size:28px;font-weight:600;margin:16px 0}.not-found-message{color:#666;font-size:16px;line-height:1.6;margin-bottom:32px}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.not-found-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.not-found-actions .btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.not-found-actions .btn-secondary{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.not-found-actions .btn-secondary:hover{background:#667eea;color:#fff}@media (max-width:480px){.not-found-code{font-size:80px}.not-found-title{font-size:22px}.not-found-actions{flex-direction:column}.not-found-actions button{width:100%}}.about-container{margin:0 auto;max-width:1200px;padding:0 20px}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:40px;padding:60px 20px;text-align:center}.about-title{font-size:48px;font-weight:700;margin:0 0 16px}.about-subtitle{font-size:20px;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.about-section{border-bottom:1px solid #eee;padding:40px 0}.about-section:last-child{border-bottom:none}.section-content{margin:0 auto;max-width:800px}.section-title{color:#1a1a2e;font-size:32px;font-weight:700;margin:0 0 24px}.section-title.center{text-align:center}.section-text{color:#555;font-size:16px;line-height:1.8;margin-bottom:16px}.section-text.center{text-align:center}.features-section{background:#f8f9fa;border-radius:16px;margin:40px 0;padding:60px 20px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:32px 24px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0 0 12px}.feature-card p{color:#666;font-size:14px;line-height:1.6;margin:0}.why-us-list{display:flex;flex-direction:column;gap:24px;margin-top:32px}.why-us-item{align-items:flex-start;display:flex;gap:16px}.check-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.why-us-item h4{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 4px}.why-us-item p{color:#666;font-size:14px;line-height:1.5;margin:0}.story-section{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);border-radius:16px;margin:40px 0;padding:60px 40px}.stats-section{padding:60px 20px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:32px 20px;text-align:center;transition:border-color .3s ease}.stat-card:hover{border-color:#667eea}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:48px;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:14px;font-weight:500}.cta-section{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:16px;margin:40px 0;padding:60px 40px;text-align:center}.cta-title{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px}.cta-text{color:#fffc;font-size:16px;margin:0 0 32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-buttons .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta-buttons .btn-primary:hover{box-shadow:0 4px 20px #667eea80;transform:translateY(-2px)}.cta-buttons .btn-secondary{background:#0000;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .2s ease}.cta-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#fff}.contact-section{padding:60px 20px;text-align:center}.contact-info{margin-top:24px}.contact-link{align-items:center;background:#f8f9fa;border-radius:8px;color:#1a1a2e;display:inline-flex;font-size:16px;font-weight:500;gap:12px;padding:16px 32px;text-decoration:none;transition:background .2s ease}.contact-link:hover{background:#e9ecef}.contact-icon{font-size:24px}@media (max-width:768px){.about-hero{padding:40px 20px}.about-title{font-size:32px}.about-subtitle{font-size:16px}.section-title{font-size:24px}.features-section{padding:40px 16px}.stat-number{font-size:36px}.cta-section{padding:40px 20px}.cta-title{font-size:24px}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons a{max-width:280px;text-align:center;width:100%}}.contact-page{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);margin-top:60px;min-height:calc(100vh - 80px);padding:100px 20px 60px}.contact-container{margin:0 auto;max-width:600px}.contact-header{margin-bottom:40px;text-align:center}.contact-header h1{color:#1a1a2e;font-size:42px;font-weight:700;margin:0 0 12px}.contact-header p{color:#5a5a6e;font-size:18px;margin:0}.contact-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:50px 40px;text-align:center}.contact-icon-wrapper{margin-bottom:24px}.contact-main-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:64px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-card h2{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 20px}.contact-description{color:#5a5a6e;font-size:16px;line-height:1.7;margin:0 0 32px}.contact-email-box{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;display:inline-flex;gap:12px;margin-bottom:32px;padding:16px 32px;transition:transform .3s ease,box-shadow .3s ease}.contact-email-box:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.email-icon{font-size:20px}.email-link{color:#fff;font-size:16px;font-weight:600;text-decoration:none}.contact-info-list{display:flex;flex-direction:column;gap:16px}.info-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px;justify-content:center}.info-icon{font-size:18px}.quick-help-section{background:#e8eaed;border-radius:16px;margin-top:40px;padding:30px;text-align:center}.quick-help-section h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0 0 8px}.quick-help-section p{color:#5a5a6e;font-size:14px;margin:0 0 16px}.faq-link{background:#1a1a2e;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:background .3s ease,transform .2s ease}.faq-link:hover{background:#2d2d44;transform:translateY(-2px)}.dark-theme .contact-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.dark-theme .contact-header h1{color:#f0f0f0}.dark-theme .contact-header p{color:#a0a0a0}.dark-theme .contact-card{background:#1c1c1c;box-shadow:0 10px 40px #0006}.dark-theme .contact-card h2{color:#f0f0f0}.dark-theme .contact-description{color:#b0b0b0}.dark-theme .info-item{color:#9ca3af}.dark-theme .quick-help-section{background:#252525}.dark-theme .quick-help-section h3{color:#f0f0f0}.dark-theme .quick-help-section p{color:#a0a0a0}.dark-theme .faq-link{background:#667eea}.dark-theme .faq-link:hover{background:#764ba2}@media (max-width:768px){.contact-page{margin-top:100px;padding:40px 16px}.contact-header h1{font-size:32px}.contact-header p{font-size:16px}.contact-card{padding:40px 24px}.contact-main-icon{font-size:48px}.contact-card h2{font-size:24px}.contact-email-box{padding:14px 24px}.email-link{font-size:14px}.info-item{flex-direction:column;gap:6px;text-align:center}}.faq-page{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);margin-top:60px;min-height:calc(100vh - 80px);padding:100px 20px 60px}.faq-container{margin:0 auto;max-width:800px}.faq-header{margin-bottom:40px;text-align:center}.faq-header h1{color:#1a1a2e;font-size:42px;font-weight:700;margin:0 0 12px}.faq-header p{color:#5a5a6e;font-size:18px;margin:0}.faq-categories{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.category-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#5a5a6e;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.category-btn:hover{border-color:#667eea;color:#667eea}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;overflow:hidden;transition:box-shadow .3s ease}.faq-item:hover{box-shadow:0 4px 20px #0000001a}.faq-item.active{box-shadow:0 4px 20px #667eea26}.faq-question{align-items:center;background:none;border:none;color:#1a1a2e;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:left;transition:color .3s ease;width:100%}.faq-icon,.faq-item.active .faq-question{color:#667eea}.faq-icon{flex-shrink:0;font-size:24px;font-weight:300;margin-left:16px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.show{max-height:500px;padding:0 24px 20px}.faq-answer p{border-top:1px solid #f0f0f0;color:#5a5a6e;font-size:15px;line-height:1.7;margin:0;padding-top:8px}.faq-contact{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:16px;margin-top:60px;padding:40px;text-align:center}.faq-contact h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.faq-contact p{color:#fffc;font-size:16px;margin:0 0 24px}.contact-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.contact-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.dark-theme .faq-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.dark-theme .faq-header h1{color:#f0f0f0}.dark-theme .faq-header p{color:#a0a0a0}.dark-theme .category-btn{background:#1c1c1c;border-color:#333;color:#a0a0a0}.dark-theme .category-btn:hover{border-color:#667eea;color:#667eea}.dark-theme .category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.dark-theme .faq-item{background:#1c1c1c;box-shadow:0 2px 10px #0000004d}.dark-theme .faq-item:hover{box-shadow:0 4px 20px #0006}.dark-theme .faq-item.active{box-shadow:0 4px 20px #667eea33}.dark-theme .faq-question{color:#f0f0f0}.dark-theme .faq-icon,.dark-theme .faq-item.active .faq-question{color:#8b9eff}.dark-theme .faq-answer p{border-top-color:#333;color:#b0b0b0}.dark-theme .faq-contact{background:linear-gradient(135deg,#1a1f35,#2a3555)}@media (max-width:768px){.faq-page{margin-top:100px;padding:40px 16px}.faq-header h1{font-size:28px}.faq-header p{font-size:16px}.faq-categories{gap:8px}.category-btn{font-size:13px;padding:8px 16px}.faq-question{font-size:15px;padding:16px 20px}.faq-answer.show{padding:0 20px 16px}.faq-answer p{font-size:14px}.faq-contact{padding:30px 20px}.faq-contact h3{font-size:20px}.faq-contact p{font-size:14px}}:root{--bg-color:#fff;--text-color:#333;--navbar-bg:#fff;--navbar-text:#333;--border-color:#ddd;--link-hover:#007bff;--dropdown-bg:#fff;--dropdown-hover-bg:#f0f0f0;--shadow-color:#0000001a}body.dark-theme{--bg-color:#121212;--text-color:#f5f5f5;--navbar-bg:#1f1f1f;--navbar-text:#f5f5f5;--border-color:#333;--dropdown-bg:#2c2c2c;--dropdown-hover-bg:#3a3a3a}
/*# sourceMappingURL=main.84220f0b.css.map*/