:root{--font-title: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--transition-fast: .16s cubic-bezier(.16, 1, .3, 1);--transition-normal: .24s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}body.dark-mode{--bg-app: #0B0F19;--bg-header: rgba(11, 15, 25, .84);--bg-card: rgba(17, 24, 39, .78);--bg-card-solid: #111827;--bg-input: #161F33;--bg-badge: #1E293B;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: rgba(255, 255, 255, .09);--border-input: rgba(255, 255, 255, .16);--border-focus: rgba(62, 99, 221, .65);--primary-color: #3E63DD;--primary-hover: #4F73EA;--accent-color: #60A5FA;--accent-hover: #3B82F6;--btn-primary-text: #FFFFFF;--success: #10B981;--success-bg: rgba(16, 185, 129, .12);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .12);--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .14);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .22);--shadow-md: 0 8px 28px -4px rgba(0, 0, 0, .36);--shadow-lg: 0 20px 44px -8px rgba(0, 0, 0, .5);--shadow-glow: 0 8px 24px rgba(62, 99, 221, .35);--glass-blur: blur(20px);--glass-border: rgba(255, 255, 255, .08)}body.light-mode{--bg-app: #F8FAFC;--bg-header: rgba(255, 255, 255, .88);--bg-card: #FFFFFF;--bg-card-solid: #FFFFFF;--bg-input: #F1F5F9;--bg-badge: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--border-color: rgba(15, 23, 42, .09);--border-input: #CBD5E1;--border-focus: rgba(62, 99, 221, .55);--primary-color: #3E63DD;--primary-hover: #3252C2;--accent-color: #2563EB;--accent-hover: #1D4ED8;--btn-primary-text: #FFFFFF;--success: #059669;--success-bg: rgba(5, 150, 105, .1);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .1);--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .1);--shadow-sm: 0 1px 4px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .03);--shadow-md: 0 8px 24px -4px rgba(15, 23, 42, .07), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 36px -6px rgba(15, 23, 42, .1), 0 4px 12px rgba(15, 23, 42, .05);--shadow-glow: 0 8px 24px rgba(62, 99, 221, .25);--glass-blur: blur(16px);--glass-border: rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;min-height:100vh;font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden;overflow-x:clip;position:relative}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em;line-height:1.25}.bg-glow{position:fixed;width:600px;height:600px;max-width:100vw;border-radius:50%;filter:blur(150px);opacity:.12;pointer-events:none;z-index:-1;transition:opacity var(--transition-slow)}.dark-mode .bg-glow-1{background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);top:-100px;right:-100px}.dark-mode .bg-glow-2{background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);bottom:10%;left:-200px}.light-mode .bg-glow{opacity:0}.text-gradient{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hidden{display:none!important}.badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background-color:var(--bg-badge);color:var(--text-secondary)}.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-success{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:.875rem;line-height:1.5}.alert-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-title);font-size:.875rem;font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--primary-color);color:var(--btn-primary-text, #FFFFFF);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-gradient{background:linear-gradient(135deg,var(--primary-color) 0%,#2563EB 100%);color:#fff;box-shadow:var(--shadow-glow)}.btn-gradient:hover{filter:brightness(1.08);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-outline{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-badge);border-color:var(--primary-color);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-full)}.btn-xs{padding:4px 12px;font-size:.75rem;border-radius:var(--radius-full)}.btn-full{width:100%}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;overflow-x:clip}.main-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:background-color var(--transition-normal),border-bottom var(--transition-normal)}@supports not (backdrop-filter: blur(1px)){.main-header{background-color:var(--bg-card-solid)}}.logo-link{display:flex;align-items:center;gap:10px;font-family:var(--font-title);font-size:1.4rem;font-weight:800;color:var(--text-primary)}.logo-icon{font-size:1.6rem}.header-center{flex:1;max-width:520px;margin:0 24px}.search-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.15rem;pointer-events:none}#search-input{width:100%;padding:12px 38px 12px 46px;font-family:var(--font-body);font-size:.92rem;font-weight:500;background-color:var(--bg-input);color:var(--text-primary);border:1.5px solid var(--border-input, var(--border-color));border-radius:var(--radius-md);outline:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}#search-input::placeholder{color:var(--text-secondary);opacity:.85}#search-input:hover{border-color:#3e63dd73}#search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3e63dd40;background-color:var(--bg-card-solid)}.search-clear-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0}.search-clear-btn:hover{color:var(--text-primary)}.search-suggestions-dropdown{top:calc(100% + 8px);border-radius:var(--radius-lg);max-height:280px;z-index:500}.search-suggestion-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.search-suggestion-left{display:flex;align-items:center;gap:10px;min-width:0}.search-suggestion-meta{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.code-card.search-prioritized-card{outline:2px solid var(--primary-color);box-shadow:0 10px 32px #6366f140}.header-right{display:flex;align-items:center;gap:16px}.profile-menu{position:relative}.profile-trigger-btn{display:flex;align-items:center;gap:8px;background:var(--bg-badge);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;color:var(--text-primary);font-family:var(--font-title);font-weight:500;transition:all var(--transition-fast)}.profile-trigger-btn:hover{border-color:var(--primary-color);background-color:var(--bg-input)}.avatar-placeholder{font-size:1.1rem}.chevron{font-size:.6rem;color:var(--text-muted)}.dropdown-content{position:absolute;right:0;top:calc(100% + 8px);width:220px;background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px 0;z-index:50;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}.dropdown-header{padding:10px 16px;display:flex;flex-direction:column;gap:4px}.dropdown-header p{font-size:.75rem;color:var(--text-secondary);word-break:break-all}.dropdown-content hr{border:0;border-top:1px solid var(--border-color);margin:6px 0}.dropdown-item{width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-family:var(--font-body);font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-input)}.text-danger{color:var(--danger)!important}.layout-body{display:block;flex:1;padding:0 4.5%;max-width:1440px;margin:0 auto;width:100%;min-width:0}.main-content{width:100%;min-width:0;max-width:100%;padding:36px 0 80px;overflow:hidden}.directory-workspace{display:flex;align-items:flex-start;gap:32px;width:100%;min-width:0}.sidebar{width:230px;flex-shrink:0;padding:20px 14px;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 108px);overflow-y:auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.sidebar-section h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;padding-left:12px}.nav-categories{display:flex;flex-direction:column;gap:4px}.category-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);font-family:var(--font-body);font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{background-color:var(--bg-input);color:var(--text-primary)}.category-btn.active{background-color:#3e63dd24;color:var(--text-primary);border-color:#3e63dd59;font-weight:600;box-shadow:inset 3px 0 0 var(--primary-color)}body.light-mode .category-btn.active{background-color:#3e63dd1a;color:var(--primary-color)}.category-emoji{font-size:1.1rem;line-height:1;flex-shrink:0}.hero-banner{position:relative;display:grid;grid-template-columns:1.25fr .95fr;align-items:center;gap:48px;padding:56px 52px;background:radial-gradient(120% 120% at 0% 0%,rgba(62,99,221,.14) 0%,transparent 55%),var(--bg-card);border:1px solid var(--border-color);border-radius:20px;margin-bottom:48px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md),inset 0 1px #ffffff14;overflow:hidden}body.light-mode .hero-banner{background:radial-gradient(120% 120% at 0% 0%,rgba(62,99,221,.07) 0%,transparent 55%),#fff;box-shadow:var(--shadow-md)}.hero-grid-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.07) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse 80% 75% at 75% 25%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 75% at 75% 25%,#000 20%,transparent 80%);pointer-events:none;z-index:0}.hero-content,.hero-showcase{position:relative;z-index:1}.hero-content h1{font-size:clamp(2.1rem,3.6vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:18px}.hero-subtitle{font-size:1.06rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px;max-width:600px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.hero-trust-strip{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid var(--border-color)}.trust-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.trust-pill-icon{font-size:1.05rem!important;color:var(--primary-color)}.hero-showcase{display:flex;flex-direction:column;gap:16px}.hero-preview-card{background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0f}.preview-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.preview-brand-group{display:flex;align-items:center;gap:12px}.preview-brand-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3e63dd4d}.preview-brand-title{display:block;font-family:var(--font-title);font-size:.92rem;font-weight:700;color:var(--text-primary)}.preview-brand-sub{display:block;font-size:.75rem;color:var(--text-secondary)}.preview-status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:var(--success-bg);color:var(--success);font-size:.72rem;font-weight:700}.preview-status-pill .material-symbols-outlined{font-size:.95rem}.preview-split-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.preview-flow-node{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.preview-node-role{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color)}.preview-node-benefit{font-family:var(--font-title);font-size:.85rem;color:var(--text-primary)}.preview-node-meta{font-size:.72rem;color:var(--text-secondary)}.preview-flow-connector{width:30px;height:30px;border-radius:50%;background:#3e63dd24;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background-color:var(--bg-card-solid);border:1px solid var(--border-color);padding:16px 14px;border-radius:14px;text-align:left;transition:border-color var(--transition-fast),transform var(--transition-fast)}.stat-card:hover{border-color:#3e63dd73;transform:translateY(-2px)}.stat-number{display:block;font-family:var(--font-title);font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2px}.stat-label{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.view-section{display:none;flex:1;min-width:0;width:100%}.view-section.active{display:block;animation:fadeIn .35s cubic-bezier(.16,1,.3,1)}.mobile-categories-wrapper{display:none}.directory-toolbar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.directory-toolbar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.feed-heading-group h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:4px}.feed-subtitle{font-size:.85rem;color:var(--text-secondary)}.feed-filters-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-secondary);font-weight:600}.filter-label-icon{font-size:1rem!important;color:var(--text-muted)}.form-select{padding:8px 14px;border-radius:10px;background-color:var(--bg-input);border:1px solid var(--border-input, var(--border-color));color:var(--text-primary);outline:none;font-family:var(--font-body);font-size:.84rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.form-select:hover{border-color:#3e63dd73}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3e63dd33}.active-filters-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background-color:#3e63dd1f;border:1px solid rgba(62,99,221,.3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-primary)}.filter-tag-close{cursor:pointer;font-weight:700;color:var(--text-muted)}.filter-tag-close:hover{color:var(--text-primary)}.codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}.code-card{position:relative;display:flex;flex-direction:column;background:radial-gradient(220px circle at 28px 24px,color-mix(in srgb,var(--company-color, #3E63DD) 14%,transparent),transparent 75%),var(--bg-card-solid);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0d;overflow:hidden}body.light-mode .code-card{background:radial-gradient(220px circle at 28px 24px,color-mix(in srgb,var(--company-color, #3E63DD) 8%,transparent),transparent 75%),#fff;box-shadow:var(--shadow-sm)}.code-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#3e63dd66}.code-card-accent{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--company-color, var(--primary-color)) 0%,transparent 90%);opacity:.9}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.company-badge-wrapper{display:flex;align-items:center;gap:12px;min-width:0}.company-avatar{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:800;font-size:.95rem;color:#fff;flex-shrink:0;letter-spacing:-.02em}.company-title-stack{min-width:0}.company-name{font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.verified-company-icon{font-size:1rem!important;color:var(--primary-color)}.card-category-name{font-size:.76rem;color:var(--text-secondary);margin-top:2px}.badge-reliability{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;flex-shrink:0}.reliability-icon{font-size:.92rem!important}.card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:14px;margin-bottom:18px}.card-description{font-size:.88rem;color:var(--text-secondary);line-height:1.58;white-space:pre-line;word-break:break-word}.promo-code-container{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;max-width:100%;background-color:var(--bg-input);border:1px solid var(--border-input, var(--border-color));padding:10px 12px;border-radius:12px;margin-top:auto;transition:all var(--transition-fast)}.promo-code-container.revealed{border-color:#3e63dd59;background-color:#3e63dd0f}.promo-code-value-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.promo-type-icon{font-size:1.1rem!important;color:var(--primary-color);flex-shrink:0}.promo-code-text{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em;word-break:break-all;overflow-wrap:anywhere}.promo-code-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-open-link,.btn-copy{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-title);font-size:.78rem;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);min-height:36px;white-space:nowrap}.btn-open-link{background-color:var(--bg-card-solid);border:1px solid var(--border-color);color:var(--text-primary)}.btn-open-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-copy{background-color:var(--primary-color);border:1px solid transparent;color:#fff}.btn-copy:hover{background-color:var(--primary-hover);color:#fff}.btn-open-link .material-symbols-outlined,.btn-copy .material-symbols-outlined,.btn-reveal-code .material-symbols-outlined{font-size:1rem}.card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:.74rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:12px}.author-info{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-weight:500}.meta-icon{font-size:.95rem!important;color:var(--success)}.card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px}.rating-group,.secondary-actions-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.btn-vote{display:inline-flex;align-items:center;gap:5px;background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:6px 12px;min-height:36px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-vote-up:hover{background-color:var(--success-bg);color:var(--success);border-color:var(--success)}.btn-vote-up.active{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-vote-down:hover{background-color:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn-vote-down.active{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-qr-trigger{min-height:36px;padding:6px 10px;font-size:.76rem}.btn-report{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;padding:6px 8px;min-height:36px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-report:hover{color:var(--danger);background-color:var(--danger-bg)}.btn-report.active{color:var(--danger);font-weight:700}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-size:1.2rem;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-grid{display:grid;grid-template-columns:260px 1fr;gap:28px}.admin-nav-card{background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;height:fit-content}.admin-tabs{list-style:none}.admin-tab{padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.admin-tab:hover{background-color:var(--bg-input);color:var(--text-primary)}.admin-tab.active{background-color:var(--primary-color);color:#fff}.admin-content-card{background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px}.admin-tab-panel{display:none}.admin-tab-panel.active{display:block;animation:fadeIn .25s ease}.admin-tab-panel h3{margin-bottom:20px;font-size:1.2rem}.admin-table-actions{display:flex;gap:16px;margin-bottom:16px}.form-input-inline,.form-select-inline{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);outline:none;font-family:var(--font-body);font-size:.85rem}.form-input-inline{flex:1}.table-responsive{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.admin-table th,.admin-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.admin-table th{font-family:var(--font-title);color:var(--text-secondary);font-weight:600;background-color:#ffffff05}.admin-table tr:hover td{background-color:#ffffff03}.taxonomy-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.taxonomy-card{background-color:#ffffff03;border:1px solid var(--border-color);padding:20px;border-radius:var(--radius-md)}.admin-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);outline:none;font-family:var(--font-body);font-size:.9rem;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f126}.code-input{font-family:monospace;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.form-textarea{resize:vertical}.textarea-counter{align-self:flex-end;font-size:.75rem;color:var(--text-muted)}.color-picker-wrapper{display:flex;gap:8px}.form-color{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:none;cursor:pointer;padding:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity var(--transition-normal)}.modal-overlay.hidden{opacity:0;pointer-events:none;display:none!important}.modal-card{position:relative;background-color:var(--bg-card-solid);border:1px solid var(--border-color);width:90%;max-width:480px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{font-size:2.5rem;display:block;margin-bottom:12px}.modal-header h2{font-size:1.5rem;margin-bottom:8px}.modal-header p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.auth-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-auth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-title);font-size:.95rem;border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.btn-google{background-color:#fff;color:#1f2937}.btn-google:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn-apple{background-color:#000;color:#fff}.btn-apple:hover{background-color:#1f2937}.light-mode .btn-apple{background-color:#0f172a}.light-mode .btn-apple:hover{background-color:#1e293b}.demo-login-box{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;margin-top:16px}.demo-login-box p{font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.demo-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.75rem}.text-center{text-align:center}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:16px 20px;background-color:var(--bg-card-solid);color:var(--text-primary);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastSlideIn .3s cubic-bezier(.175,.885,.32,1.275);font-size:.85rem;font-weight:500}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-icon{font-size:1.1rem}.toast-message{flex:1}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:2px}.toast-close:hover{color:var(--text-primary)}.app-footer{background-color:var(--bg-header);border-top:1px solid var(--border-color);padding:32px 5%;text-align:center;margin-top:auto;font-size:.8rem;color:var(--text-muted)}.footer-content{display:flex;flex-direction:column;gap:8px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-suggestions{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:250;animation:slideDown .15s cubic-bezier(.4,0,.2,1)}.autocomplete-suggestion-item{padding:10px 16px;cursor:pointer;font-size:.85rem;color:var(--text-primary);transition:background-color var(--transition-fast);display:flex;align-items:center;gap:8px}.autocomplete-suggestion-item:hover{background-color:var(--bg-input)}.autocomplete-suggestion-item.item-create-new{color:var(--primary-color);font-weight:600;border-top:1px solid var(--border-color)}.promo-code-text.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.6}.btn-reveal-code{font-family:var(--font-title);font-size:.8rem;font-weight:700;padding:6px 12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-reveal-code:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-reveal-code:active{transform:translateY(1px)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;vertical-align:middle;display:inline-block;width:1em;height:1em;font-size:1.25rem;line-height:1}.btn-icon{margin-right:6px;font-size:1.2rem}.btn-icon-small{margin-right:4px;font-size:1rem}.dropdown-icon{margin-right:8px;font-size:1.15rem}.chevron-icon{font-size:.95rem;color:var(--text-muted)}.stat-icon{font-size:2.2rem;color:var(--primary-color);margin-bottom:8px;display:inline-block}.profile-badges-row{display:flex;gap:4px;align-items:center;margin-top:4px}.badge-premium{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 8px;font-weight:700;border-radius:var(--radius-full)}.badge-icon-gold{color:#fff;font-size:.9rem}.font-bold{font-weight:700!important}.premium-accent{background:linear-gradient(90deg,var(--primary-color),var(--accent-color))!important}.company-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge-unverified-company{font-size:.65rem!important;padding:2px 6px!important;font-weight:700;display:inline-flex;align-items:center;gap:2px}.badge-icon-danger{font-size:.85rem!important;color:inherit}.badge-premium-card{font-size:.65rem!important;padding:2px 6px!important;border:none!important}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:#3e63dd1f;border:1px solid rgba(62,99,221,.28);color:var(--accent-color);font-size:.78rem;font-weight:600;letter-spacing:.01em;margin-bottom:18px}body.light-mode .hero-eyebrow{color:var(--primary-color);background:#3e63dd14}.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background-color:var(--success);box-shadow:0 0 10px var(--success);flex-shrink:0}.stat-card-highlight{background:linear-gradient(135deg,#3e63dd24,#60a5fa0d);border-color:#3e63dd52}.btn-theme-toggle{padding:8px 14px;border-radius:var(--radius-md);font-weight:600}.how-it-works-section,.social-proof-section{padding:64px 52px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;margin-top:56px;margin-bottom:48px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0f}.section-intro{text-align:center;max-width:680px;margin:0 auto 44px}.section-intro-with-action{max-width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;text-align:left;flex-wrap:wrap}.section-intro-with-action>div{max-width:640px}.section-badge{display:inline-block;padding:6px 14px;background-color:#3e63dd1f;border:1px solid rgba(62,99,221,.24);color:var(--accent-color);font-family:var(--font-title);font-size:.72rem;font-weight:700;border-radius:var(--radius-full);margin-bottom:14px;text-transform:uppercase;letter-spacing:.07em}body.light-mode .section-badge{color:var(--primary-color)}.section-intro h2{font-size:clamp(1.55rem,2.6vw,2.15rem);margin-bottom:14px;font-family:var(--font-title);letter-spacing:-.03em}.section-intro p{font-size:1rem;color:var(--text-secondary);line-height:1.65}.how-it-works-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.workflow-step,.testimonial-card{background-color:var(--bg-card-solid);border:1px solid var(--border-color);padding:32px 28px;border-radius:16px;text-align:left;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.workflow-step:hover,.testimonial-card:hover{transform:translateY(-3px);border-color:#3e63dd73;box-shadow:var(--shadow-md)}.step-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.step-icon-box{width:46px;height:46px;border-radius:12px;background:#3e63dd1f;border:1px solid rgba(62,99,221,.25);display:flex;align-items:center;justify-content:center}.step-index{font-family:var(--font-title);font-size:1.35rem;font-weight:800;color:var(--text-muted);opacity:.35;letter-spacing:-.03em}.step-icon{font-size:1.5rem;color:var(--primary-color);margin-bottom:0;display:inline-block}.workflow-step h3{font-size:1.12rem;margin-bottom:10px;font-family:var(--font-title)}.workflow-step p{font-size:.9rem;color:var(--text-secondary);line-height:1.62}.testimonial-saving-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:var(--success-bg);color:var(--success);font-size:.76rem;font-weight:700;margin-bottom:16px}.pill-icon{font-size:.95rem!important}.testimonial-quote{font-size:.92rem;color:var(--text-primary);line-height:1.65;margin-bottom:22px}.testimonial-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border-color);padding-top:16px}.testimonial-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.testimonial-author strong{display:block;font-size:.9rem;color:var(--text-primary)}.testimonial-author span{font-size:.78rem;color:var(--text-secondary)}.partner-referral-section{margin-top:48px;margin-bottom:48px}.partner-referral-card{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;padding:48px 52px;border-radius:20px;background:radial-gradient(80% 120% at 0% 0%,rgba(245,158,11,.16) 0%,transparent 55%),radial-gradient(80% 120% at 100% 100%,rgba(62,99,221,.2) 0%,transparent 60%),var(--bg-card-solid);border:1px solid rgba(245,158,11,.35);box-shadow:var(--shadow-md),inset 0 1px #ffffff14}body.light-mode .partner-referral-card{background:radial-gradient(80% 120% at 0% 0%,rgba(245,158,11,.1) 0%,transparent 55%),radial-gradient(80% 120% at 100% 100%,rgba(62,99,221,.08) 0%,transparent 60%),#fff;border:1px solid rgba(245,158,11,.35)}.partner-referral-badge{display:inline-flex;align-items:center;gap:6px;background:#f59e0b26;border-color:#f59e0b59;color:var(--warning)}body.light-mode .partner-referral-badge{color:#d97706}.partner-referral-copy h2{font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:-.025em;margin-bottom:12px}.partner-referral-copy p{font-size:.98rem;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.partner-referral-perks{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}.partner-referral-perks li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-primary)}.partner-referral-perks .material-symbols-outlined{color:var(--success);font-size:1.15rem;flex-shrink:0}.partner-referral-widget{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.partner-code-box{background-color:var(--bg-card-solid);border:1px dashed rgba(245,158,11,.45);border-radius:12px;padding:14px 16px}.partner-code-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px}.partner-code-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.partner-code-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:.04em}.partner-free-months-pill{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);background:var(--success-bg);color:var(--success)}.partner-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.partner-share-actions .btn{flex:1}.partner-referral-hint{font-size:.78rem;color:var(--text-muted);line-height:1.45;margin:0}.premium-referral-input-box{background-color:var(--bg-input);border:1px dashed rgba(245,158,11,.4);border-radius:12px;padding:12px 14px;text-align:left}.premium-referral-input-box label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.premium-ref-hint{font-size:.75rem;color:var(--text-secondary);margin-top:8px;line-height:1.45}.premium-plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.premium-plan-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px 14px;border-radius:14px;background-color:var(--bg-input);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.premium-plan-option:hover{border-color:#3e63dd73;transform:translateY(-1px)}.premium-plan-option.active{border-color:var(--primary-color);background:#3e63dd14;box-shadow:0 4px 16px #3e63dd2e}.plan-option-badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:var(--radius-full);background:#94a3b829;color:var(--text-secondary);margin-bottom:8px}.plan-option-badge.badge-recommended{background:#10b98129;color:var(--success)}.plan-option-title{font-family:var(--font-title);font-size:.95rem;font-weight:700;color:var(--text-primary)}.plan-option-price{margin:4px 0 6px;display:flex;align-items:baseline;gap:2px}.plan-option-price strong{font-family:var(--font-title);font-size:1.5rem;font-weight:800;color:var(--text-primary)}.plan-option-price span{font-size:.82rem;color:var(--text-secondary)}.plan-option-meta{font-size:.72rem;color:var(--text-secondary);line-height:1.35;margin:0}.final-cta-section{margin-top:48px;margin-bottom:32px}.final-cta-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:52px 56px;border-radius:20px;background:radial-gradient(90% 120% at 100% 0%,rgba(62,99,221,.24) 0%,transparent 60%),var(--bg-card-solid);border:1px solid rgba(62,99,221,.35);box-shadow:var(--shadow-md),inset 0 1px #ffffff14}body.light-mode .final-cta-card{background:radial-gradient(90% 120% at 100% 0%,rgba(62,99,221,.1) 0%,transparent 60%),#fff;border:1px solid rgba(62,99,221,.25)}.final-cta-content{max-width:640px}.final-cta-content h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:12px;letter-spacing:-.025em}.final-cta-content p{font-size:1rem;color:var(--text-secondary);line-height:1.65}.final-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.admin-taxonomy-title{margin-top:32px}.admin-taxonomy-table-container{margin-top:16px}.form-group-label-small{margin-top:4px}.auth-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.auth-tab-btn{flex:1;padding:12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-title);font-weight:600;cursor:pointer;transition:all .2s}.auth-tab-btn:hover{color:var(--text-primary)}.auth-tab-btn.active{border-bottom-color:var(--primary-color);color:var(--text-primary)}.btn-auth-submit{margin-top:16px}.modal-card-ad{max-width:420px;text-align:center}.badge-ad{background-color:var(--warning-bg);color:var(--warning);margin-bottom:8px}.modal-body-ad{padding:10px 0 20px}.simulated-ad-banner{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:32px 20px;color:#fff;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.ad-card-icon{font-size:2.2rem;color:var(--primary-color)}.simulated-ad-brand{font-size:1.1rem;color:var(--primary-color);font-family:var(--font-title)}.simulated-ad-description{font-size:.8rem;color:#e2e8f0;line-height:1.4;max-width:250px;margin:0}.simulated-ad-code{font-size:.65rem;background:#ffffff1a;padding:4px 8px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2)}.ad-timer-container{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.ad-timer-circle{width:50px;height:50px;border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;font-family:var(--font-title)}.ad-timer-subtext{font-size:.8rem;color:var(--text-secondary)}.modal-footer-ad{flex-direction:column;gap:12px;align-items:center;border-top:1px solid var(--border-color);padding-top:20px}.btn-ad-premium{color:var(--warning);border-color:var(--warning-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-card-premium{max-width:440px;text-align:center}.modal-icon-premium{font-size:3.5rem;display:block;margin-bottom:12px}.modal-body-premium{text-align:left;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.premium-benefits-box{background-color:var(--bg-input);border:1px solid var(--border-color);padding:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.benefit-item{display:flex;gap:12px;align-items:flex-start}.benefit-icon{font-size:1.4rem;flex-shrink:0}.benefit-title{font-size:.9rem;color:var(--text-primary);display:block;margin-bottom:2px}.benefit-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.premium-price-box{text-align:center;margin-top:8px}.premium-price-amount{font-size:2.2rem;font-family:var(--font-title);font-weight:800;color:var(--text-primary)}.premium-price-period{color:var(--text-secondary);font-size:.9rem}.premium-price-subtext{font-size:.75rem;color:var(--text-muted);margin-top:4px}.modal-footer-premium{flex-direction:column;gap:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}@media (max-width: 1024px){.hero-banner{grid-template-columns:1fr;padding:36px 32px;gap:32px}.how-it-works-grid,.testimonials-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.layout-body{padding:0 16px;width:100%;max-width:100%}.main-content{width:100%;min-width:0;max-width:100%;padding:18px 0 44px}.directory-workspace{flex-direction:column;gap:16px;width:100%}.hero-banner{grid-template-columns:1fr;padding:24px 18px;gap:24px;margin-bottom:28px;width:100%;max-width:100%;border-radius:16px}.hero-eyebrow{font-size:.72rem;padding:5px 12px;white-space:normal;line-height:1.35;max-width:100%}.hero-content h1{font-size:1.65rem;line-height:1.18;overflow-wrap:break-word}.hero-subtitle{font-size:.92rem;margin-bottom:20px}.hero-actions{flex-direction:column;width:100%;gap:10px;margin-bottom:20px}.hero-actions .btn{width:100%;padding:12px 16px;font-size:.92rem;white-space:normal}.hero-trust-strip{gap:10px 14px;padding-top:16px}.hero-preview-card{padding:16px}.preview-split-flow{grid-template-columns:1fr;gap:8px}.preview-flow-connector{margin:0 auto;transform:rotate(90deg)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.hero-stats .stat-card{padding:14px 12px;min-width:0}.hero-stats .stat-card-highlight{grid-column:1 / -1}.hero-stats .stat-number{font-size:1.3rem}.directory-toolbar{padding:16px;margin-bottom:18px;border-radius:14px}.directory-toolbar-top{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:14px;margin-bottom:14px}.feed-filters-bar{flex-direction:column;align-items:stretch;gap:10px}.filter-group{width:100%;justify-content:space-between;gap:10px}.filter-group label{min-width:95px;flex-shrink:0}.filter-group .form-select{flex:1;min-width:0;width:100%;max-width:100%}.active-filters-tags{margin-left:0;width:100%}.codes-grid{grid-template-columns:1fr;gap:16px;width:100%}.code-card{padding:18px 16px;min-width:0;max-width:100%}.promo-code-container{flex-wrap:wrap;gap:10px}.promo-code-actions{width:100%;justify-content:flex-end}.how-it-works-section,.social-proof-section{padding:28px 18px;margin-top:32px;margin-bottom:24px;border-radius:16px}.section-intro{margin-bottom:24px}.section-intro h2{font-size:1.4rem}.how-it-works-grid,.testimonials-grid{grid-template-columns:1fr;gap:16px}.workflow-step,.testimonial-card{padding:22px 18px}.sidebar{display:none}.mobile-categories-wrapper{display:block;width:100%;max-width:100%;margin:0 0 12px;overflow-x:auto;padding:0 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-categories-wrapper::-webkit-scrollbar{display:none}.mobile-categories{display:flex;gap:8px;width:max-content}.mobile-categories .category-btn{padding:8px 14px;font-size:.85rem;white-space:nowrap;border:1px solid var(--border-color);background-color:var(--bg-card)}.mobile-categories .category-btn.active{border-color:var(--primary-color)}.main-header{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px}.header-left{width:auto;display:flex;align-items:center;flex-shrink:0}.logo-link{font-size:1.2rem;gap:6px}.logo-icon{font-size:1.35rem}.header-right{width:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}#btn-leaderboard-toggle{display:none}.btn-theme-toggle{padding:8px 10px;min-height:40px}.btn-theme-toggle .btn-icon{margin-right:0}#btn-login-trigger{padding:8px 14px;font-size:.82rem;min-height:40px}.profile-trigger-btn{padding:4px 10px;min-height:40px;max-width:145px}.profile-trigger-btn .user-name{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-center{width:100%;flex-basis:100%;margin:0;max-width:none;order:3}#search-input{padding:10px 36px 10px 42px;font-size:.88rem}.admin-grid,.taxonomy-columns{grid-template-columns:1fr}.toast-container{left:16px;right:16px;bottom:76px}.toast{min-width:0;width:100%;max-width:100%}}.code-card.skeleton{pointer-events:none;border-color:var(--border-color);box-shadow:none}.skeleton-header{display:flex;align-items:center;gap:12px}.skeleton-avatar{width:40px;height:40px;border-radius:8px;background:var(--bg-input);position:relative;overflow:hidden}.skeleton-title-group{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:12px;border-radius:4px;background:var(--bg-input);position:relative;overflow:hidden;margin-bottom:8px}.skeleton-line.full{width:100%}.skeleton-line.medium{width:60%}.skeleton-line.short{width:30%}.skeleton-avatar:after,.skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a,#fff0);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cookie-banner-overlay{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-card, rgba(30, 41, 59, .95));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));box-shadow:0 -10px 40px #00000080;z-index:10000;padding:20px;animation:slideUp .4s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;align-items:center}.cookie-banner-overlay.hidden{display:none!important}.cookie-banner-card{max-width:1000px;width:100%;display:flex;flex-direction:column;gap:12px}.cookie-banner-card h3{margin:0;font-size:1.1rem;font-family:var(--font-title, sans-serif);color:var(--text-primary, #fff);display:flex;align-items:center;gap:8px}.cookie-banner-card p{margin:0;font-size:.88rem;color:var(--text-secondary, #94a3b8);line-height:1.5}.cookie-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:4px}.cookie-info-link{font-size:.85rem;color:var(--primary-color, #6366f1);text-decoration:none;font-weight:500;margin-left:8px}.cookie-info-link:hover{text-decoration:underline}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 640px){.cookie-banner-actions{flex-direction:column;align-items:stretch;width:100%}.cookie-banner-actions button{width:100%}.cookie-info-link{text-align:center;margin-left:0;margin-top:4px}}.modal-card-danger{border:1px solid rgba(239,68,68,.4);box-shadow:0 10px 30px #ef444426}.text-danger{color:var(--danger, #ef4444)!important}.btn-danger{background-color:#ef4444;color:#fff;border:none;font-weight:700}.btn-danger:hover{background-color:#dc2626;filter:brightness(1.05)}.delete-info-box{background-color:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.delete-points-list{padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--text-secondary)}.delete-points-list li strong{color:var(--text-primary)}.radio-group-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:6px}.radio-label,.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.radio-label input,.checkbox-label input{margin-top:3px;accent-color:var(--danger);min-width:18px;min-height:18px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.btn,.category-btn,.vote-btn,.copy-btn,.profile-trigger-btn,.modal-close{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.vote-btn{min-width:44px;min-height:44px}.grace-period-banner{background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;padding:10px 20px;position:sticky;top:0;z-index:9999;box-shadow:0 4px 12px #dc262666}.grace-period-banner.hidden{display:none!important}.grace-period-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.grace-text{font-size:.9rem;font-weight:500}.btn-reactivate{background-color:#fff;color:#b91c1c;border:none;font-weight:700;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s,filter .15s}.btn-reactivate:hover{filter:brightness(.95);transform:scale(1.02)}.badge-quarantine{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.4);font-size:.7rem;padding:3px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px}.badge-tier-guest{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.badge-tier-user{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.ad-conversion-box{background:#6366f114;border:1px dashed rgba(99,102,241,.3);border-radius:var(--radius-md);padding:12px 16px;margin-top:14px;display:flex;align-items:center;gap:12px;text-align:left}.ad-conversion-box .cta-icon{font-size:2rem;color:var(--primary-color)}.ad-conversion-box .cta-text{flex:1}.ad-conversion-box .cta-text strong{font-size:.85rem;color:var(--text-primary);display:block;margin-bottom:2px}.ad-conversion-box .cta-text p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3}.modal-card-qr{max-width:380px;text-align:center}.qr-code-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}.qr-svg-container{background:#fff;padding:16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:inline-block}.qr-code-pill{background:var(--bg-badge);padding:8px 16px;border-radius:var(--radius-full);border:1px dashed var(--border-focus)}.qr-code-text{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:1px}.modal-footer-qr{display:flex;flex-direction:column;gap:8px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.leaderboard-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.podium-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px 20px;text-align:center;position:relative;transition:transform var(--transition-normal)}.podium-card:hover{transform:translateY(-4px)}.podium-card.gold{border-color:#eab30880;box-shadow:0 0 20px #eab30826}.podium-card.silver{border-color:#94a3b880}.podium-card.bronze{border-color:#d9770680}.podium-medal{font-size:2.5rem;margin-bottom:8px}.podium-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.podium-score{font-size:1.3rem;font-weight:800;color:var(--primary-color)}.leaderboard-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.leaderboard-table-card h3{margin-bottom:16px;color:var(--text-primary)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.leaderboard-table th{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.leaderboard-table td{color:var(--text-primary);font-size:.95rem}.quick-filter-chips-wrapper{max-width:100%;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-filter-chips-wrapper::-webkit-scrollbar{display:none}.quick-filter-chips{display:inline-flex;gap:4px;min-width:max-content;padding:4px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px}.quick-filter-chip{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:7px 13px;border-radius:9px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast);white-space:nowrap}.chip-icon{font-size:1rem!important}.quick-filter-chip:hover{color:var(--text-primary);background-color:#ffffff0a}body.light-mode .quick-filter-chip:hover{background-color:#0f172a0a}.quick-filter-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 10px #3e63dd59}.rank-progress-wrapper{margin-top:10px;background:#00000026;border-radius:var(--radius-sm);padding:10px 12px}.rank-progress-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:6px}.rank-points-text{color:var(--primary-color);font-weight:700}.rank-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:9999px;overflow:hidden}.rank-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,var(--primary-color));border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.rank-progress-hint{font-size:.7rem;color:var(--text-muted);margin-top:4px;text-align:right}.btn-copy.copied-active{background:var(--success)!important;color:#fff!important;transform:scale(1.08);box-shadow:0 0 16px #10b98199!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px;min-height:220px;position:relative;overflow:hidden}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skeleton-shimmer-anim 1.5s infinite}@keyframes skeleton-shimmer-anim{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-line{background:#ffffff14;border-radius:var(--radius-sm)}.skeleton-line-title{width:60%;height:20px}.skeleton-line-desc{width:90%;height:14px}.skeleton-line-code{width:100%;height:42px;margin-top:8px}.mobile-bottom-nav{display:none}@media (max-width: 768px){body{padding-bottom:72px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:990;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #0003}.bottom-nav-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;flex:1;height:100%;padding:6px 0;transition:all var(--transition-fast)}.bottom-nav-btn.active,.bottom-nav-btn:hover{color:var(--primary-color)}.bottom-nav-btn .nav-icon{font-size:1.4rem}.bottom-nav-btn .nav-label{font-size:.7rem;font-weight:600}.bottom-nav-btn.btn-nav-publish{position:relative;top:-12px}.bottom-nav-btn.btn-nav-publish .nav-icon-fab{background:var(--primary-color);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;box-shadow:0 4px 16px #3e63dd66}.testimonials-grid{grid-template-columns:1fr}.social-proof-section{padding:28px 18px}.section-intro-with-action{flex-direction:column;align-items:flex-start}.section-intro-with-action .btn{width:100%}.partner-referral-card{grid-template-columns:1fr;padding:28px 18px;gap:24px}.partner-share-actions{flex-direction:column;align-items:stretch}.partner-share-actions .btn{width:100%}.final-cta-card{flex-direction:column;text-align:center;padding:28px 18px;gap:20px}.final-cta-content h2{font-size:1.4rem}.final-cta-actions,.final-cta-actions .btn{width:100%;white-space:normal}.theme-toggle-text{display:none}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-card{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;max-height:90vh!important;overflow-y:auto!important;animation:bottom-sheet-slide .3s cubic-bezier(.16,1,.3,1)!important}@keyframes bottom-sheet-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.auth-oauth-container{padding:16px 24px 0;display:flex;flex-direction:column;gap:10px}.btn-google-auth,.btn-apple-auth{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:11px 16px;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}.btn-google-auth:hover,.btn-apple-auth:hover{background:#ffffff0d;border-color:var(--border-focus);transform:translateY(-1px)}.google-icon,.apple-icon{flex-shrink:0}body.platform-native .main-header{padding-top:max(14px,env(safe-area-inset-top,14px))}body.platform-native .mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.auth-divider{display:flex;align-items:center;text-align:center;margin:16px 24px 8px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 12px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}