:root {
--contrast: #222222;
--contrast-2: #575760;
--contrast-3: #b2b2be;
--base: #f0f0f0;
--base-2: #f7f8f9;
--base-3: #ffffff;
--accent: #1e73be;
--tzq-blue-50: #dce4fb;
--tzq-blue-100: #dbeafe;
--tzq-blue-200: #bfdbfe;
--tzq-blue-500: #3b82f6;
--tzq-blue-600: #2563eb;
--tzq-blue-700: #1d4ed8;
--tzq-blue-800: #1e40af;
--tzq-blue-900: #1e3a8a;
--tzq-teal-50: #f0fdfa;
--tzq-teal-100: #ccfbf1;
--tzq-teal-150: #a7f3d0;
--tzq-teal-200: #99f6e4;
--tzq-teal-300: #5eead4;
--tzq-teal-400: #2dd4bf;
--tzq-teal-500: #14b8a6;
--tzq-teal-600: #0d9488;
--tzq-teal-650: #10b981;
--tzq-teal-700: #0f766e;
--tzq-teal-800: #115e59;
--tzq-teal-900: #134e4a;
--tzq-amber-50: #fffbeb;
--tzq-amber-600: #d97706;
--tzq-orange-50: #fff7ed;
--tzq-orange-100: #ffedd5;
--tzq-orange-200: #fed7aa;
--tzq-orange-300: #fdba74;
--tzq-orange-400: #fb923c;
--tzq-orange-500: #f97316;
--tzq-orange-600: #ea580c;
--tzq-orange-700: #c2410c;
--tzq-orange-800: #9a3412;
--tzq-orange-900: #7c2d12;
--tzq-purple-50: #faf5ff;
--tzq-purple-100: #f3e8ff;
--tzq-purple-200: #e9d5ff;
--tzq-purple-300: #d8b4fe;
--tzq-purple-400: #c084fc;
--tzq-purple-500: #a855f7;
--tzq-purple-600: #9333ea;
--tzq-purple-700: #7e22ce;
--tzq-purple-800: #6b21a8;
--tzq-purple-900: #581c87;
--tzq-indigo-50: #eef2ff;
--tzq-indigo-100: #e0e7ff;
--tzq-indigo-200: #c7d2fe;
--tzq-indigo-300: #a5b4fc;
--tzq-indigo-400: #818cf8;
--tzq-indigo-500: #6366f1;
--tzq-indigo-600: #4f46e5;
--tzq-indigo-700: #4338ca;
--tzq-indigo-800: #3730a3;
--tzq-indigo-900: #312e81;
--tzq-red-50: #fef2f2;
--tzq-red-100: #fee2e2;
--tzq-red-200: #fecaca;
--tzq-red-300: #fca5a5;
--tzq-red-400: #f87171;
--tzq-red-500: #ef4444;
--tzq-red-600: #dc2626;
--tzq-red-700: #b91c1c;
--tzq-red-800: #991b1b;
--tzq-red-900: #7f1d1d;
--tzq-yellow-50: #fefce8;
--tzq-yellow-100: #fef9c3;
--tzq-yellow-200: #fef08a;
--tzq-yellow-300: #fde047;
--tzq-yellow-400: #facc15;
--tzq-yellow-500: #eab308;
--tzq-yellow-600: #ca8a04;
--tzq-yellow-700: #a16207;
--tzq-yellow-800: #854d0e;
--tzq-yellow-900: #713f12;
--tzq-2048-bg: #bbada0;
--tzq-2048-bg-dark: #a39489;
--tzq-2048-text: #776e65;
--tzq-2048-tile-2: #eee4da;
--tzq-2048-tile-4: #ede0c8;
--tzq-2048-tile-8: #f4b17a;
--tzq-2048-tile-16: #f59563;
--tzq-2048-tile-32: #f67c60;
--tzq-2048-tile-64: #f65e3b;
--tzq-2048-tile-128: #edcf72;
--tzq-2048-tile-256: #edcc61;
--tzq-2048-tile-512: #edc850;
--tzq-2048-tile-1024: #edc53f;
--tzq-2048-tile-2048: #edc22e;
--tzq-2048-tile-4096: #3c3a32;
--tzq-2048-tile-alt: #f2b179;
--tzq-gray-50: #f9fafb;
--tzq-gray-100: #f3f4f6;
--tzq-gray-200: #e5e7eb;
--tzq-gray-300: #d1d5db;
--tzq-gray-400: #9ca3af;
--tzq-gray-500: #6b7280;
--tzq-gray-600: #4b5563;
--tzq-gray-700: #374151;
--tzq-gray-800: #1f2937;
--tzq-gray-900: #111827;
--tzq-slate-50: #f8fafc;
--tzq-slate-100: #f1f5f9;
--tzq-slate-200: #e2e8f0;
--tzq-slate-300: #cbd5e1;
--tzq-slate-400: #94a3b8;
--tzq-slate-500: #64748b;
--tzq-slate-600: #475569;
--tzq-slate-700: #334155;
--tzq-slate-800: #1e293b;
--tzq-slate-900: #0f172a;
--tzq-success-50: #f0fdf4;
--tzq-success-100: #dcfce7;
--tzq-success-500: #22c55e;
--tzq-success-600: #16a34a;
--tzq-success-700: #15803d;
--tzq-error-50: #fef2f2;
--tzq-error-100: #fee2e2;
--tzq-error-500: #ef4444;
--tzq-error-600: #dc2626;
--tzq-error-700: #b91c1c;
--tzq-warning-50: #fffbeb;
--tzq-warning-100: #fef3c7;
--tzq-warning-500: #f59e0b;
--tzq-warning-600: #d97706;
--tzq-warning-700: #b45309;
--tzq-info-50: #dce4fb;
--tzq-info-100: #dbeafe;
--tzq-info-500: #3b82f6;
--tzq-info-600: #2563eb;
--tzq-info-700: #1d4ed8;
--tzq-primary: var(--tzq-blue-600);
--tzq-primary-light: var(--tzq-blue-500);
--tzq-primary-dark: var(--tzq-blue-800);
--tzq-secondary: #4ecdc4;
--tzq-secondary-dark: #3db8b0;
--tzq-secondary-light: #6fd8d0;
--tzq-accent: #ffe66d;
--tzq-accent-dark: #ffd93d;
--tzq-accent-light: #fff2a8;
--tzq-bg-primary: #ffffff;
--tzq-bg-secondary: var(--tzq-gray-50);
--tzq-bg-tertiary: var(--tzq-slate-100);
--tzq-bg-blue-light: var(--tzq-blue-50);
--tzq-bg-blue-lighter: var(--tzq-blue-100);
--tzq-bg-dark: var(--tzq-slate-900);
--tzq-text-primary: var(--tzq-gray-800);
--tzq-text-secondary: var(--tzq-gray-600);
--tzq-text-tertiary: var(--tzq-gray-500);
--tzq-bg-black: #000000;
--tzq-whatsapp: #1d8c34;
--tzq-whatsapp-hover: #166c2a;
--tzq-facebook: #0f5ac1;
--tzq-facebook-hover: #0a4a9c;
--tzq-twitter: #1da1f2;
--tzq-x-twitter: #000000;
--tzq-x-twitter-hover: #1a1a1a;
--tzq-rank-gold: #ffd700;
--tzq-rank-silver: #c0c0c0;
--tzq-rank-bronze: #cd7f32;
--tzq-border-light: var(--tzq-slate-200);
--tzq-border-medium: var(--tzq-slate-300);
--tzq-primary-darker: #122669;
--tzq-secondary-darker: #2f8f89;
--tzq-accent-darker: #e6c84a;
--tzq-secondary-rgb: 78, 205, 196;
--tzq-accent-rgb: 255, 230, 109;
--tzq-text-muted: var(--tzq-slate-400);
--tzq-text-inverse: #ffffff;
--tzq-font-heading: "Nunito", sans-serif;
--tzq-font-primary: "Nunito", sans-serif;
--tzq-font-body: "Nunito", sans-serif;
--tzq-font-weight-heading: 600;
--tzq-line-height-base: 1.6;
--tzq-line-height: 1.6;
--tzq-letter-spacing: -0.01em;
--tzq-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
--tzq-text-sm: clamp(0.875rem, 0.8rem + 0.3vw, 0.9375rem);
--tzq-text-base: 16px;
--tzq-text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.125rem);
--tzq-text-xl: clamp(1.25rem, 1.15rem + 0.8vw, 1.265625rem);
--tzq-text-2xl: clamp(1.5rem, 1.3rem + 1.2vw, 1.423828125rem);
--tzq-text-3xl: clamp(1.75rem, 1.5rem + 2vw, 1.601806640625rem);
--tzq-text-4xl: clamp(2rem, 1.75rem + 2.5vw, 1.8020324707031rem);
--tzq-text-5xl: clamp(2.5rem, 2rem + 3vw, 2.027286529541rem);
--tzq-container-width: 1200px;
--tzq-sidebar-width: 440px;
--tzq-content-padding: 20px;
--tzq-section-spacing: 60px;
--tzq-radius-base: 1rem;
--tzq-btn-radius: var(--tzq-radius-base);
--tzq-card-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
--tzq-card-shadow-hover: 0 30px 100px rgba(0, 0, 0, 0.18);
--tzq-card-padding: 24px;
--tzq-form-radius: var(--tzq-radius-base);
--tzq-spacing-base: 1rem;
--tzq-global-gap: 15px;
--tzq-header-height-desktop: 90px;
--tzq-header-height-mobile: 30px;
--tzq-header-height: var(--tzq-header-height-desktop);
--tzq-navbar-height: var(--tzq-header-height-desktop);
--tzq-success: var(--tzq-success-600);
--tzq-success-light: var(--tzq-success-100);
--tzq-success-dark: var(--tzq-success-700);
--tzq-error: var(--tzq-error-500);
--tzq-error-light: var(--tzq-error-100);
--tzq-error-dark: var(--tzq-error-600);
--tzq-primary-rgb: 37, 99, 235;
--tzq-primary-rgba-08: rgba(var(--tzq-primary-rgb), 0.08);
--tzq-primary-rgba-10: rgba(var(--tzq-primary-rgb), 0.1);
--tzq-primary-rgba-15: rgba(var(--tzq-primary-rgb), 0.15);
--tzq-primary-rgba-20: rgba(var(--tzq-primary-rgb), 0.2);
--tzq-primary-rgba-25: rgba(var(--tzq-primary-rgb), 0.25);
--tzq-primary-rgba-30: rgba(var(--tzq-primary-rgb), 0.3);
--tzq-primary-rgba-40: rgba(var(--tzq-primary-rgb), 0.4);
--tzq-primary-rgba-50: rgba(var(--tzq-primary-rgb), 0.5);
--tzq-success-rgb: 22, 163, 74;
--tzq-success-rgba-20: rgba(var(--tzq-success-rgb), 0.2);
--tzq-success-rgba-30: rgba(var(--tzq-success-rgb), 0.3);
--tzq-success-rgba-40: rgba(var(--tzq-success-rgb), 0.4);
--tzq-error-rgb: 239, 68, 68;
--tzq-error-rgba-20: rgba(var(--tzq-error-rgb), 0.2);
--tzq-error-rgba-25: rgba(var(--tzq-error-rgb), 0.25);
--tzq-error-rgba-30: rgba(var(--tzq-error-rgb), 0.3);
--tzq-error-rgba-35: rgba(var(--tzq-error-rgb), 0.35);
--tzq-error-rgba-40: rgba(var(--tzq-error-rgb), 0.4);
--tzq-warning-rgb: 245, 158, 11;
--tzq-warning-rgba-25: rgba(var(--tzq-warning-rgb), 0.25);
--tzq-primary-rgba-35: rgba(var(--tzq-primary-rgb), 0.35);
--tzq-warning: var(--tzq-warning-500);
--tzq-warning-light: var(--tzq-warning-100);
--tzq-info: var(--tzq-info-600);
--tzq-info-light: var(--tzq-info-100);
--tzq-color-orange: var(--tzq-orange-500);
--tzq-color-orange-dark: var(--tzq-orange-700);
--tzq-color-purple: var(--tzq-purple-500);
--tzq-color-purple-dark: var(--tzq-purple-700); --tzq-gradient-success: linear-gradient(
135deg,
var(--tzq-success),
var(--tzq-success-dark)
);
--tzq-gradient-primary: linear-gradient(
135deg,
var(--tzq-primary),
var(--tzq-primary-dark)
);
--tzq-gradient-warning: linear-gradient(
135deg,
var(--tzq-warning),
var(--tzq-amber-600)
);
--tzq-gradient-error: linear-gradient(
135deg,
var(--tzq-error),
var(--tzq-error-dark)
);
--tzq-gradient-danger: var(--tzq-gradient-error);
--tzq-gradient-secondary: linear-gradient(
135deg,
var(--tzq-secondary),
var(--tzq-secondary-dark)
);
--tzq-gradient-page: linear-gradient(
135deg,
var(--tzq-bg-blue-light) 0%,
var(--tzq-bg-blue-lighter) 50%,
var(--tzq-bg-blue-light) 100%
);
--tzq-gradient-surface: linear-gradient(
135deg,
rgba(255, 255, 255, 0.95),
rgba(240, 249, 255, 0.95)
);
--tzq-gradient-accent: linear-gradient(
135deg,
var(--tzq-accent),
var(--tzq-accent-dark)
);
--tzq-gradient-orange: linear-gradient(
135deg,
var(--tzq-color-orange),
var(--tzq-color-orange-dark)
);
--tzq-gradient-purple: linear-gradient(
135deg,
var(--tzq-color-purple),
var(--tzq-color-purple-dark)
);
--tzq-gradient-primary-light: linear-gradient(
135deg,
rgba(var(--tzq-primary-rgb), 0.08),
rgba(var(--tzq-primary-rgb), 0.05)
);
--tzq-gradient-primary-light-alt: linear-gradient(
135deg,
rgba(var(--tzq-primary-rgb), 0.1),
rgba(var(--tzq-primary-rgb), 0.08)
);
--tzq-gradient-primary-medium: linear-gradient(
135deg,
rgba(var(--tzq-primary-rgb), 0.2) 0%,
rgba(var(--tzq-primary-rgb), 0.1) 100%
);
--tzq-gradient-white-overlay: linear-gradient(
135deg,
rgba(255, 255, 255, 0.14) 0%,
rgba(255, 255, 255, 0) 45%
);
--tzq-gradient-white-overlay-strong: linear-gradient(
135deg,
rgba(255, 255, 255, 0.18) 0%,
rgba(255, 255, 255, 0) 50%
);
--tzq-gradient-primary-dark: linear-gradient(
135deg,
var(--tzq-primary-dark) 0%,
var(--tzq-primary) 48%,
var(--tzq-primary-darker) 100%
);
--tzq-gradient-primary-dark-alt: linear-gradient(
334deg,
var(--tzq-primary-dark) 0%,
var(--tzq-primary) 48%,
var(--tzq-primary-darker) 100%
);
--tzq-gradient-primary-home: linear-gradient(
135deg,
var(--tzq-primary-dark) 0%,
var(--tzq-primary) 35%,
var(--tzq-secondary) 65%,
var(--tzq-accent) 100%
);
--tzq-font-mono: "Fira Code", "Courier New", monospace;
--tzq-font-light: 300;
--tzq-font-normal: 400;
--tzq-font-medium: 500;
--tzq-font-semibold: 600;
--tzq-font-bold: 700;
--tzq-font-extrabold: 800;
--tzq-font-black: 900;
--tzq-leading-none: 1;
--tzq-leading-tight: 1.25;
--tzq-leading-snug: 1.375;
--tzq-leading-normal: 1.5;
--tzq-leading-relaxed: 1.625;
--tzq-leading-loose: 2;
--tzq-tracking-tighter: -0.05em;
--tzq-tracking-tight: -0.025em;
--tzq-tracking-normal: 0;
--tzq-tracking-wide: 0.025em;
--tzq-tracking-wider: 0.05em;
--tzq-tracking-widest: 0.1em;
--tzq-spacing-0: 0;
--tzq-spacing-px: 1px;
--tzq-spacing-0-5: 0.125rem;
--tzq-spacing-1: 0.25rem;
--tzq-spacing-1-5: 0.375rem;
--tzq-spacing-2: 0.5rem;
--tzq-spacing-2-5: 0.625rem;
--tzq-spacing-3: 0.75rem;
--tzq-spacing-3-5: 0.875rem;
--tzq-spacing-4: 1rem;
--tzq-spacing-5: 1.25rem;
--tzq-spacing-6: 1.5rem;
--tzq-spacing-7: 1.75rem;
--tzq-spacing-8: 2rem;
--tzq-spacing-9: 2.25rem;
--tzq-spacing-10: 2.5rem;
--tzq-spacing-11: 2.75rem;
--tzq-spacing-12: 3rem;
--tzq-spacing-14: 3.5rem;
--tzq-spacing-16: 4rem;
--tzq-spacing-20: 5rem;
--tzq-spacing-24: 6rem;
--tzq-spacing-28: 7rem;
--tzq-spacing-32: 8rem;
--tzq-spacing-xs: var(--tzq-spacing-1);
--tzq-spacing-sm: var(--tzq-spacing-2);
--tzq-spacing-md: var(--tzq-spacing-4);
--tzq-spacing-lg: var(--tzq-spacing-6);
--tzq-spacing-xl: var(--tzq-spacing-8);
--tzq-spacing-2xl: var(--tzq-spacing-10);
--tzq-spacing-3xl: var(--tzq-spacing-12);
--tzq-spacing-4xl: var(--tzq-spacing-16);
--tzq-spacing-5xl: var(--tzq-spacing-20);
--tzq-spacing-responsive-sm: clamp(1rem, 2vw, 1.5rem);
--tzq-spacing-responsive-md: clamp(1.5rem, 3vw, 2rem);
--tzq-spacing-responsive-lg: clamp(2rem, 4vw, 3rem);
--tzq-spacing-responsive-xl: clamp(2.5rem, 5vw, 4rem);
--tzq-spacing-responsive-2xl: clamp(3rem, 6vw, 5rem);
--tzq-gap-0: 0;
--tzq-gap-xs: var(--tzq-spacing-2);
--tzq-gap-sm: var(--tzq-spacing-4);
--tzq-gap-md: var(--tzq-spacing-6);
--tzq-gap-lg: var(--tzq-spacing-8);
--tzq-gap-xl: var(--tzq-spacing-12);
--tzq-gap-2xl: var(--tzq-spacing-16);
--tzq-radius-none: 0;
--tzq-radius-sm: 0.25rem;
--tzq-radius-md: 0.5rem;
--tzq-radius-lg: 0.75rem;
--tzq-radius-xl: 1rem;
--tzq-radius-2xl: 1.5rem;
--tzq-radius-3xl: 2rem;
--tzq-radius-full: 9999px;
--tzq-shadow-none: none;
--tzq-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tzq-shadow-sm:
0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tzq-shadow-md:
0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
--tzq-shadow-lg:
0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tzq-shadow-xl:
0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
--tzq-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
--tzq-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
--tzq-shadow-primary: 0 4px 14px rgba(37, 99, 235, 0.25);
--tzq-shadow-primary-lg: 0 8px 24px rgba(37, 99, 235, 0.35);
--tzq-shadow-primary-xl: 0 12px 32px rgba(37, 99, 235, 0.4);
--tzq-shadow-primary-xxl: 0 22px 60px rgba(37, 99, 235, 0.3);
--tzq-shadow-primary-huge: 0 24px 70px rgba(37, 99, 235, 0.35);
--tzq-shadow-secondary: 0 4px 14px rgba(78, 205, 196, 0.3);
--tzq-shadow-accent: 0 4px 14px rgba(255, 230, 109, 0.3);
--tzq-shadow-error: 0 4px 14px var(--tzq-error-rgba-25);
--tzq-shadow-error-lg: 0 6px 18px var(--tzq-error-rgba-35);
--tzq-shadow-warning: 0 4px 14px var(--tzq-warning-rgba-25);
--tzq-shadow-black-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
--tzq-shadow-black-md: 0 2px 8px rgba(0, 0, 0, 0.1);
--tzq-shadow-black-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
--tzq-shadow-black-xl: 0 8px 24px rgba(0, 0, 0, 0.2);
--tzq-shadow-black-2xl: 0 12px 40px rgba(0, 0, 0, 0.2);
--tzq-shadow-black-3xl: 0 16px 40px rgba(0, 0, 0, 0.2);
--tzq-shadow-black-4xl: 0 22px 60px rgba(0, 0, 0, 0.4);
--tzq-shadow-black-overlay: 0 20px 35px rgba(0, 0, 0, 0.25);
--tzq-shadow-primary-sm: 0 1px 4px rgba(37, 99, 235, 0.1);
--tzq-shadow-primary-md-alt: 0 2px 8px rgba(37, 99, 235, 0.15);
--tzq-shadow-primary-lg-alt: 0 4px 12px rgba(37, 99, 235, 0.2);
--tzq-shadow-primary-xl-alt: 0 4px 12px rgba(37, 99, 235, 0.3);
--tzq-shadow-primary-2xl: 0 6px 16px rgba(37, 99, 235, 0.4);
--tzq-shadow-primary-3xl: 0 6px 20px rgba(37, 99, 235, 0.4);
--tzq-shadow-primary-4xl: 0 12px 35px rgba(37, 99, 235, 0.5);
--tzq-shadow-black-md-alt: 0 4px 12px rgba(0, 0, 0, 0.12);
--tzq-shadow-black-lg-alt: 0 8px 20px rgba(0, 0, 0, 0.15);
--tzq-ease-in: cubic-bezier(0.4, 0, 1, 1);
--tzq-ease-out: cubic-bezier(0, 0, 0.2, 1);
--tzq-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--tzq-z-base: 0;
--tzq-z-dropdown: 1000;
--tzq-z-sticky: 1020;
--tzq-z-fixed: 1030;
--tzq-z-backdrop: 1040;
--tzq-z-modal: 100000;
--tzq-z-notification: 100080;
--tzq-z-tooltip: 100090;
--tzq-z-popover: 1060;
--tzq-content-max: var(--tzq-container-width);
--tzq-wide-max: 1400px;
--tzq-container-padding: clamp(1rem, 3vw, 2rem);
--tzq-page-gutter: clamp(1rem, 3vw, 2rem);
--tzq-content-gap: var(--tzq-spacing-lg);
--tzq-sidebar-gap: var(--tzq-spacing-md);
--tzq-breakpoint-md: 768px;
--tzq-breakpoint-lg: 1024px;
--tzq-breakpoint-xl: 1280px;
--tzq-breakpoint-2xl: 1536px;
--tzq-btn-padding-sm: var(--tzq-spacing-2-5) var(--tzq-spacing-5);
--tzq-btn-padding-md: var(--tzq-spacing-4) var(--tzq-spacing-8);
--tzq-btn-padding-lg: var(--tzq-spacing-5) var(--tzq-spacing-10);
--tzq-btn-min-height: 44px;
--tzq-btn-min-width: 44px;
--tzq-input-padding: var(--tzq-spacing-3-5) var(--tzq-spacing-4);
--tzq-input-border-width: 2px;
--tzq-input-focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.1);
--tzq-icon-xs: 1rem;
--tzq-icon-sm: 1.25rem;
--tzq-icon-md: 1.5rem;
--tzq-icon-lg: 2rem;
--tzq-icon-xl: 2.5rem;
--tzq-icon-2xl: 3rem;
--tzq-icon-3xl: 3.5rem;
--tzq-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.5);
--tzq-focus-ring-offset: 2px;
--tzq-duration-75: 75ms;
--tzq-duration-100: 100ms;
--tzq-duration-150: 150ms;
--tzq-duration-200: 200ms;
--tzq-duration-300: 300ms;
--tzq-duration-500: 500ms;
--tzq-duration-700: 700ms;
}
.tzq-container, 
.container,
.site-content {
width: 100%;
max-width: var(--tzq-container-width, 1200px);
margin-left: auto;
margin-right: auto;
padding-left: var(--tzq-container-padding, 1.25rem);
padding-right: var(--tzq-container-padding, 1.25rem);
box-sizing: border-box;
}
.tzq-container--wide {
max-width: var(--tzq-wide-max, 1400px);
}
@media (prefers-reduced-motion: reduce) {
:root {
}
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.testyurdu.com/wp-content/themes/tstzamani/assets/fonts/nunito/nunito-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.testyurdu.com/wp-content/themes/tstzamani/assets/fonts/nunito/nunito-semibold.woff2) format('woff2');
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.testyurdu.com/wp-content/themes/tstzamani/assets/fonts/nunito/nunito-bold.woff2) format('woff2');
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//www.testyurdu.com/wp-content/themes/tstzamani/assets/fonts/nunito/Nunito-ExtraBold.woff2) format('woff2');
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//www.testyurdu.com/wp-content/themes/tstzamani/assets/fonts/nunito/nunito-black.woff2) format('woff2');
}
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.site-header:not(.tzq-custom-navbar), 
header.site-header:not(.tzq-custom-navbar), 
.main-navigation:not(.tzq-navbar-menu), 
.site-header-wrapper, 
.inside-header {
display: none !important;
}
.site-footer:not(.tzq-custom-footer), 
footer.site-footer:not(.tzq-custom-footer), 
.site-footer-wrapper, 
.inside-footer {
display: none !important;
}
html {
font-size: 16px;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #e8e8e8;
}
.skip-link,
.screen-reader-text {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.skip-link:focus {
position: fixed;
top: 1rem;
left: 1rem;
z-index: 99999;
width: auto;
height: auto;
padding: var(--tzq-spacing-sm) var(--tzq-spacing-lg);
background: var(--tzq-primary);
color: var(--tzq-text-inverse);
text-decoration: none;
border-radius: var(--tzq-spacing-xs);
font-weight: var(--tzq-font-bold);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
clip: auto;
}
body {
font-family: var(--tzq-font-primary), 'Nunito', sans-serif;
font-size: var(--tzq-text-base);
font-weight: var(--tzq-font-normal, 400);
line-height: 1.6;
color: var(--tzq-text-primary);
min-height: 100vh;
display: flex;
flex-direction: column;
overflow-x: hidden;
letter-spacing: -0.01em;
padding: 0;
margin: 0;
padding-top: 0 !important;
margin-top: 0 !important;
}
body.home,
body.front-page,
body.page-template-front-page,
body.page-template-page-oyunlar,
body.post-type-archive-oyun,
body.single-oyun,
body.page-template-page-profil,
body.page-template-page-giris,
body.page-template-page-kayit,
body.page-template-page-sifremi-unuttum,
body.page-template-page-hesaplama,
body.post-type-archive-hesaplama,
body.singular-hesaplama,
body.page-template-page-testler,
body.post-type-archive-test,
body.page-template-page-liderlik,
body.page-template-page-ders,
body.page-template-page-sinif,
body.page-template-page-iletisim,
body.page-template-page-yazili-sorulari,
body.page-template-page-yazili-sorulari-ders,
body.page-template-page-hesaplama-v2
img {
max-width: 100%;
height: auto;
display: block;
}
* {
letter-spacing: inherit;
}
p,
span,
a,
li,
td,
th,
label,
input,
textarea,
select,
button,
div {
letter-spacing: var(--tzq-letter-spacing, -0.01em);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--tzq-font-heading);
font-weight: var(--tzq-font-weight-heading, 900);
line-height: 1.25;
color: var(--tzq-text-primary);
letter-spacing: -0.015em;
}
h1 {
font-size: var(--tzq-text-3xl);
}
h2 {
font-size: var(--tzq-text-2xl);
font-weight: 700;
}
h3 {
font-size: var(--tzq-text-xl);
}
h4 {
font-size: var(--tzq-text-lg);
}
h5 {
font-size: var(--tzq-text-base);
font-weight: 700;
}
h6 {
font-size: var(--tzq-text-sm);
font-weight: 700;
}
p {
margin-bottom: var(--tzq-spacing-md);
line-height: var(--tzq-line-height-base, 1.6);
font-weight: var(--tzq-font-normal, 400);
font-size: var(--tzq-text-base);
}
.tzq-heading--h2 {
font-size: var(--tzq-text-2xl);
font-weight: 900;
}
.tzq-heading--h3 {
font-size: var(--tzq-text-xl);
font-weight: 800;
}
.tzq-heading--h4 {
font-size: var(--tzq-text-lg);
font-weight: 700;
}
.tzq-heading--h5 {
font-size: var(--tzq-text-base);
font-weight: 700;
}
.tzq-heading--h6 {
font-size: var(--tzq-text-sm);
font-weight: 700;
}
.tzq-heading--large {
font-size: var(--tzq-text-3xl);
font-weight: 900;
}
.tzq-heading--white {
color: var(--tzq-text-inverse);
}
.tzq-heading--secondary {
color: var(--tzq-text-secondary);
}
.tzq-heading--section {
font-size: var(--tzq-text-2xl);
font-weight: 800;
margin-bottom: var(--tzq-spacing-lg, 1.5rem);
color: var(--tzq-text-primary);
}
.tzq-heading--list {
font-size: var(--tzq-text-xl);
font-weight: 700;
margin-bottom: var(--tzq-spacing-md, 1rem);
color: var(--tzq-text-primary);
}
.tzq-heading--muted {
color: var(--tzq-text-muted);
}
.tzq-heading--profile-hero {
font-size: var(--tzq-text-2xl);
font-weight: 900;
color: var(--tzq-text-primary);
margin: 0;
}
.tzq-text {
color: var(--tzq-text-secondary);
line-height: var(--tzq-leading-relaxed);
margin-bottom: var(--tzq-spacing-lg);
font-size: var(--tzq-text-base);
}
.tzq-text--lead {
font-size: var(--tzq-text-lg);
color: var(--tzq-text-primary);
font-weight: var(--tzq-font-medium);
line-height: var(--tzq-leading-relaxed);
}
.tzq-text--small {
font-size: var(--tzq-text-sm);
color: var(--tzq-text-tertiary);
line-height: var(--tzq-leading-normal);
}
.tzq-text--primary {
color: var(--tzq-text-primary);
}
.tzq-text--secondary {
color: var(--tzq-text-secondary);
}
.tzq-text--muted {
color: var(--tzq-text-muted);
}
.tzq-text--white {
color: var(--tzq-text-inverse);
}
a {
color: var(--tzq-primary);
text-decoration: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
outline: none;
}
.tzq-container > .tzq-section + .entry-content {
padding-bottom: var(--tzq-spacing-lg);
}
.tzq-feedback {
padding: var(--tzq-spacing-md);
border-radius: var(--tzq-spacing-xs);
margin: var(--tzq-spacing-md) 0;
display: flex;
align-items: center;
gap: var(--tzq-spacing-sm);
animation: slideInDown 0.3s ease;
}
.tzq-feedback-success {
background: var(--tzq-success-light);
color: var(--tzq-success-dark);
border-left: 4px solid var(--tzq-success);
}
.tzq-feedback-error {
background: var(--tzq-error-light);
color: var(--tzq-error-dark);
border-left: 4px solid var(--tzq-error);
}
.tzq-form-error {
animation: shake 0.5s ease;
}
.tzq-recent-tests-section {
margin-bottom: var(--tzq-spacing-xl);
}
.tzq-list--tests {
display: flex;
}
.tzq-text-muted { color: var(--tzq-text-muted) !important; }
.u-hidden { display: none !important; }
.is-hidden { display: none !important; }.tzq-mobile-grade-toggle,
.tzq-mobile-class-btn,
.tzq-navbar__mobile-btn {
display: none !important;
}  .tzq-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
border-radius: var(--tzq-spacing-xs);
font-size: 0.9375rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 1px solid transparent;
justify-content: center;
line-height: 1.2;
}
.tzq-btn--primary,
.tzq-auth-btn {
background: var(--tzq-primary);
color: white;
box-shadow: var(--tzq-shadow-primary);
}
.tzq-btn--primary:hover,
.tzq-auth-btn:hover {
background: var(--tzq-primary-dark);
transform: translateY(-2px);
box-shadow: var(--tzq-shadow-primary-lg);
}
.tzq-btn--secondary {
color: white;
border-color: rgba(255, 255, 255, 0.1);
background: #0ea5e9;
}
.tzq-btn--secondary:hover {
background: #0284c7;
transform: translateY(-2px);
box-shadow: var(--tzq-shadow-primary-lg);
}
.tzq-btn--outline {
background: transparent;
border-color: var(--tzq-primary);
color: var(--tzq-primary);
}
.tzq-btn--outline:hover {
background: var(--tzq-primary);
color: white;
}
.tzq-btn--success {
background: #4CAF50;
color: #fff;
box-shadow: 0 8px 20px rgba(22, 163, 74, 0.3);
}
.tzq-btn--success:hover {
filter: brightness(0.95);
}
.tzq-btn--danger {
background: var(--tzq-error);
color: #fff;
box-shadow: 0 8px 20px rgba(239, 68, 68, 0.3);
}
.tzq-btn--danger:hover {
filter: brightness(0.95);
}
.tzq-btn--ghost {
background: transparent;
color: var(--tzq-text-secondary);
border-color: var(--tzq-border-light);
}
.tzq-btn--ghost:hover {
background: var(--tzq-bg-secondary);
color: var(--tzq-text-primary);
}
.tzq-btn--white {
background: #fff;
color: var(--tzq-slate-900);
border-color: rgba(255, 255, 255, 0.8);
}
.tzq-btn--white:hover {
transform: translateY(-2px);
}
.tzq-btn--outline-white {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.85);
}
.tzq-btn--outline-white:hover {
background: #fff;
color: var(--tzq-slate-900);
}
.tzq-btn--lg {
padding: 1rem 2rem;
font-size: 1.0625rem;
}
.tzq-btn--full {
width: 100%;
}
.tzq-btn__icon {
flex-shrink: 0;
font-size: 1rem;
}
.tzq-btn__text {
flex: 1;
} .tzq-navbar,
.tzq-custom-navbar {
background: var(--tzq-bg-primary);
z-index: 1000;
position: relative;
top: 0;
margin-top: 0;
min-height: var(--tzq-header-height, 90px);
box-shadow: none;
color: var(--tzq-text-primary);
}
.tzq-navbar:hover,
.tzq-custom-navbar:hover {
background: var(--tzq-bg-primary);
}
body.admin-bar .tzq-navbar,
body.admin-bar .tzq-custom-navbar {
top: 0px;
}
.tzq-navbar.sticky-disabled,
.tzq-custom-navbar.sticky-disabled {
position: relative !important;
}
.tzq-navbar.scrolled,
.tzq-custom-navbar.scrolled {
background: var(--tzq-bg-primary);
box-shadow: none;
}
.tzq-navbar.scrolled:hover,
.tzq-custom-navbar.scrolled:hover {
background: var(--tzq-bg-primary);
}
.tzq-navbar__container {
max-width: var(--tzq-content-max);
margin: 0 auto;
padding-left: var(--tzq-container-padding, 1.25rem);
padding-right: var(--tzq-container-padding, 1.25rem);
}
.tzq-navbar--has-submenu { }
.tzq-navbar--has-submenu .tzq-submenu-bar {
position: relative;
z-index: 1;
}
.tzq-navbar__content {
display: flex;
justify-content: space-between;
align-items: center;
min-height: var(--tzq-header-height, 90px);
max-height: var(--tzq-header-height, 90px);
gap: var(--tzq-gap-md);
}
.tzq-navbar__logo {
display: flex;
gap: 0.5rem;
}
.tzq-navbar__logo-link {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.tzq-navbar__logo-link:hover {
transform: scale(1.05);
}
.tzq-navbar__logo-link:hover .tzq-navbar__logo-icon {
transform: rotate(-10deg) scale(1.1);
}
.tzq-navbar__logo-icon {
width: 50px;
height: 50px;
background: var(--tzq-gradient-primary);
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
justify-content: center;
color: var(--tzq-text-inverse);
box-shadow: 0 4px 12px color-mix(in srgb, var(--tzq-primary) 25%, transparent);
transition: var(--tzq-transition);
}
.tzq-navbar__logo:hover {
transform: scale(1.05);
}
.tzq-navbar__logo:hover .tzq-navbar__logo-icon {
transform: scale(1.1) rotate(5deg);
box-shadow: 0 8px 24px color-mix(in srgb, var(--tzq-primary) 30%, transparent);
}
.tzq-navbar__logo-text {
font-family: var(--tzq-font-heading);
font-weight: 900;
font-size: 1.875rem;
color: var(--tzq-text-primary);
letter-spacing: -0.02em;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
pointer-events: none;
}
.tzq-navbar__logo-accent {
color: var(--tzq-primary);
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
pointer-events: none;
font-weight: 900;
}
.tzq-navbar__menu {
display: none;
background: color-mix(in srgb, var(--tzq-bg-secondary) 70%, transparent);
padding: var(--tzq-spacing-sm);
border-radius: var(--tzq-spacing-xs);
box-shadow: inset 0 1px 2px color-mix(in srgb, var(--tzq-bg-primary) 50%, transparent);
}
.tzq-navbar__menu-list {
display: none;
align-items: center;
gap: 0.5rem;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 769px) {
.tzq-navbar:not(.tzq-navbar--style-2) .tzq-navbar__menu {
display: flex !important;
}
.tzq-navbar:not(.tzq-navbar--style-2) .tzq-navbar__menu-list {
display: flex;
}
}
@media (min-width: 992px) {
.tzq-navbar__mobile-btn,
.tzq-navbar__mobile-menu,
.tzq-bottom-bar {
display: none !important;
}
.tzq-menu-panel,
.tzq-menu-panel-overlay {
display: none !important;
}
}
.tzq-navbar__menu-item {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.tzq-navbar__item {
color: var(--tzq-text-primary);
font-weight: 700;
padding: var(--tzq-spacing-2-5) var(--tzq-spacing-4);
border-radius: var(--tzq-spacing-xs);
text-decoration: none;
box-shadow: 0 1px 2px color-mix(in srgb, var(--tzq-text-primary) 3%, transparent);
white-space: nowrap;
position: relative;
overflow: hidden;
font-size: var(--tzq-text-sm);
}
.tzq-navbar__item:hover,
.tzq-navbar__item--active {
color: var(--tzq-primary);
background: color-mix(in srgb, var(--tzq-bg-primary) 90%, transparent);
box-shadow: 0 4px 12px color-mix(in srgb, var(--tzq-primary) 15%, transparent);
}
.tzq-navbar__menu-item--has-children {
position: relative;
}
.tzq-navbar__dropdown-icon {
margin-left: 6px;
display: inline-flex;
align-items: center;
}
.tzq-navbar__menu-item--has-children:hover .tzq-navbar__dropdown-icon {
transform: rotate(180deg);
}
.tzq-navbar__sub {
position: absolute;
top: calc(100% + 0.35rem);
left: 0;
min-width: 220px;
background: var(--tzq-primary-dark);
border-radius: var(--tzq-spacing-xs);
box-shadow: var(--tzq-shadow-lg);
padding: var(--tzq-spacing-2) 0;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
z-index: 1200;
list-style: none;
margin: 0;
}
.tzq-navbar__menu-item--has-children:hover>.tzq-navbar__sub,
.tzq-navbar__menu-item--has-children:focus-within>.tzq-navbar__sub,
.tzq-navbar__sub.is-open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.tzq-navbar__sub li {
display: block;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.tzq-navbar__sub a {
display: block;
padding: var(--tzq-spacing-sm) var(--tzq-spacing-md);
color: var(--tzq-text-primary);
font-size: var(--tzq-text-xs);
white-space: nowrap;
}
.tzq-navbar__sub a:hover {
background: var(--tzq-bg-secondary);
color: var(--tzq-primary);
}
.tzq-navbar__actions {
display: flex;
gap: 1rem;
align-items: center;
flex-direction: row;
}
.tzq-pwa-install-btn {
display: inline-flex;
}
.tzq-pwa-install-btn.is-hidden {
display: none !important;
}
@media (max-width: 991px) {
.tzq-navbar__actions .tzq-pwa-install-btn {
display: none !important;
}
}
.tzq-user-menu {
position: relative;
display: inline-flex;
align-items: center;
}
.tzq-user-menu__btn {
display: inline-flex;
align-items: center;
gap: 0.6rem;
padding: 0.35rem 0.85rem 0.35rem 0.45rem;
background: color-mix(in srgb, var(--tzq-bg-primary) 90%, var(--tzq-bg-tertiary));
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
cursor: pointer;
box-shadow: var(--tzq-shadow-sm);
}
.tzq-user-menu__btn:hover {
border-color: color-mix(in srgb, var(--tzq-primary) 60%, var(--tzq-border-light));
box-shadow: var(--tzq-shadow-md);
transform: translateY(-1px);
}
.tzq-user-menu__avatar {
width: 30px;
height: 30px;
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
flex-shrink: 0;
box-shadow: 0 0 0 2px color-mix(in srgb, var(--tzq-primary) 15%, transparent);
}
.tzq-user-menu__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tzq-user-menu__info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.tzq-user-menu__name {
font-weight: 600;
font-size: var(--tzq-text-sm);
color: var(--tzq-text-primary);
line-height: 1;
}
.tzq-user-menu__level {
font-size: var(--tzq-text-xs);
color: var(--tzq-text-secondary);
letter-spacing: 0.02em;
line-height: 1;
}
@media (min-width: 1024px) {
.tzq-navbar--style-2 .tzq-navbar__top-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-height: auto;
gap: 1.5rem;
background: var(--tzq-bg-primary);
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 1.25rem calc(50vw - 50%);
}
}
@media (max-width: 1023px) {
.tzq-navbar--style-2 .tzq-navbar__top-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-height: auto;
background: var(--tzq-bg-primary);
width: 100%;
padding: 0.75rem 1rem;
gap: 1rem;
}
}
.tzq-navbar__logo-row {
display: flex;
justify-content: flex-start;
align-items: center;
width: auto;
gap: 1rem;
}
.tzq-navbar--style-2 .tzq-navbar__top-actions {
display: flex;
gap: 1rem;
align-items: center;
justify-content: flex-end;
width: auto;
}
.tzq-navbar__middle-row {
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem 1rem;
background: var(--tzq-bg-primary);
border-top: 1px solid var(--tzq-border-light);
}
@media (min-width: 1024px) {
.tzq-navbar__middle-row {
display: none !important;
}
}
.tzq-navbar--style-2 .tzq-navbar__menu-row {
display: flex;
align-items: center;
min-height: 56px;
width: 100%;
position: relative;
}
@media (min-width: 768px) {
.tzq-navbar--style-2 .tzq-navbar__menu-row::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--tzq-gradient-primary) !important;
z-index: -1;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
}
@media (max-width: 1023px) {
.tzq-navbar--style-2 .tzq-navbar__menu-row::before {
display: none;
}
}
.tzq-navbar--style-2 .tzq-navbar__menu-row .tzq-navbar__item {
color: #ffffff;
}
.tzq-navbar--style-2 .tzq-navbar__menu-row .tzq-navbar__item:hover {
background: rgba(255, 255, 255, 0.15);
}
.tzq-navbar--style-2 .tzq-navbar__menu-row .tzq-navbar__item--active {
background: rgba(255, 255, 255, 0.2);
}
.tzq-navbar--style-2 .tzq-navbar__menu {
display: flex;
width: 100%;
background: transparent;
padding: var(--tzq-spacing-sm) 0;
box-shadow: none;
}
.tzq-navbar--style-2 .tzq-navbar__menu-list {
display: flex;
}
.tzq-header-search {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 992px) {
.tzq-header-search__form {
position: static;
display: flex !important;
background: var(--tzq-bg-tertiary);
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
padding: 0.3rem 0.5rem;
box-shadow: var(--tzq-shadow-sm);
min-width: 200px;
max-width: 260px;
z-index: auto;
}
.tzq-header-search__field {
background: transparent;
border: none;
outline: none;
padding: 0.35rem 0.5rem;
font-size: var(--tzq-text-sm);
color: var(--tzq-text-primary);
width: 100%;
min-width: 0;
}
.tzq-header-search__field::placeholder {
color: var(--tzq-text-secondary);
font-size: var(--tzq-text-xs);
}
.tzq-header-search__field:focus {
outline: none;
}
.tzq-header-search__submit {
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
color: var(--tzq-text-secondary);
cursor: pointer;
padding: 0.25rem;
border-radius: var(--tzq-spacing-xs);
flex-shrink: 0;
}
.tzq-header-search__submit:hover {
color: var(--tzq-primary);
}
}
@media (max-width: 991px) {
.tzq-auth-btn,
.tzq-login-btn {
display: none !important;
}
.tzq-header-search__form {
position: absolute;
right: 0;
top: calc(100% + 0.5rem);
background: var(--tzq-bg-primary);
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
padding: var(--tzq-spacing-sm);
box-shadow: var(--tzq-shadow-lg);
display: none;
min-width: 240px;
z-index: 5;
}
.tzq-header-search--open .tzq-header-search__form {
display: flex;
}
.tzq-header-search__field {
width: 100%;
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
padding: var(--tzq-spacing-sm) var(--tzq-spacing-md);
font-size: var(--tzq-text-sm);
}
.tzq-header-search__field:focus {
outline: 2px solid var(--tzq-primary);
outline-offset: 1px;
}
.tzq-bottom-bar__search .tzq-header-search__form {
bottom: calc(100% + 0.5rem);
top: auto;
right: 0;
left: auto;
}
}
@media (max-width: 991px) {
.tzq-user-menu,
.tzq-navbar__actions .tzq-user-menu,
.tzq-navbar__actions .tzq-auth-btn,
.tzq-navbar__actions .tzq-login-btn {
display: none !important;
}
}
@media (max-width: 480px) {
.tzq-form-group__input,
.tzq-form-group__select {
padding: var(--tzq-spacing-2-5) var(--tzq-spacing-3) !important;
font-size: var(--tzq-text-sm) !important;
}
}
.tzq-notification-center-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: var(--tzq-bg-tertiary);
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
color: var(--tzq-text-secondary);
cursor: pointer;
box-shadow: var(--tzq-shadow-sm);
}
.tzq-notification-center-btn__badge {
position: absolute;
top: -4px;
right: -4px;
display: none;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
background: var(--tzq-error);
color: #fff;
font-size: 0.75rem;
font-weight: 700;
border-radius: var(--tzq-spacing-xs);
border: 1px solid var(--tzq-primary-light);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.tzq-notification-center-btn__badge:not(:empty) {
display: flex;
}
.tzq-notification-center-btn:hover {
background: var(--tzq-bg-hover);
border-color: var(--tzq-primary);
transform: translateY(-2px);
box-shadow: var(--tzq-shadow-md);
}
.tzq-auth-btn,
.tzq-login-btn {
display: inline-flex;
align-items: center;
gap: var(--tzq-spacing-sm, 0.5rem);
padding: var(--tzq-spacing-sm, 0.5rem) var(--tzq-spacing-lg, 1rem);
background: var(--tzq-gradient-primary);
color: white !important;
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
font-weight: 700;
cursor: pointer;
text-decoration: none;
box-shadow: var(--tzq-shadow-primary-xl-alt);
white-space: nowrap;
flex-shrink: 0;
}
.tzq-auth-btn:hover,
.tzq-login-btn:hover {
transform: translateY(-2px);
box-shadow: var(--tzq-shadow-primary-2xl);
color: white !important;
}
.tzq-header-install-btn {
display: inline-flex;
}
@media (max-width: 991px) {
.tzq-header-install-btn {
display: none !important;
}
}
.tzq-app-bar__item.tzq-pwa-install-btn.is-active .tzq-app-bar__icon {
color: #d97706;
}
.tzq-app-bar {
display: none;
position: fixed;
left: 10px;
right: 10px;
bottom: 10px;
height: 72px;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(226, 232, 240, 0.8);
border-radius: var(--tzq-spacing-xs);
z-index: 999;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
.tzq-app-bar {
display: block;
}
}
.tzq-app-bar__container {
display: flex;
align-items: center;
justify-content: space-around;
height: 100%;
}
.tzq-app-bar__item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
text-decoration: none;
color: #94a3b8;
border: none;
background: transparent;
padding: 0;
height: 100%;
position: relative;
transition: all 0.3s ease;
-webkit-tap-highlight-color: transparent;
}
.tzq-app-bar__item.is-active {
color: #1e293b;
}
.tzq-app-bar__item.is-active::after {
content: '';
position: absolute;
top: 10px;
width: 44px;
height: 44px;
background: rgba(241, 245, 249, 0.8);
border-radius: var(--tzq-spacing-xs);
z-index: -1;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
}
.tzq-app-bar__icon {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tzq-app-bar__item.is-active .tzq-app-bar__icon {
transform: translateY(-4px) scale(1.1);
}
.tzq-app-bar__label {
font-size: 0.75rem;
font-weight: 700;
color: #64748b;
opacity: 0.8;
}
.tzq-app-bar__item.is-active .tzq-app-bar__label {
color: #1e293b;
opacity: 1;
} .tzq-app-bar__item--main {
flex: 0 0 64px;
margin-top: -24px;
z-index: 2;
}
.tzq-app-bar__icon-wrapper {
width: 56px;
height: 56px;
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow:
0 8px 24px -4px rgba(37, 99, 235, 0.4),
0 0 0 4px #ffffff,
inset 0 -4px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tzq-app-bar__item--main:active .tzq-app-bar__icon-wrapper {
transform: scale(0.9) translateY(4px);
box-shadow: 0 4px 12px -2px rgba(37, 99, 235, 0.3), 0 0 0 2px #ffffff;
}
.tzq-app-bar__item--main .tzq-app-bar__label {
margin-top: 8px;
font-weight: 800;
color: var(--tzq-primary);
opacity: 1;
} .tzq-app-bar__item.is-active::after {
content: "";
position: absolute;
bottom: 6px;
width: 3px;
height: 3px;
background: var(--tzq-primary);
border-radius: 50%;
}
.tzq-app-bar__item--main::after {
display: none !important;
} [data-theme="dark"] .tzq-app-bar {
background: #1e293b;
border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .tzq-app-bar__item--main .tzq-app-bar__icon-wrapper {
box-shadow:
0 8px 16px -4px color-mix(in srgb, var(--tzq-primary) 50%, transparent),
0 0 0 4px #1e293b;
}
.tzq-menu-panel {
position: fixed;
top: 60px; bottom: 0;
right: 0;
width: 320px; max-width: 85vw;
background: var(--tzq-bg-primary);
z-index: 999999; display: flex;
flex-direction: column;
box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
transform: translateX(100%);
visibility: hidden;
overflow: hidden;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s;
}
@supports (top: max(0px)) {
.tzq-menu-panel {
top: var(--tzq-header-height, 60px);
}
}
.tzq-menu-panel--open {
transform: translateX(0);
visibility: visible;
display: flex !important;
}
.tzq-menu-panel--open+.tzq-menu-panel-overlay {
opacity: 1;
visibility: visible;
}
.tzq-menu-panel__header {
padding: var(--tzq-spacing-4) var(--tzq-spacing-6);
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--tzq-border-light);
background: var(--tzq-bg-secondary);
}
.tzq-menu-panel__title {
font-weight: 800;
font-size: 1.1rem;
color: var(--tzq-primary);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.tzq-menu-panel__close {
background: rgba(0, 0, 0, 0.05);
border: none;
color: var(--tzq-text-secondary);
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
}
.tzq-menu-panel__close:hover {
background: var(--tzq-error);
color: #fff;
transform: rotate(90deg);
}
@media (min-width: 1024px) {
.tzq-submenu-bar {
background: #ffffff !important;
height: 50px;
position: relative;
z-index: 99;
display: flex;
align-items: center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
width: 100vw;
margin-left: calc(-50vw + 50%);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
}
@media (max-width: 1023px) {
.tzq-submenu-bar {
--tzq-submenu-height: 50px;
background: #ffffff !important;
border-bottom: 1px solid var(--tzq-border-light);
height: var(--tzq-submenu-height);
position: relative;
z-index: 99;
display: flex;
align-items: center;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.tzq-submenu-container {
max-width: var(--tzq-content-max);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
height: 100%;
width: 100%;
}
.tzq-submenu-list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 0.5rem;
height: 100%;
align-items: center;
}
.tzq-submenu-link {
color: #000;
text-decoration: none;
font-size: 0.9rem;
font-weight: 800;
padding: 0.5rem 1rem;
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
gap: 0.6rem;
width: 100%;
border-radius: var(--tzq-spacing-xs);
background: var(--tzq-bg-secondary);
}
.tzq-submenu-link:hover,
.tzq-submenu-item--active .tzq-submenu-link {
color: white;
background: var(--tzq-primary);
}
.tzq-hamburger {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
padding: 0;
position: relative;
cursor: pointer;
background: var(--tzq-bg-tertiary);
border-radius: var(--tzq-spacing-xs);
border: 1px solid var(--tzq-border-light);
overflow: hidden;
}
.tzq-hamburger__inner {
width: 20px;
height: 2px;
background: var(--tzq-text-primary);
border-radius: var(--tzq-spacing-xs);
position: relative;
}
.tzq-hamburger__inner::before,
.tzq-hamburger__inner::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background: inherit;
border-radius: var(--tzq-spacing-xs);
left: 0;
}
.tzq-hamburger__inner::before {
top: -7px;
}
.tzq-hamburger__inner::after {
bottom: -7px;
}
.tzq-hamburger--active {
background: var(--tzq-primary);
border-color: var(--tzq-primary);
}
.tzq-hamburger--active .tzq-hamburger__inner {
background: white;
transform: rotate(45deg);
}
.tzq-hamburger--active .tzq-hamburger__inner::before {
top: 0;
opacity: 0;
transform: rotate(45deg);
}
.tzq-hamburger--active .tzq-hamburger__inner::after {
bottom: 0;
transform: rotate(-45deg);
} .tzq-hamburger--app-bar {
background: transparent !important;
border: none !important;
width: 24px !important;
height: 24px !important;
box-shadow: none !important;
}
.tzq-hamburger--app-bar .tzq-hamburger__inner {
width: 18px !important;
background: currentColor !important;
}
.tzq-hamburger--app-bar .tzq-hamburger__inner::before,
.tzq-hamburger--app-bar .tzq-hamburger__inner::after {
background: currentColor !important;
}
.tzq-app-bar__item.is-active .tzq-hamburger--app-bar .tzq-hamburger__inner {
background: var(--tzq-primary) !important;
}
@media (max-width: 991px) {
.tzq-navbar--style-2 .tzq-navbar__menu-row {
display: none !important;
}
.tzq-navbar__logo-image {
max-width: 130px;
max-height: 28px;
width: auto;
height: auto;
}
.tzq-navbar__mobile-btn {
display: flex !important;
width: 200px;
color: #fff;
background: var(--tzq-primary);
border-radius: 8px;
font-size: var(--tzq-icon-md, 20px);
border: none;
cursor: pointer;
height: 45px;
position: relative;
gap: 10px;
z-index: 100001;
transition: all 0.3s ease;
align-items: center;
font-family: inherit;
justify-content: center;
}
.tzq-navbar__mobile-btn--active {
background: var(--tzq-primary);
color: #ffffff;
border-color: var(--tzq-primary);
}
.tzq-submenu-bar {
display: none !important;
}
.tzq-navbar__mobile-menu {
position: fixed;
top: 60px; right: 0;
left: auto;
bottom: 0;
width: 320px;
max-width: 85vw;
background: var(--tzq-bg-primary, #ffffff);
z-index: 999999;
display: flex;
flex-direction: column;
padding: 0;
overflow-y: auto;
overscroll-behavior: contain;
border-left: 1px solid var(--tzq-border-light);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s;
transform: translateX(100%);
visibility: hidden;
box-shadow: -4px 0 15px rgba(0, 0, 0, 0.05);
}
@supports (top: max(0px)) {
.tzq-navbar__mobile-menu {
top: calc(var(--tzq-header-height, 60px) + var(--tzq-submenu-height, 0px));
}
}
.tzq-navbar__mobile-menu--active {
transform: translateX(0);
visibility: visible;
display: flex !important;
}
@media (max-width: 480px) {
.tzq-navbar__logo-image {
max-width: 90px !important;
max-height: 24px !important;
}
.tzq-navbar__logo-icon {
width: 40px !important;
height: 40px !important;
}
.tzq-navbar__logo-icon svg {
width: 440px;
}
.tzq-navbar__logo-text {
font-size: 1ç.6rem !important;
}
.tzq-user-menu__name {
display: none !important;
}
.tzq-user-menu__avatar {
width: 28px !important;
height: 28px !important;
}
.tzq-user-menu__btn {
padding: 0.2rem !important;
}
.tzq-navbar__content {
min-height: 60px !important;
max-height: 60px !important;
}
} .tzq-mobile-grade-toggle {
display: none !important;
} .tzq-common-test-banner {
background: linear-gradient(135deg, var(--tzq-primary) 0%, var(--tzq-primary-dark) 100%);
margin: 10px 11px;
border-radius: 16px;
padding: 10px;
color: #ffffff;
box-shadow: 0 10px 30px rgba(var(--tzq-primary-rgb), 0.25);
position: relative;
overflow: hidden;
}
.tzq-common-test-banner::before {
content: "";
position: absolute;
top: -50%;
right: -10%;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
pointer-events: none;
}
.tzq-common-test-banner__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
position: relative;
z-index: 2;
}
.tzq-common-test-banner__text h3 {
margin: 0 0 8px 0;
color: #ffffff;
font-size: 22px;
font-weight: 700;
}
.tzq-common-test-banner__text p {
margin: 0;
font-size: 15px;
opacity: 0.9;
line-height: 1.5;
}
.tzq-common-test-banner__text p strong {
color: #ffe082; }
.tzq-common-test-banner__action .tzq-btn--white {
background: #ffffff !important;
color: var(--tzq-primary) !important;
font-weight: 700 !important;
padding: 12px 24px !important;
border-radius: 12px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
white-space: nowrap;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tzq-common-test-banner__action .tzq-btn--white:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 768px) {
.tzq-common-test-banner__content {
flex-direction: column;
text-align: center;
}
.tzq-common-test-banner__text h3 {
font-size: 18px;
}
.tzq-common-test-banner__action {
width: 100%;
}
.tzq-common-test-banner__action .tzq-btn--white {
width: 100%;
display: block;
}
}
.tzq-navbar__mobile-nav {
padding: var(--tzq-spacing-3);
flex-shrink: 0;
}
.tzq-mobile-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-1-5);
}
.tzq-mobile-nav__list li {
display: flex;
flex-direction: column;
width: 100%;
}
.tzq-navbar__mobile-item {
display: flex;
align-items: center;
padding: var(--tzq-spacing-2-5) var(--tzq-spacing-4);
text-decoration: none;
color: var(--tzq-text-primary);
font-weight: 600;
font-size: var(--tzq-text-sm);
border-radius: var(--tzq-spacing-xs);
background: var(--tzq-bg-secondary);
border: 1px solid var(--tzq-border-light);
width: 100% !important;
box-sizing: border-box;
}
.tzq-navbar__mobile-item span {
flex: 1;
}
.tzq-navbar__mobile-item:hover,
.tzq-navbar__mobile-item--active {
background: var(--tzq-primary);
color: #fff;
border-color: var(--tzq-primary);
}
.tzq-navbar__mobile-sub {
list-style: none;
padding: var(--tzq-spacing-2) 0 var(--tzq-spacing-2) var(--tzq-spacing-6);
margin: 0;
display: none;
width: 100% !important;
flex-basis: 100%;
}
.tzq-navbar__mobile-sub--active {
display: block !important;
}
.tzq-navbar__mobile-item-wrap {
display: block !important;
width: 100% !important;
}
.tzq-navbar__mobile-item--has-children {
display: block !important;
width: 100% !important;
}
.tzq-navbar__mobile-sub-item {
padding: var(--tzq-spacing-3) var(--tzq-spacing-4);
color: var(--tzq-text-secondary);
font-size: var(--tzq-text-sm);
font-weight: 600;
border-bottom: 1px solid var(--tzq-border-light);
}
.tzq-navbar__mobile-toggle {
background: rgba(0, 0, 0, 0.05);
border: none;
color: inherit;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-navbar__mobile-toggle--active {
background: var(--tzq-primary);
color: #fff;
}
.tzq-navbar__mobile-item--has-children {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: var(--tzq-spacing-2);
}
.tzq-navbar__mobile-actions {
padding: var(--tzq-spacing-6);
background: var(--tzq-bg-secondary);
border-top: 1px solid var(--tzq-border-light);
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--tzq-spacing-4);
}
.tzq-mobile-action-btn {
width: 100%;
height: 48px;
}
} .tzq-custom-footer {
background: var(--tzq-bg-dark);
color: white;
margin-top: var(--tzq-spacing-5);
position: relative;
overflow: visible;
padding-top: 0;
border: none;
}
.tzq-footer__container {
position: relative;
z-index: 1;
max-width: var(--tzq-content-max, 1200px);
margin: 0 auto;
padding: var(--tzq-spacing-responsive-md);
}
.tzq-footer__content {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: var(--tzq-global-gap);
}
.tzq-footer--no-social .tzq-footer__social {
display: none !important;
}
.tzq-footer__brand {
max-width: 400px;
}
.tzq-footer__logo {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: var(--tzq-spacing-md);
}
.tzq-footer__logo:hover {
transform: translateX(4px);
}
.tzq-footer__logo-icon {
width: 40px;
height: 40px;
background: var(--tzq-gradient-primary);
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: var(--tzq-shadow-primary-xl-alt);
}
.tzq-footer__logo:hover .tzq-footer__logo-icon {
transform: rotate(12deg) scale(1.1);
box-shadow: var(--tzq-shadow-primary-3xl);
}
.tzq-footer__logo-text {
font-weight: 700;
font-size: var(--tzq-text-2xl);
color: white;
letter-spacing: -0.02em;
}
.tzq-footer__logo-accent {
color: var(--tzq-secondary);
}
.tzq-footer__description {
color: var(--tzq-slate-200);
line-height: 1.7;
font-size: var(--tzq-text-sm);
margin: 0;
opacity: 0.9;
}
.tzq-custom-footer .widget-title,
.tzq-footer-widget .widget-title,
.tzq-footer-heading,
.tzq-footer__menu-title {
background: transparent !important;
padding: 0 0 var(--tzq-spacing-sm) 0 !important;
color: #ffffff !important;
font-weight: 700 !important;
font-size: var(--tzq-text-lg) !important;
margin-bottom: var(--tzq-spacing-md) !important;
letter-spacing: -0.01em !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
position: relative !important;
}
.tzq-custom-footer .widget-title::after,
footer .widget-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 48px;
height: 2px;
background: var(--tzq-secondary);
border-radius: var(--tzq-spacing-xs);
}
.tzq-custom-footer .tzq-footer__menu-list,
.tzq-custom-footer .tzq-footer-widget--menu .menu-menu-container ul,
.tzq-custom-footer .tzq-footer-widget--menu ul.menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-xs);
}
.tzq-custom-footer .tzq-footer__menu-list a,
.tzq-custom-footer .tzq-footer-widget--menu .menu-menu-container ul a,
.tzq-custom-footer .tzq-footer-widget--menu ul.menu a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
font-size: var(--tzq-text-sm);
display: inline-flex;
align-items: center;
padding: var(--tzq-spacing-xs) 0;
font-weight: 500;
}
.tzq-custom-footer .tzq-footer__menu-list a:hover,
.tzq-custom-footer .tzq-footer-widget--menu .menu-menu-container ul a:hover,
.tzq-custom-footer .tzq-footer-widget--menu ul.menu a:hover {
color: var(--tzq-text-inverse);
padding-left: var(--tzq-spacing-sm);
}
.tzq-footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: var(--tzq-spacing-xl);
margin-top: var(--tzq-spacing-xl);
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-md);
align-items: center;
justify-content: space-between;
}
.tzq-footer__copyright {
color: rgba(255, 255, 255, 0.7);
font-size: var(--tzq-text-xs);
margin: 0;
text-align: center;
}
.tzq-footer__social {
display: flex;
gap: var(--tzq-spacing-md);
flex-wrap: wrap;
justify-content: center;
}
.tzq-list {
display: flex !important;
flex-direction: column !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
gap: 5px;
}
.tzq-archive__content {
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-sm);
}
.tzq-list-item {
display: flex;
cursor: pointer;
background: #ffffff;
gap: 4px;
padding: 5px;
border: 1px solid rgba(226, 232, 240, 0.8) !important;
box-shadow: 0 4px 12px rgba(115, 133, 158, 0.03), 0 1px 2px rgba(115, 133, 158, 0.02) !important;
overflow: hidden;
text-decoration: none !important;
will-change: transform, box-shadow, background-color;
align-items: center;
position: relative;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.tzq-list-item::before { position: absolute;
left: 6px !important;
top: 12px !important;
bottom: 12px !important;
width: 4px !important;
background: var(--tzq-primary) !important;
border-radius: 20px !important;
opacity: 0;
transform: scaleY(0.3);
transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.tzq-list-item:hover {
border-color: rgba(var(--tzq-primary-rgb, 30, 64, 175), 0.25) !important;
background-color: #f1f5f9 !important;
box-shadow: 0 12px 24px rgba(30, 64, 175, 0.06), 0 4px 8px rgba(30, 64, 175, 0.02) !important;
}
.tzq-list-item:hover::before {}
.tzq-list-item__icon {
color: var(--tzq-primary);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0; }
.tzq-list-item:hover .tzq-list-item__icon {
color: var(--tzq-primary); transform: scale(1.08) rotate(4deg);
}
.tzq-list-item:hover .tzq-arrow-svg {
transform: translateX(4px);
} .tzq-list-item:hover .tzq-list-item__icon[class*="--book"],
.tzq-list-item:hover .tzq-list-item__icon[class*="--sinif"],
.tzq-list-item:hover .tzq-list-item__icon[class*="--ders"],
.tzq-list-item:hover .tzq-list-item__icon[class*="--exam"],
.tzq-list-item:hover .tzq-list-item__icon[class*="--game"],
.tzq-list-item:hover .tzq-list-item__icon[class*="--download"],
.tzq-list-item:hover .tzq-list-item__icon[class*="--kategori"] {
transform: translateY(-5px) scale(1.15);
}
.tzq-list-item__content {
flex: 1;
display: flex;
min-width: 0;
justify-content: space-between;
gap: 0.5rem;
flex-direction: row;
align-items: center;
}
.tzq-list-item__body {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
justify-content: center;
gap: 0.25rem;
}
.tzq-list-item__title {
font-weight: 700;
color: var(--tzq-text-primary);
display: flex;
font-size: 1rem;
word-break: break-word;
line-height: 1.35;
margin: 0;
text-decoration: none;
align-items: center;
}
.tzq-list-item:hover .tzq-list-item__title,
.tzq-list-item__title:hover {
color: var(--tzq-primary);
}
.tzq-list-item__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.375rem;
font-size: 0.8rem;
font-weight: 600;
color: var(--tzq-text-secondary, #64748b);
margin: 0;
}
.tzq-list-item__meta-item {
display: inline-flex;
align-items: center;
padding: var(--tzq-spacing-sm);
border-radius: var(--tzq-spacing-xs);
border: 1px solid var(--tzq-primary);
line-height: 1;
font-weight: 700;
font-size: 0.75rem;
background: var(--tzq-bg-secondary, #f8fafc);
color: var(--tzq-primary);
}
.tzq-list-item__meta-item.date,
.tzq-list-item__meta-item.metric {
background: rgba(var(--tzq-primary-rgb, 59, 130, 246), 0.08);
border-color: rgba(var(--tzq-primary-rgb, 59, 130, 246), 0.2);
color: var(--tzq-primary);
}
.tzq-list-item__meta-item.questions {
background: rgba(16, 185, 129, 0.08);
border-color: rgba(16, 185, 129, 0.2);
color: #059669;
}
.tzq-list-item .tzq-badge--light {
background: rgba(var(--tzq-primary-rgb, 30, 64, 175), 0.05) !important;
border: 1px solid rgba(var(--tzq-primary-rgb, 30, 64, 175), 0.12) !important;
color: var(--tzq-primary) !important;
font-weight: 700 !important;
font-size: 0.72rem !important;
padding: 3px 9px !important;
border-radius: 6px !important;
}
.tzq-list-item--large {
padding: 1.125rem 1.25rem;
gap: 1rem;
border-radius: var(--tzq-spacing-xs);
align-items: center;
}
.tzq-list-item--large .tzq-list-item__icon {
width: 54px;
height: 54px;
min-width: 54px;
border-radius: var(--tzq-spacing-xs);
font-size: 1.5rem; flex-shrink: 0; background-size: 80% !important;
}
.dw-subject--hub.tzq-list-item:hover .tzq-list-item__icon {
transform: none;
}
.tzq-list-item--mini .tzq-list-item__icon {
width: 25px;
height: 25px;
min-width: 25px;
font-size: 0.875rem;
padding: 0;
background-size: 90% !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.tzq-list-item__action {
display: flex;
align-items: center;
flex-shrink: 0;
color: var(--tzq-text-muted);
font-size: 0.9rem;
padding-left: 0.25rem;
}
.tzq-list-item__action .tzq-btn--primary {
white-space: nowrap;
font-size: 0.8rem;
padding: 0.2rem;
border-radius: var(--tzq-spacing-xs);
}
.tzq-list-item:hover .tzq-list-item__action .tzq-btn--primary {
box-shadow: 0 4px 12px rgba(var(--tzq-primary-rgb, 59, 130, 246), 0.3);
transform: translateX(2px);
}
.tzq-list-item__actions {
display: flex;
align-items: center;
gap: var(--tzq-spacing-xs);
flex-shrink: 0;
margin-left: auto;
}
.tzq-list-item__info {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--tzq-spacing-xs);
margin-top: 4px;
font-size: 0.8rem;
color: var(--tzq-text-secondary);
}
.tzq-list-item__meta-cat {
font-weight: 700;
color: var(--tzq-primary);
font-size: 0.82rem;
}
.tzq-list-item__meta-sep {
color: var(--tzq-text-muted);
font-size: 0.7rem;
opacity: 0.5;
}
.tzq-list-item__meta-info {
color: var(--tzq-text-secondary);
font-size: 0.82rem;
font-weight: 600;
}
.tzq-sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
}
.tzq-sidebar-menu li {
border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.tzq-sidebar-menu li:last-child {
border-bottom: none;
}
.tzq-sidebar-menu a {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.7rem 1rem;
font-size: 0.82rem;
font-weight: 600;
color: var(--tzq-text-secondary);
text-decoration: none;
}
.tzq-sidebar-menu a:before {
content: '»';
font-weight: 900;
font-size: 1.1rem;
color: var(--tzq-text-muted);
margin-right: 0.1rem;
}
.tzq-sidebar-menu a:hover {
color: var(--tzq-primary);
background: rgba(30, 64, 175, 0.04);
}
.tzq-sidebar-menu a:hover:before {
color: var(--tzq-primary);
}
.tzq-yazili-recent-widget {
background: #fff;
border: 1px solid var(--tzq-border-light, #e2e8f0);
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
}
.tzq-yazili-recent-widget__header {
display: flex;
align-items: center;
gap: 0.625rem;
padding: 1rem 1.25rem;
border-bottom: 1px solid var(--tzq-border-light, #e2e8f0);
background: #1c2430;
}
.tzq-yazili-recent-widget__icon {
font-size: 1.125rem;
line-height: 1;
}
.tzq-yazili-recent-widget__title {
font-size: 1.3rem;
color: #ffffff;
margin: 0;
flex: 1;
}
.tzq-yazili-recent-widget__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
height: 24px;
padding: 0 6px;
border-radius: var(--tzq-spacing-xs);
background: rgb(255 255 255 / 11%);
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
line-height: 1;
}
.tzq-yazili-recent-list {
display: flex;
flex-direction: column;
}
.tzq-yazili-recent-item {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 5px;
text-decoration: none !important;
border-bottom: 1px solid var(--tzq-border-light, #e2e8f0);
position: relative;
}
.tzq-yazili-recent-item:last-child {
border-bottom: none;
}
.tzq-yazili-recent-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: var(--tzq-primary);
opacity: 0;
}
.tzq-yazili-recent-item:hover {
background: var(--tzq-bg-secondary, #f8fafc);
transform: translateX(2px);
}
.tzq-yazili-recent-item:hover::before {
opacity: 1;
}
.tzq-yazili-recent-item__icon {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
flex-shrink: 0;
}
.tzq-yazili-recent-item:hover .tzq-yazili-recent-item__icon {
transform: scale(1.1) rotate(4deg);
}
.tzq-yazili-recent-item__body {
flex: 1;
min-width: 0;
}
.tzq-yazili-recent-item__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
.tzq-yazili-recent-item__title {
font-size: 0.875rem;
font-weight: 600;
color: var(--tzq-text-primary);
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
}
.tzq-yazili-recent-item:hover .tzq-yazili-recent-item__title {
color: var(--tzq-primary);
}
.tzq-yazili-recent-item__date {
font-size: 0.72rem;
font-weight: 600;
color: var(--tzq-text-tertiary, #94a3b8);
flex-shrink: 0;
} .tzq-layout__sidebar.tzq-layout__sidebar--right {
width: var(--tzq-sidebar-width, 340px);
min-width: var(--tzq-sidebar-width, 340px);
max-width: var(--tzq-sidebar-width, 340px);
position: sticky;
top: calc(var(--tzq-navbar-offset, 0px) + var(--tzq-admin-bar-height, 0px) + 1rem);
height: fit-content;
align-self: flex-start;
}
.inside-right-sidebar {
display: flex;
gap: 10px;
flex-direction: column;
}
.inside-right-sidebar .tzq-widget,
.tzq-widget.widget {
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
}
.tzq-widget-title {
padding: 15px;
background: linear-gradient(120deg, #0f172a 0%, #1e293b 55%, #334155 100%);
color: white; }
.inside-right-sidebar .tzq-widget:hover,
.tzq-widget.widget:hover {
box-shadow: var(--tzq-shadow-md);
}
.tzq-leaderboard-widget__title {
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
padding: 10px;
margin-bottom: 0;
color: white;
}
.tzq-leaderboard-widget__title h3 {}
.inside-right-sidebar .tzq-widget .widget-title,
.tzq-widget.widget .widget-title,
.tzq-widget.widget .tzq-heading--widget {
margin: 0;
padding: var(--tzq-spacing-4);
border-bottom: 1px solid var(--tzq-border-light);
font-size: var(--tzq-text-sm);
font-weight: var(--tzq-font-bold);
color: white;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #171717 100%);
display: flex;
align-items: center;
margin-bottom: 10px;
gap: 0.5rem;
}
.inside-right-sidebar .tzq-widget__footer,
.tzq-widget.widget .tzq-widget__footer {
padding: var(--tzq-spacing-2) var(--tzq-spacing-4);
border-top: 1px solid var(--tzq-border-light);
text-align: right;
background: var(--tzq-bg-secondary);
}
.tzq-widget--card {
background: var(--tzq-bg-primary);
border: 1px solid var(--tzq-border-light);
border-radius: var(--tzq-spacing-xs);
box-shadow: var(--tzq-shadow-sm);
overflow: hidden;
}
.tzq-widget--mb {
margin-bottom: var(--tzq-spacing-4, 1rem);
}
.tzq-layout__sidebar .tzq-widget--menu ul.menu,
.tzq-layout__sidebar .tzq-widget--menu .menu-menu-container ul {
list-style: none;
margin: 0;
padding: var(--tzq-spacing-3);
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-2);
}
.tzq-layout__sidebar .tzq-widget--menu ul.menu a,
.tzq-layout__sidebar .tzq-widget--menu .menu-menu-container ul a {
color: var(--tzq-text-primary);
text-decoration: none;
font-size: var(--tzq-text-sm);
font-weight: 500;
display: flex;
align-items: center;
padding: var(--tzq-spacing-1) 0;
}
.tzq-layout__sidebar .tzq-widget--menu ul.menu a:hover,
.tzq-layout__sidebar .tzq-widget--menu .menu-menu-container ul a:hover {
color: var(--tzq-primary);
padding-left: var(--tzq-spacing-2);
}
.tzq-layout__sidebar .tzq-widget--menu ul.menu li:not(:last-child),
.tzq-layout__sidebar .tzq-widget--menu .menu-menu-container ul li:not(:last-child) {
border-bottom: 1px solid var(--tzq-border-light);
padding-bottom: var(--tzq-spacing-1);
} .tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--book"],
.tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--sinif"],
.tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--ders"],
.tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--exam"],
.tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--game"],
.tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--download"],
.tzq-layout__sidebar--right .tzq-list-item:hover .tzq-list-item__icon[class*="--kategori"] {
background-color: transparent;
transform: translateY(-3px) scale(1.1);
}
.tzq-son-denemeler-list {
list-style: none;
margin: 0;
padding: 0;
}
.tzq-son-denemeler-item {
display: flex;
align-items: center;
gap: var(--tzq-spacing-3);
padding: var(--tzq-spacing-2) 0;
border-bottom: 1px solid var(--tzq-border-light);
}
.tzq-son-denemeler-item:last-child {
border-bottom: none;
}
.tzq-son-denemeler-item__body {
flex: 1;
min-width: 0;
}
.tzq-son-denemeler-title {
font-size: var(--tzq-text-xs);
font-weight: var(--tzq-font-bold);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--tzq-text-primary);
}
.tzq-son-denemeler-meta {
font-size: 0.7rem;
color: var(--tzq-text-tertiary);
margin-top: 2px;
display: flex;
align-items: center;
gap: var(--tzq-spacing-1);
flex-wrap: wrap;
}
.tzq-son-denemeler-correct {
color: var(--tzq-success);
font-weight: var(--tzq-font-bold);
}
.tzq-son-denemeler-wrong {
color: var(--tzq-error);
font-weight: var(--tzq-font-bold);
}
.tzq-son-denemeler-total {
opacity: 0.6;
}
.tzq-son-denemeler-time {
opacity: 0.5;
}
.tzq-son-denemeler-item__actions {
display: flex;
align-items: center;
gap: var(--tzq-spacing-2);
flex-shrink: 0;
}
.tzq-son-denemeler-score {
font-size: var(--tzq-text-xs);
font-weight: var(--tzq-font-black);
min-width: 36px;
text-align: right;
display: inline-block;
}
.tzq-score--success {
color: var(--tzq-success);
}
.tzq-score--warning {
color: var(--tzq-warning, #f59e0b);
}
.tzq-score--danger {
color: var(--tzq-error);
}
.tzq-son-denemeler-replay {
padding: 3px 7px !important;
font-size: 0.72rem !important;
}
.tzq-son-denemeler-footer {
margin-top: var(--tzq-spacing-3);
text-align: right;
} .tzq-widget--cta {
border-color: var(--tzq-primary-light, #bfdbfe) !important;
background: linear-gradient(135deg, var(--tzq-primary-rgba-05, #dce4fb) 0%, var(--tzq-success-light, #f0fdf4) 100%) !important;
}
.tzq-widget-cta {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--tzq-spacing-3);
padding: var(--tzq-spacing-4) var(--tzq-spacing-3);
text-align: center;
}
.tzq-widget-cta__icon {
font-size: var(--tzq-icon-xl);
line-height: 1;
}
.tzq-widget-cta__text {
flex: 1;
}
.tzq-widget-cta__text strong {
display: block;
font-size: var(--tzq-text-sm);
font-weight: var(--tzq-font-extrabold);
color: var(--tzq-text-primary);
margin-bottom: var(--tzq-spacing-1);
}
.tzq-widget-cta__text p {
font-size: var(--tzq-text-xs);
color: var(--tzq-text-secondary);
margin: 0;
line-height: var(--tzq-leading-relaxed);
}
.tzq-mt-sm {
margin-top: var(--tzq-spacing-3);
}
.tzq-riddle-container {
text-align: center;
background: linear-gradient(135deg, var(--tzq-bg-primary), var(--tzq-bg-secondary));
border: 1px solid var(--tzq-border-light);
border-radius: var(--tzq-spacing-xs);
padding: 2rem 1.5rem 1.5rem;
box-shadow: var(--tzq-shadow-md);
position: relative;
margin-top: 1.5rem;
overflow: visible;
}
.tzq-riddle-icon {
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
font-size: 1.5rem;
background: var(--tzq-gradient-warning, linear-gradient(135deg, #f59e0b, #fbbf24));
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
border: 3px solid var(--tzq-bg-primary);
z-index: 2;
}
.tzq-riddle-title {
justify-content: center;
margin-top: 0.5rem;
margin-bottom: 1.25rem;
border-bottom: 1px dashed var(--tzq-border-light);
padding-bottom: 0.75rem;
color: var(--tzq-text-primary);
font-size: var(--tzq-text-base);
font-weight: var(--tzq-font-extrabold);
}
.tzq-riddle-text {
font-size: var(--tzq-text-sm);
color: var(--tzq-text-secondary);
font-style: italic;
font-weight: var(--tzq-font-semibold);
margin-bottom: 1.5rem;
line-height: var(--tzq-leading-relaxed);
}
.tzq-riddle-answer-box {
margin-top: 1rem;
padding: 1rem;
background: rgba(var(--tzq-success-rgb, 16, 185, 129), 0.08);
border: 1px solid rgba(var(--tzq-success-rgb, 16, 185, 129), 0.2);
border-radius: var(--tzq-spacing-xs);
animation: tzqFadeInUp 0.4s ease forwards;
}
.tzq-riddle-answer-label {
font-size: var(--tzq-text-xs);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--tzq-success);
font-weight: var(--tzq-font-extrabold);
margin-bottom: 0.25rem;
}
.tzq-riddle-answer-text {
font-size: var(--tzq-text-sm);
color: var(--tzq-text-primary);
font-weight: var(--tzq-font-bold);
}
@keyframes tzqFadeInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}   .tzq-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
padding: 20px;
}
.tzq-modal.is-active {
display: flex;
}
.tzq-modal__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
}
.tzq-modal__container {
position: relative;
background: var(--tzq-bg-primary, #ffffff);
width: 100%;
max-width: 500px;
border-radius: var(--tzq-spacing-xs);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
overflow: hidden;
animation: tzqModalFadeIn 0.3s ease-out;
}
.tzq-modal__header {
padding: 20px 24px;
border-bottom: 1px solid var(--tzq-border-light, #e2e8f0);
display: flex;
align-items: center;
justify-content: space-between;
}
.tzq-modal__title {
margin: 0;
font-size: 1.25rem;
font-weight: 700;
color: var(--tzq-text-primary, #1e293b);
}
.tzq-modal__close {
background: none;
border: none;
font-size: 1.5rem;
cursor: pointer;
color: var(--tzq-text-secondary, #64748b);
line-height: 1;
}
.tzq-modal__body {
padding: 24px;
}
@keyframes tzqModalFadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}  .tzq-form-group {
margin-bottom: var(--tzq-spacing-lg);
}
.tzq-form-group__label {
display: block;
font-weight: var(--tzq-font-semibold, 600);
color: var(--tzq-text-primary);
margin-bottom: var(--tzq-spacing-sm);
font-size: var(--tzq-text-sm, 0.875rem);
}
.tzq-form-group__input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.tzq-form-group__icon {
position: absolute;
left: 15px;
font-size: 1.2rem;
color: var(--tzq-primary);
display: flex;
align-items: center;
pointer-events: none;
}
.tzq-form-group__input,
.tzq-form-group__textarea,
.tzq-form-group__select {
width: 100%;
padding: var(--tzq-input-padding, 0.75rem 1rem);
background: var(--tzq-bg-primary);
border: 1px solid var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
font-size: var(--tzq-text-base, 1rem);
color: var(--tzq-text-primary);
outline: none;
font-family: inherit;
}
.tzq-form-group__textarea {
resize: vertical;
min-height: 120px;
}
.tzq-form-group__input--icon,
.tzq-form-group__select--icon {
padding-left: 45px !important;
}
.tzq-form-group__input-wrapper .tzq-form-group__input,
.tzq-form-group__input-wrapper .tzq-form-group__select,
.tzq-form-group__input-wrapper .tzq-form-group__textarea {
padding-left: 45px !important;
}
.tzq-form-group__input:focus,
.tzq-form-group__textarea:focus,
.tzq-form-group__select:focus {
border-color: var(--tzq-primary);
box-shadow: var(--tzq-input-focus-ring);
}
.tzq-form-check {
display: flex;
align-items: center;
gap: var(--tzq-spacing-2, 0.5rem);
margin-bottom: var(--tzq-spacing-3, 0.75rem);
}
.tzq-form-check__input {
width: 20px;
height: 20px;
cursor: pointer;
accent-color: var(--tzq-primary);
}
.tzq-form-check__label {
font-size: var(--tzq-text-sm);
color: var(--tzq-text-secondary);
cursor: pointer;
line-height: 1.4;
}
.tzq-form-group__toggle {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
padding: 4px;
color: var(--tzq-slate-400);
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
z-index: 1;
}
.tzq-form-group__toggle:hover {
color: var(--tzq-primary);
}
.tzq-form-group__toggle-icon {
font-size: 1.1rem;
pointer-events: none;
}
.tzq-form-group__input-wrapper .tzq-form-group__input[type="password"],
.tzq-form-group__input-wrapper .tzq-form-group__input[type="text"] {
padding-right: 44px !important;
}
.tzq-form-actions {
margin-top: var(--tzq-spacing-md);
}
.tzq-form-row--two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--tzq-spacing-md);
}
@media (max-width: 640px) {
.tzq-form-row--two-col {
grid-template-columns: 1fr;
}
}
.tzq-required {
color: var(--tzq-error);
margin-left: 2px;
}
.tzq-loading-state {
opacity: 0.8;
pointer-events: none;
}
.tzq-section--auth {
min-height: calc(100vh - var(--tzq-header-height-desktop, 90px));
display: flex;
align-items: stretch;
background: var(--tzq-bg-primary);
position: relative;
overflow: hidden;
}
.tzq-auth {
width: 100%;
display: flex;
align-items: stretch;
position: relative;
z-index: 1;
}
.tzq-auth__decoration {
display: none;
width: 42%;
flex-shrink: 0;
background: var(--tzq-gradient-primary-dark);
position: relative;
overflow: hidden;
align-items: center;
flex-direction: column;
gap: var(--tzq-spacing-8);
padding: var(--tzq-spacing-16) var(--tzq-spacing-12);
text-align: center;
}
@media (min-width: 1024px) {
.tzq-auth__decoration {
display: flex;
}
}
.tzq-auth__decoration::before {
content: '';
position: absolute;
inset: 0;
background: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='white' fill-opacity='.06'/%3E%3C/svg%3E") repeat;
pointer-events: none;
}
.tzq-auth__decoration-circle {
position: relative;
z-index: 1;
color: var(--tzq-text-inverse);
}
.tzq-auth__decoration-circle:nth-child(1) {
font-size: 5rem;
line-height: 1;
filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.2));
animation: authIconFloat 4s ease-in-out infinite;
}
@keyframes authIconFloat {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-12px);
}
}
.tzq-auth__decoration-circle:nth-child(2) {
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: var(--tzq-font-black);
line-height: var(--tzq-leading-tight);
letter-spacing: -0.02em;
}
.tzq-auth__decoration-circle:nth-child(3) {
font-size: var(--tzq-text-base);
opacity: 0.8;
line-height: var(--tzq-leading-relaxed);
max-width: 280px;
}
.tzq-auth__panel-features {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-3);
position: relative;
z-index: 1;
color: var(--tzq-text-inverse);
width: 100%;
max-width: 260px;
}
.tzq-auth__panel-feature {
display: flex;
align-items: center;
gap: var(--tzq-spacing-3);
font-size: var(--tzq-text-sm);
font-weight: var(--tzq-font-semibold);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: var(--tzq-spacing-xs);
padding: var(--tzq-spacing-2-5) var(--tzq-spacing-4);
}
.tzq-auth__panel-feature:hover {
background: rgba(255, 255, 255, 0.18);
}
.tzq-auth__panel-feature-icon {
font-size: var(--tzq-icon-sm);
flex-shrink: 0;
}
.tzq-form-group__required {
color: var(--tzq-error);
margin-left: 2px;
}
.tzq-auth__container {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: var(--tzq-bg-primary);
overflow-y: auto;
position: relative;
z-index: 1;
}
.tzq-auth__container--wide {
max-width: 100%;
}
.tzq-auth__container>* {
width: 100%;
max-width: 480px;
}
.tzq-auth__container--wide>* {
max-width: 680px;
}
.tzq-auth__container .tzq-card {
background: var(--tzq-bg-primary);
border-radius: var(--tzq-spacing-xs);
border: 1px solid var(--tzq-border-light);
box-shadow: var(--tzq-shadow-lg);
overflow: hidden;
animation: authCardIn 0.5s var(--tzq-ease-out) both 0.1s;
}
@keyframes authCardIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.tzq-auth__container .tzq-card__body {
padding: var(--tzq-spacing-8);
}
.tzq-form--two-col {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 var(--tzq-spacing-5);
}
.tzq-form--two-col .tzq-form-group--full,
.tzq-form--two-col .tzq-form-actions,
.tzq-form--two-col .cf-turnstile {
grid-column: 1 / -1;
}
@media (max-width: 640px) {
.tzq-form--two-col {
grid-template-columns: 1fr;
}
}
.tzq-card__footer--auth {
display: flex;
flex-direction: column;
gap: var(--tzq-spacing-2);
margin-top: var(--tzq-spacing-5);
padding-top: var(--tzq-spacing-5);
border-top: 1px solid var(--tzq-border-light);
text-align: center;
grid-column: 1 / -1;
}
.tzq-card__footer--auth .tzq-btn {
width: 100%;
justify-content: center;
font-size: var(--tzq-text-sm);
padding: var(--tzq-spacing-2-5) var(--tzq-spacing-4);
color: var(--tzq-text-secondary);
border-color: var(--tzq-border-light);
}
.tzq-card__footer--auth .tzq-btn:hover {
color: var(--tzq-primary);
border-color: var(--tzq-primary);
background: var(--tzq-primary-rgba-08);
}
.tzq-heading--alert {
font-size: var(--tzq-text-lg);
font-weight: var(--tzq-font-extrabold);
margin-bottom: var(--tzq-spacing-2);
color: var(--tzq-success-dark, #166534);
}
.tzq-alert--success .tzq-heading--alert {
color: var(--tzq-success-dark, #166534);
}
.tzq-alert__description {
font-size: var(--tzq-text-sm);
line-height: var(--tzq-leading-relaxed);
margin: 0;
}
@media (max-width: 1023px) {
.tzq-section--auth {
align-items: flex-start;
min-height: auto;
}
.tzq-auth {
flex-direction: column;
}
.tzq-auth__container {
padding: var(--tzq-spacing-responsive-lg);
}
.tzq-auth__container .tzq-card__body {
padding: var(--tzq-spacing-6);
}
}
@media (prefers-reduced-motion: reduce) {
.tzq-auth__decoration-circle:nth-child(1) {
animation: none;
}
.tzq-auth__container .tzq-card {
animation: none;
}
} .tzq-alert {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.25rem 1.5rem;
border-radius: var(--tzq-spacing-xs);
margin-bottom: 1.5rem;
animation: tzqAlertFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
position: relative;
border: 1px solid transparent;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.tzq-alert:empty,
.tzq-alert__content:empty {
display: none !important;
}
@keyframes tzqAlertFadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.tzq-alert__icon {
font-size: 1.5rem;
line-height: 1;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
background: rgba(255, 255, 255, 0.5);
border-radius: var(--tzq-spacing-xs);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.tzq-alert__content {
flex: 1;
padding-top: 0.25rem;
}
.tzq-alert__title {
margin: 0 0 0.25rem 0;
font-size: 1rem;
font-weight: 800;
color: inherit;
}
.tzq-alert__message,
.tzq-alert__content p,
.tzq-alert__description {
margin: 0;
font-size: 0.9375rem;
line-height: 1.6;
opacity: 0.9;
}
.tzq-alert--success {
background: #ecfdf5;
color: #065f46;
border-color: #a7f3d0;
}
.tzq-alert--success .tzq-alert__icon {
color: #10b981;
}
.tzq-alert--error {
background: #fef2f2;
color: #991b1b;
border-color: #fecaca;
}
.tzq-alert--error .tzq-alert__icon {
color: #ef4444;
}
.tzq-alert--warning {
background: #fffbeb;
color: #92400e;
border-color: #fde68a;
}
.tzq-alert--warning .tzq-alert__icon {
color: #f59e0b;
}
.tzq-alert--info {
background: #f0f9ff;
color: #075985;
border-color: #bae6fd;
}
.tzq-alert--info .tzq-alert__icon {
color: #0ea5e9;
}
.tzq-alert__close,
.tzq-alert__dismiss {
background: transparent;
border: none;
padding: 0.5rem;
margin: -0.5rem -0.5rem -0.5rem 0;
cursor: pointer;
font-size: 1.25rem;
line-height: 1;
opacity: 0.5;
color: inherit;
}
.tzq-alert__close:hover,
.tzq-alert__dismiss:hover {
opacity: 1;
}  .tzq-pagination-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 1.5rem 1rem;
gap: 0.5rem;
}
.tzq-pagination {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
list-style: none;
gap: 0.5rem;
} .tzq-pagination-wrapper .tzq-pagination__link,
.tzq-pagination-wrapper .page-numbers,
.tzq-pagination .tzq-pagination__link,
.tzq-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 1rem;
font-size: 0.95rem;
font-weight: 700;
color: var(--tzq-text-primary, #1e293b) !important;
background: var(--tzq-bg-primary, #ffffff);
border: 1px solid var(--tzq-border-light, #e2e8f0);
border-radius: 8px;
text-decoration: none !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
cursor: pointer;
user-select: none;
} .tzq-pagination li {
display: inline-flex;
}
.tzq-pagination li a,
.tzq-pagination li span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 1rem;
font-size: 0.95rem;
font-weight: 700;
color: var(--tzq-text-primary, #1e293b) !important;
background: var(--tzq-bg-primary, #ffffff);
border: 1px solid var(--tzq-border-light, #e2e8f0);
border-radius: 8px;
text-decoration: none !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
cursor: pointer;
} .tzq-pagination-wrapper a.tzq-pagination__link:hover,
.tzq-pagination-wrapper a.page-numbers:hover,
.tzq-pagination a.tzq-pagination__link:hover,
.tzq-pagination a.page-numbers:hover,
.tzq-pagination li a:hover {
background: var(--tzq-bg-secondary, #f8fafc) !important;
color: var(--tzq-primary, #2563eb) !important;
border-color: var(--tzq-primary-light, #bfdbfe) !important;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);
} .tzq-pagination-wrapper .tzq-pagination__link--current,
.tzq-pagination-wrapper .current,
.tzq-pagination .tzq-pagination__link--current,
.tzq-pagination .current,
.tzq-pagination li span.current {
background: var(--tzq-primary, #2563eb) !important;
color: #ffffff !important;
border-color: var(--tzq-primary, #2563eb) !important;
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
cursor: default;
pointer-events: none;
} .tzq-pagination-wrapper .tzq-pagination__link--dots,
.tzq-pagination-wrapper .dots,
.tzq-pagination .tzq-pagination__link--dots,
.tzq-pagination .dots,
.tzq-pagination li span.dots {
background: transparent !important;
border-color: transparent !important;
color: var(--tzq-text-secondary, #64748b) !important;
box-shadow: none !important;
cursor: default;
pointer-events: none;
} .tzq-pagination-wrapper .tzq-pagination__link--prev,
.tzq-pagination-wrapper .tzq-pagination__link--next,
.tzq-pagination-wrapper .prev,
.tzq-pagination-wrapper .next,
.tzq-pagination .tzq-pagination__link--prev,
.tzq-pagination .tzq-pagination__link--next,
.tzq-pagination .prev,
.tzq-pagination .next {
min-width: auto;
padding: 0 1.25rem;
} .tzq-empty-state {
text-align: center;
padding: var(--tzq-spacing-3xl, 3rem);
background: var(--tzq-bg-primary);
border-radius: var(--tzq-spacing-xs);
box-shadow: var(--tzq-shadow-md);
border: 1px solid var(--tzq-primary-light);
}
.tzq-empty-state--modern {
padding: 4rem 2rem;
background: var(--tzq-bg-secondary);
border: 1px solid var(--tzq-primary-light);
}
.tzq-empty-state__icon {
font-size: 3rem;
margin-bottom: 1.5rem;
opacity: 0.5;
color: var(--tzq-text-tertiary);
display: block;
}
.tzq-empty-state__title {
font-size: 1.5rem;
font-weight: 800;
color: var(--tzq-text-primary);
margin-bottom: 0.75rem;
}
.tzq-empty-state__description {
font-size: 1rem;
color: var(--tzq-text-secondary);
max-width: 500px;
margin: 0 auto;
}
.tzq-empty-state__action {
margin-top: 2rem;
}
.tzq-empty-state--search {
padding: 2rem;
background: var(--tzq-bg-secondary);
border: 1px dashed var(--tzq-border-medium);
}
.tzq-empty-state__icon--4xl {
font-size: 4rem;
}
.tzq-empty-state__icon--5xl {
font-size: 5rem;
}
.tzq-empty-state__text {
font-size: var(--tzq-text-base);
color: var(--tzq-text-secondary);
margin: 0.5rem 0 0;
}
.tzq-empty-note {
font-size: var(--tzq-text-sm);
color: var(--tzq-text-muted);
opacity: 0.7;
margin-top: 0.5rem;
} .tzq-mb-4 {
margin-bottom: 1rem !important;
}
.tzq-mb-8 {
margin-bottom: 2rem !important;
}
.tzq-mt-4 {
margin-top: 1rem !important;
}
.tzq-mt-8 {
margin-top: 2rem !important;
}
.tzq-p-4 {
padding: 1rem !important;
}
.tzq-mb-6 {
margin-bottom: 1.5rem !important;
} .tzq-result-card {
text-align: center;
}
.tzq-score-visual {
position: relative;
width: 160px;
height: 160px;
margin: 0 auto 2rem;
}
.tzq-score-circle__text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tzq-score-val {
display: block;
font-size: 2.25rem;
font-weight: 950;
color: var(--tzq-primary);
line-height: 1;
}
.tzq-score-label {
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
color: var(--tzq-text-tertiary);
letter-spacing: 1px;
}
.tzq-result-stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin: 1.5rem 0;
}
.tzq-res-stat-item {
background: var(--tzq-bg-secondary);
padding: 1.25rem;
border-radius: var(--tzq-spacing-xs);
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid var(--tzq-border-light);
}
.tzq-res-stat-item:hover {
background: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
transform: translateY(-2px);
}
.tzq-res-stat-label {
font-size: 0.6rem;
font-weight: 800;
color: var(--tzq-text-tertiary);
text-transform: uppercase;
margin-bottom: 0.25rem;
}
.tzq-res-stat-val {
font-size: 1.25rem;
font-weight: 900;
color: var(--tzq-text-primary);
}
.tzq-res-stat-val--success {
color: var(--tzq-success);
}
.tzq-res-stat-val--error {
color: var(--tzq-error);
}
.tzq-result-reg-box {
background: var(--tzq-gradient-primary);
padding: 1.75rem;
border-radius: var(--tzq-spacing-xs);
color: #fff;
margin-top: 2rem;
box-shadow: 0 15px 30px rgba(var(--tzq-primary-rgb), 0.2);
} .tzq-notification-item--common .tzq-notification-item__icon {
background: #e5e7eb;
color: #4b5563;
padding: 4px;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-notification-item--uncommon .tzq-notification-item__icon {
background: #ccfbf1;
color: #14b8a6;
padding: 4px;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-notification-item--rare .tzq-notification-item__icon {
background: #dbeafe;
color: #3b82f6;
padding: 4px;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-notification-item--epic .tzq-notification-item__icon {
background: #f3e8ff;
color: #a855f7;
padding: 4px;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-notification-item--legendary .tzq-notification-item__icon {
background: #fef3c7;
color: #f59e0b;
padding: 4px;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 10px rgba(245, 158, 11, 0.3);
} .tzq-layout__main {
display: block;
width: 100%;
max-width: var(--tzq-container-width, 1200px);
margin: 0 auto;
box-sizing: border-box;
} .tzq-layout--sidebar-right {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--tzq-sidebar-width, 340px) !important;
gap: var(--tzq-global-gap, 30px) !important;
align-items: flex-start !important;
padding: 1.5rem 1rem !important;
} .tzq-layout--sidebar-left {
display: grid !important;
grid-template-columns: var(--tzq-sidebar-width, 340px) minmax(0, 1fr) !important;
gap: var(--tzq-global-gap, 30px) !important;
align-items: flex-start !important;
padding: 1.5rem 1rem !important;
}
.tzq-layout--sidebar-right .tzq-container,
.tzq-layout--sidebar-left .tzq-container {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
flex: none !important;
gap: 10px;
display: flex;
flex-direction: column;
}
.tzq-sinif-main-col{display:flex;gap:10px;flex-direction: column;padding: 10px;}
.tzq-layout__sidebar {
width: 100% !important; max-width: var(--tzq-sidebar-width, 340px) !important;
min-width: 0;
}
.tzq-faq-item {
background: var(--tzq-slate-50);
border-radius: var(--tzq-spacing-xs);
margin-bottom: 1rem;
border: 1px solid rgba(0, 0, 0, 0.03);
overflow: hidden;
}
.tzq-faq-item:hover {
background: #fff;
border-color: var(--tzq-primary-light);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
}
.tzq-faq-question {
width: 100%;
padding: 1.25rem 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
background: none;
border: none;
cursor: pointer;
text-align: left;
gap: 1rem;
}
.tzq-content details.wp-block-details {
background: var(--tzq-slate-50, #f8fafc);
border-radius: var(--tzq-spacing-xs);
border: 1px solid rgba(0, 0, 0, 0.05);
overflow: hidden;
transition: all 0.3s ease;
}
.tzq-content details.wp-block-details:hover {
background: #fff;
border-color: var(--tzq-primary-light);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
}
.tzq-content details.wp-block-details summary {
padding: 7px;
font-size: 1.05rem;
font-weight: 800;
color: var(--tzq-text-primary);
cursor: pointer;
list-style: none;
position: relative;
outline: none;
}
.tzq-content details.wp-block-details summary::-webkit-details-marker {
display: none;
}
.tzq-content details.wp-block-details summary::after {
content: '▼';
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
color: var(--tzq-primary);
font-size: 0.8rem;
transition: transform 0.3s ease;
}
.tzq-content details.wp-block-details[open] summary::after {
transform: translateY(-50%) rotate(180deg);
}
.tzq-content details.wp-block-details>*:not(summary) {
padding: 0 1.5rem 1.5rem;
color: var(--tzq-text-secondary);
font-size: 0.95rem;
line-height: 1.6;
animation: tzqFadeIn 0.3s ease;
}
.tzq-faq-question-text {
font-size: 1.05rem;
font-weight: 800;
color: var(--tzq-text-primary);
line-height: 1.4;
}
.tzq-faq-icon {
flex-shrink: 0;
color: var(--tzq-primary);
}
.tzq-faq-question[aria-expanded="true"] .tzq-faq-icon {
transform: rotate(180deg);
}
.tzq-faq-answer {
max-height: 0;
overflow: hidden;
background: #fff;
}
.tzq-faq-question[aria-expanded="true"]+.tzq-faq-answer {
max-height: 1000px;
}
.tzq-faq-answer-inner {
padding: 0.5rem 1.5rem 2rem;
color: var(--tzq-text-secondary);
font-size: 0.95rem;
line-height: 1.6;
}
.site-content.sidebar-left,
.site-content.sidebar-right {
display: grid !important;
gap: var(--tzq-global-gap, 30px);
max-width: var(--tzq-container-width, 1200px);
margin: 0 auto;
align-items: flex-start;
padding: 1rem var(--tzq-container-padding, 1.25rem);
}
.site-content.sidebar-left {
grid-template-columns: var(--tzq-sidebar-width, 340px) 1fr;
}
.site-content.sidebar-right {
grid-template-columns: 1fr var(--tzq-sidebar-width, 340px);
}
.site-content.no-sidebar,
.tzq-layout--no-sidebar {
max-width: var(--tzq-container-width, 1200px);
margin: 0 auto !important;
display: block;
}
.site-content>*:last-child {
padding-bottom: var(--tzq-spacing-responsive-lg, clamp(1rem, 2vw, 1.5rem));
}
.tzq-error-message,
.tzq-success-message {
display: flex;
align-items: center;
gap: var(--tzq-spacing-sm);
padding: var(--tzq-spacing-md);
color: white;
border-radius: var(--tzq-spacing-xs);
margin-bottom: var(--tzq-spacing-md);
position: relative;
}
.tzq-error-message {
background: var(--tzq-error);
box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
}
.tzq-success-message {
background: var(--tzq-success);
box-shadow: var(--tzq-shadow-md);
animation: slideDown 0.3s ease;
}
[data-tooltip] {
position: relative;
}
[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-8px);
background: var(--tzq-dark-base);
color: white;
padding: var(--tzq-spacing-sm) var(--tzq-spacing-md);
border-radius: var(--tzq-spacing-xs);
font-size: 0.875rem;
white-space: nowrap;
opacity: 0;
pointer-events: none;
z-index: var(--tzq-z-tooltip, 100);
}
[data-tooltip]:hover::after {
opacity: 1;
transform: translateX(-50%) translateY(-12px);
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--tzq-bg-tertiary);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, var(--tzq-primary), var(--tzq-secondary));
border-radius: var(--tzq-spacing-xs);
}
::-webkit-scrollbar-thumb:hover {
background: var(--tzq-primary-dark);
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes tzq-pulse {
0%,
100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.5;
}
}
.site-header {
display: none;
}
.site-info,
.footer-widgets {
display: none;
}
.tzq-single-post-v3 {
display: flex;
gap: 10px;
flex-direction: column;
}
.tzq-single-post-v3 .tzq-card {
padding: var(--tzq-container-padding, 2rem);
border: none;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}
@media (max-width: 768px) {
.tzq-single-post-v3 .tzq-card {
padding: 1.25rem;
border-radius: var(--tzq-spacing-xs);
}
}
.tzq-test-info {
background: #fff;
display: flex;
gap: 10px;
flex-direction: column;
border: 1px solid #e2e8f0;
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
box-shadow: 0 12px 28px -20px rgba(15, 23, 42, 0.35);
}
.tzq-test-info__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.875rem;
padding: 10px;
border-bottom: 1px solid var(--tzq-border-light, #e2e8f0);
background: linear-gradient(120deg, #0f172a 0%, #1e293b 55%, #334155 100%);
}
.tzq-test-info__title {
color: #fff;
margin-bottom: 0;
font-size: 1.2rem;
letter-spacing: 0.2px;
}
.tzq-test-info__pill {
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 7px 14px 6px;
background: rgba(255, 255, 255, 0.06);
color: #e2e8f0;
border: 2px solid rgba(226, 232, 240, 0.72);
border-radius: 6px;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.14), 0 4px 10px rgba(2, 6, 23, 0.18);
transform: rotate(-1.25deg);
}
.tzq-test-info__list {
list-style: none;
padding: 2px 12px 0;
display: flex;
gap: 8px;
width: 100%;
flex-direction: column;
}
.tzq-test-info__item {
display: flex;
align-items: center;
gap: 10px;
font-size: 1rem;
color: var(--tzq-text-primary);
padding: var(--tzq-spacing-xs);
background: var(--tzq-bg-secondary, #f8fafc);
border-radius: var(--tzq-spacing-xs);
border: 1px solid #788290;
}
.tzq-test-info__label {
font-weight: 800;
color: var(--tzq-text-secondary);
min-width: 40px;
}
.tzq-test-info__value,
.tzq-test-info__link {
font-weight: 800;
color: var(--tzq-text-primary);
}
.tzq-test-cta__action {
text-align: center;
}
.tzq-test-solve-btn {
display: inline-flex;
align-items: center;
font-family: inherit;
gap: 0.5rem;
padding: 15px 40px;
border-radius: var(--tzq-spacing-xs);
font-size: 1.1rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 1px solid transparent;
justify-content: center;
line-height: 1.2;
background: var(--tzq-primary);
color: white;
}
.tzq-test-solve-btn:hover {
background: var(--tzq-primary-dark)
}
.meta-description-content {
padding: 0 20px;
}
.tzq-card {
background: #fff;
border-radius: var(--tzq-spacing-xs);
transition: all 0.3s ease;
overflow: hidden;
padding: 10px;
}
.tzq-card--premium {
border: 1px solid rgba(var(--tzq-primary-rgb, 30, 64, 175), 0.15);
background: linear-gradient(to bottom right, #ffffff, #f9fafb);
position: relative;
}
.tzq-card--premium::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100px;
background: radial-gradient(circle at top right, rgba(var(--tzq-primary-rgb), 0.03), transparent 70%);
pointer-events: none;
}
.tzq-modern-accordion {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.tzq-modern-accordion-summary {
padding: 10px;
display: flex;
cursor: pointer;
list-style: none;
outline: none;
position: relative;
background: #fff;
transition: background 0.3s ease;
flex-direction: row;
}
.tzq-modern-accordion-summary::-webkit-details-marker {
display: none;
}
.tzq-modern-accordion-summary:hover {
background: var(--tzq-bg-secondary, #f8fafc);
}
.tzq-summary-text {
font-size: 1.125rem;
font-weight: 800;
color: var(--tzq-text-primary);
}
.tzq-nav-controls {
display: flex;
align-items: center;
}
.tzq-nav-info {
font-weight: 780;
}
.tzq-modern-accordion-content {
padding: 0 1.5rem 1.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.05);
animation: tzqFadeIn 0.5s ease;
}
@keyframes tzqFadeIn {
from {
opacity: 0;
transform: translateY(-5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.tzq-question-slides {
position: relative;
min-height: 200px;
}
.tzq-q-slide {
display: none;
animation: tzqFadeIn 0.3s ease;
}
.tzq-q-slide.active {
display: block;
}
.tzq-q-text-box {
display: flex;
gap: 1rem;
margin-bottom: 1.5rem;
}
.tzq-q-num {
color: var(--tzq-primary);
font-size: 1.25rem;
font-weight: 900;
}
.tzq-q-body {
font-size: 1.1rem;
line-height: 1.6;
color: var(--tzq-text-primary);
display: flex;
flex-direction: column-reverse;
}
.tzq-q-body img {
width: 20%;
}
.tzq-q-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
}
.tzq-q-option {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.875rem 1rem;
background: var(--tzq-bg-secondary, #f8fafc);
border: 1px solid var(--tzq-border-light);
border-radius: var(--tzq-spacing-xs);
font-size: 0.95rem;
}
.tzq-opt-label {
font-weight: 800;
color: var(--tzq-primary);
}
.tzq-nav-btn {
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid var(--tzq-border-light);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--tzq-text-secondary);
transition: all 0.2s ease;
}
.tzq-nav-btn:hover:not(:disabled) {
background: var(--tzq-primary);
color: #fff;
border-color: var(--tzq-primary);
}
.tzq-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.tst-sim .is-hidden {
display: none !important;
}
.tzq-is-hidden {
display: none !important;
}  .math-frac {
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 1;
font-size: 0.85em;
padding: 0 0.1em;
margin: 0 0.1em;
font-weight: 800;
position: relative;
top: -0.1em; }
.math-frac .num {
border-bottom: 1.5px solid currentColor;
padding: 0 0.1em;
display: block;
line-height: 1;
}
.math-frac .den {
padding: 0.1em 0.1em 0;
display: block;
line-height: 1;
} .tzq-result-header-modern {
position: relative;
padding: 4rem 2rem 3rem;
text-align: center;
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
margin-bottom: 2rem;
color: #fff;
}
.tzq-result-header-modern__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
transition: background 0.5s ease;
}
.tzq-result-header--perfect .tzq-result-header-modern__bg {
background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}
.tzq-result-header--excellent .tzq-result-header-modern__bg {
background: linear-gradient(135deg, #34d399 0%, #059669 100%);
}
.tzq-result-header--success .tzq-result-header-modern__bg {
background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}
.tzq-result-header--good .tzq-result-header-modern__bg {
background: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%);
}
.tzq-result-header--fail .tzq-result-header-modern__bg {
background: linear-gradient(135deg, #94a3b8 0%, #475569 100%);
}
.tzq-result-header-modern__content {
position: relative;
z-index: 1;
}
.tzq-result-header-modern__crown-wrap {
position: relative;
width: 100px;
height: 100px;
margin: 0 auto 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-result-header-modern__emoji {
font-size: 4rem;
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.2));
z-index: 2;
animation: tzq-bounce 2s infinite ease-in-out;
}
.tzq-result-header-modern__glow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
border-radius: 50%;
z-index: 1;
animation: tzq-pulse 2s infinite ease-in-out;
}
.tzq-result-header-modern__badge {
display: inline-block;
padding: 0.4rem 1.2rem;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: var(--tzq-spacing-xs);
font-weight: 800;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1rem;
}
.tzq-result-header-modern__title {
font-size: 2.5rem;
font-weight: 900;
margin-bottom: 0.75rem;
text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.tzq-result-header-modern__subtitle {
font-size: 1.1rem;
opacity: 0.9;
max-width: 500px;
margin: 0 auto;
line-height: 1.5;
font-weight: 500;
}
@keyframes tzq-bounce {
0%,
100% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(-10px) scale(1.05);
}
}
@keyframes tzq-pulse {
0%,
100% {
transform: scale(1);
opacity: 0.4;
}
50% {
transform: scale(1.3);
opacity: 0.6;
}
} .tzq-result-summary-modern {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
}
.tzq-result-score-main {
width: 100%;
display: flex;
justify-content: center;
}
.tzq-score-container-modern {
position: relative;
width: 220px;
height: 220px;
}
.tzq-score-container-modern svg {
transform: rotate(-90deg);
width: 100%;
height: 100%;
}
.tzq-score-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: flex;
flex-direction: column;
}
.tzq-score-value-modern {
font-size: 3.5rem;
font-weight: 900;
color: #1e293b;
line-height: 1;
}
.tzq-score-label-modern {
font-size: 0.85rem;
font-weight: 700;
color: #64748b;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 0.5rem;
}
.tzq-stats-list-modern {
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
}
.tzq-stat-row-modern {
display: flex;
align-items: center;
gap: 1.5rem;
padding: 1.25rem;
background: #fff;
border: 1px solid #f1f5f9;
border-radius: var(--tzq-spacing-xs);
transition: all 0.3s ease;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.tzq-stat-row-modern:hover {
transform: translateY(-3px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
border-color: #e2e8f0;
}
.tzq-stat-row-modern__icon {
width: 48px;
height: 48px;
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
font-weight: bold;
flex-shrink: 0;
}
.tzq-stat-row-modern__info {
flex-grow: 1;
}
.tzq-stat-row-modern__head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
}
.tzq-stat-row-modern__label {
font-weight: 700;
color: #475569;
font-size: 0.95rem;
}
.tzq-stat-row-modern__value {
font-weight: 800;
color: #1e293b;
font-size: 1.1rem;
}
.tzq-stat-row-modern__bar-bg {
height: 8px;
background: #f1f5f9;
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
}
.tzq-stat-row-modern__bar-fill {
height: 100%;
border-radius: var(--tzq-spacing-xs);
transition: width 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tzq-stat-row-modern__meta {
font-size: 0.8rem;
color: #94a3b8;
font-weight: 600;
margin-top: 0.25rem;
}
@media (min-width: 768px) {
.tzq-result-summary-modern {
flex-direction: row;
align-items: flex-start;
}
.tzq-result-score-main {
width: 300px;
flex-shrink: 0;
}
} .tzq-result-hero {
position: relative;
overflow: hidden;
color: #fff;
display: flex;
}
.tzq-result-hero__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}
.tzq-result-hero--perfect .tzq-result-hero__bg {
background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}
.tzq-result-hero--excellent .tzq-result-hero__bg {
background: linear-gradient(135deg, #34d399 0%, #059669 100%);
}
.tzq-result-hero--success .tzq-result-hero__bg {
background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}
.tzq-result-hero--good .tzq-result-hero__bg {
background: linear-gradient(135deg, #000000 0%, #4f46e5 100%);
}
.tzq-result-hero--fail .tzq-result-hero__bg {}
.tzq-result-hero__content {
position: relative;
z-index: 1;
display: flex;
width: 100%;
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tzq-result-hero__main {
text-align: left;
margin-bottom: 0;
display: flex;
}
.tzq-result-hero__crown-wrap {
position: relative;
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-result-hero__emoji {
font-size: 3.5rem;
z-index: 2;
animation: tzq-bounce 2s infinite ease-in-out;
}
.tzq-result-hero__glow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
border-radius: 50%;
animation: tzq-pulse 2s infinite ease-in-out;
}
.tzq-result-hero__badge {
display: inline-block;
padding: 0.3rem 1rem;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
border-radius: var(--tzq-spacing-xs);
font-weight: 800;
font-size: 0.8rem;
text-transform: uppercase;
margin-bottom: 0.75rem;
}
.tzq-result-hero__title {
font-size: 2.2rem;
font-weight: 900;
margin-bottom: 0.5rem;
color: white;
}
.tzq-result-hero__subtitle {
font-size: 1rem;
opacity: 0.9;
font-weight: 500;
}
.tzq-result-hero__stats {
display: flex;
flex-direction: row;
gap: 0.75rem;
width: 100%;
align-items: center;
justify-content: center;
}
.tzq-hero-stat-row {
display: flex;
align-items: center;
gap: 1rem;
padding: 10px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--tzq-spacing-xs);
backdrop-filter: blur(4px);
}
.tzq-hero-stat-row__icon {
width: 32px;
height: 32px;
border-radius: var(--tzq-spacing-xs);
background: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
}
.tzq-hero-stat-row__info {
display: flex;
justify-content: space-between;
flex-grow: 1;
align-items: center;
flex-direction: column;
}
.tzq-hero-stat-row__label {
font-size: 0.9rem;
font-weight: 600;
opacity: 0.85;
}
.tzq-hero-stat-row__value {
font-size: 1.1rem;
font-weight: 800;
}
.tzq-hero-stat-row--score {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
}
@media (min-width: 768px) {
.tzq-result-hero__content {}
.tzq-result-hero__main {}
.tzq-result-hero__crown-wrap {
margin-left: 0;
}
.tzq-result-hero__stats {}
} .tzq-result-hero__system-info {
display: flex;
gap: 0.75rem;
margin-bottom: 1rem;
flex-wrap: wrap;
justify-content: center;
}
.tzq-hero-unit-tag,
.tzq-hero-id-tag {
padding: 0.25rem 0.75rem;
background: rgba(0, 0, 0, 0.2);
border-radius: var(--tzq-spacing-xs);
font-size: 0.7rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.9);
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tzq-hero-stat-row--correct {
border-left: 4px solid #10b981 !important;
background: rgba(16, 185, 129, 0.15) !important;
}
.tzq-hero-stat-row--correct .tzq-hero-stat-row__icon {
background: #10b981 !important;
color: #fff;
}
.tzq-hero-stat-row--wrong {
border-left: 4px solid #ef4444 !important;
background: rgba(239, 68, 68, 0.15) !important;
}
.tzq-hero-stat-row--wrong .tzq-hero-stat-row__icon {
background: #ef4444 !important;
color: #fff;
}
.tzq-hero-stat-row--time {
border-left: 4px solid #3b82f6 !important;
background: rgba(59, 130, 246, 0.15) !important;
}
.tzq-hero-stat-row--time .tzq-hero-stat-row__icon {
background: #3b82f6 !important;
color: #fff;
}
.tzq-hero-stat-row--score-vip {
border-left: 4px solid #f59e0b !important;
background: rgba(245, 158, 11, 0.2) !important;
box-shadow: 0 0 15px rgba(245, 158, 11, 0.2);
}
.tzq-hero-stat-row--score-vip .tzq-hero-stat-row__icon {
background: #f59e0b !important;
color: #fff;
animation: tzq-pulse 1.5s infinite;
}
@media (min-width: 768px) {
.tzq-result-hero__system-info {
justify-content: flex-start;
}
}
.tzh-stats-bar__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--tzq-spacing-md);
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(226, 232, 240, 0.8);
border-radius: var(--tzq-spacing-xs);
padding: 10px;
margin: 10px 0;
}
.tzh-stats-bar__item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.5rem;
position: relative;
}
.tzh-stats-bar__item:not(:last-child)::after {
content: '';
position: absolute;
right: calc(var(--tzq-spacing-md) * -0.5);
top: 15%;
bottom: 15%;
width: 1px;
background: var(--tzq-border-light);
opacity: 0.4;
}
.tzh-stats-bar__value {
font-size: 2.25rem;
font-weight: 900;
background: var(--tzq-primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.1;
letter-spacing: -0.03em;
}
.tzh-stats-bar__label {
font-size: 0.82rem;
font-weight: 800;
color: var(--tzq-text-secondary);
text-transform: uppercase;
letter-spacing: 0.08em;
}
@media (min-width: 768px) {
.tzq-result-hero__system-info {
justify-content: flex-start;
}
} .tzq-submenu-item {
position: relative;
display: flex;
}
.tzq-submenu__dropdown {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: #ffffff;
border-radius: var(--tzq-spacing-xs);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 100;
list-style: none;
}
.tzq-submenu-item:hover>.tzq-submenu__dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.tzq-submenu__dropdown li a {
display: block; color: var(--tzq-text-secondary);
text-decoration: none;
border-bottom: none !important;
}
.tzq-submenu__dropdown li a:hover {
background: var(--tzq-primary);
color: white;
}
.tzq-submenu-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: -4px;
opacity: 0.7;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
width: 10px;
height: 6px;
}
.tzq-submenu-arrow svg {
display: block;
width: 100%;
height: auto;
}
.tzq-submenu-item:hover .tzq-submenu-arrow {
transform: rotate(180deg);
}
@media (max-width: 767px) {
.tzq-submenu__dropdown {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: none;
padding: 0;
background: #f9fafb;
margin: 0;
display: none;
}
.tzq-submenu-item--active>.tzq-submenu__dropdown {
display: block;
}
}
@media (max-width: 767px) {
.tzh-stats-bar__container {
grid-template-columns: 1fr;
gap: 2rem;
padding: 1.75rem 1.5rem;
}
.tzh-stats-bar__item:not(:last-child)::after {
display: none;
}
.tzh-stats-bar__value {
font-size: 1.85rem;
}
} .tzq-reg-box {
margin-top: 2rem;
background: #fff;
border: 1px solid var(--tzq-border-light);
border-radius: var(--tzq-spacing-xs);
padding: 2rem;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
}
.tzq-reg-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1.5rem;
}
.tzq-reg-icon {
width: 48px;
height: 48px;
background: var(--tzq-primary-light);
border-radius: var(--tzq-spacing-xs);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
}
.tzq-reg-text {
text-align: left;
}
.tzq-reg-title {
margin: 0;
font-size: 1.1rem;
font-weight: 800;
}
.tzq-reg-subtitle {
margin: 0;
font-size: 0.85rem;
color: var(--tzq-text-muted);
font-weight: 600;
}
.tzq-reg-form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.tzq-reg-label {
display: block;
font-size: 0.7rem;
font-weight: 800;
color: var(--tzq-text-muted);
text-transform: uppercase;
margin-bottom: 6px;
text-align: left;
}
.tzq-reg-input {
width: 100%;
padding: 0.8rem 1rem;
border-radius: var(--tzq-spacing-xs);
background: #f8fafc;
border: 1.2px solid #e2e8f0;
font-weight: 600;
transition: border-color 0.2s;
}
.tzq-reg-input:focus {
border-color: var(--tzq-primary);
outline: none;
}
.tzq-reg-status {
margin-top: 0.75rem;
font-size: 0.85rem;
font-weight: 700;
color: black;
text-align: center;
} .tzq-legal-section__subtitle {
font-size: var(--tzq-text-lg);
font-weight: var(--tzq-font-bold);
color: var(--tzq-text-primary);
margin: var(--tzq-spacing-6) 0 var(--tzq-spacing-3);
} .tz-pdf-no-results {
display: none;
text-align: center;
padding: 40px;
background: var(--tzq-bg-secondary);
border-radius: var(--tzq-spacing-xs);
border: 2px dashed var(--tzq-border-light);
margin-top: 1rem;
}
.tz-pdf-no-results p {
color: var(--tzq-text-secondary);
margin: 0;
}
.tz-pdf-footer-divider {
margin-top: 3rem;
border-top: 1px solid var(--tzq-border-light);
padding-top: 2rem;
} .tzq-nav-controls {
margin-left: auto;
gap: 8px;
display: flex;
align-items: center;
} .tzq-grade-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: var(--tzq-primary);
color: #fff;
border-radius: 8px;
font-weight: 800;
font-size: 1.1rem;
box-shadow: 0 4px 8px rgba(37, 99, 235, 0.2);
transition: all 0.3s ease;
line-height: 1;
}
.tzq-list-item:hover .tzq-grade-badge {
transform: scale(1.1) rotate(-5deg);
background: var(--tzq-primary-dark);
box-shadow: 0 6px 12px rgba(37, 99, 235, 0.3);
} .tzq-level-indicator {
display: flex;
gap: 4px;
align-items: center;
}
.tzq-level-bar {
width: 20px;
height: 8px;
background: var(--tzq-border-light);
border-radius: 4px;
transition: all 0.3s ease;
}
.tzq-level-bar.is-active:nth-child(1) {
background: #10b981;
}
.tzq-level-bar.is-active:nth-child(2) {
background: #f59e0b;
}
.tzq-level-bar.is-active:nth-child(3) {
background: #ef4444;
}
.tzq-test-top-players {
margin-top: 24px;
padding: 16px;
background: var(--tzq-bg-secondary);
border-radius: 12px;
border: 1px solid var(--tzq-border-light);
}
.tzq-test-top-players__title {
font-size: 0.9rem;
font-weight: 800;
margin-bottom: 12px;
color: var(--tzq-text-primary);
}
.tzq-test-top-players__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tzq-test-top-players__item {
background: white;
padding: 4px 10px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 6px;
font-size: 0.8rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.tzq-test-top-players__rank {
width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 900;
font-size: 0.7rem;
color: white;
}
.rank-1 {
background: #ffd700;
}
.rank-2 {
background: #c0c0c0;
}
.rank-3 {
background: #cd7f32;
}
.tzq-test-top-players__score {
font-weight: 800;
color: var(--tzq-primary);
} .tzq-sticky-cta {
display: none;
}
@media (max-width: 768px) {
.tzq-sticky-cta {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(10px);
padding: 12px 20px;
box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.1);
z-index: 9999;
display: block;
border-top: 1px solid var(--tzq-border-light);
padding-bottom: calc(12px + env(safe-area-inset-bottom, 5px));
}
.tzq-sticky-cta.is-visible {
display: block;
animation: tzqSlideUp 0.3s ease forwards;
}
.tzq-sticky-cta__container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
max-width: 500px;
margin: 0 auto;
}
.tzq-sticky-cta__title {
font-size: 0.8rem;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
}
.tzq-sticky-cta__btn {
background: var(--tzq-primary);
color: white;
padding: 10px 20px;
border-radius: 30px;
font-weight: 800;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 6px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(var(--tzq-primary-rgb), 0.3);
}
}
@keyframes tzqSlideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
} .tzq-test-info__row-group {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 8px 32px !important;
width: 100% !important;
} .tzq-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
gap: 20px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 768px) {
.tzq-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
} .tzq-test-info__body {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px;
background: rgba(248, 250, 252, 0.5);
border-radius: 12px;
}
.tst-similar__head {
display: flex;
background: #1c2430;
flex-direction: row;
align-items: center;
}
.tst-similar__title {
color: White;
font-size: 1.25rem;
margin-bottom: 0;
padding: 10px;
} .tst-similar--popular .tzq-list-item {}
.tst-similar--popular .tzq-list-item__link {
display: flex;
align-items: center;
width: 100%;
text-decoration: none;
gap: 12px;
}
.tst-similar--popular .tzq-list-item__rank-num {
margin: 0;
flex-shrink: 0;
}
.tst-similar--popular .tzq-list-item__title {
margin: 0;
font-size: 1.05rem;
flex-grow: 1;
color: var(--tzq-text-primary);
}
.tst-similar--popular .tzq-meta-item {
color: var(--tzq-primary);
font-weight: 700;
font-size: 0.9rem;
flex-shrink: 0;
}
.tzq-test-info__side-metrics {
display: flex !important;
gap: 15px !important;
min-width: 160px !important;
}
.tzq-test-info__side-metrics .tzq-test-info__item {
width: 100% !important;
} @media (max-width: 480px) {
.tzq-test-info__pill {
font-size: 9px !important;
padding: 4px 8px !important;
min-height: 26px !important;
letter-spacing: 0.04em !important;
border-width: 1px !important;
}
} .tzq-list-item__rank-num {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 26px;
height: 26px;
background: rgba(var(--tzq-primary-rgb, 59, 130, 246), 0.1);
color: var(--tzq-primary, #3b82f6);
border-radius: 8px;
font-size: 13px;
font-weight: 700;
margin-right: 8px;
border: 1px solid rgba(var(--tzq-primary-rgb, 59, 130, 246), 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.tzq-list-item--mini .tzq-list-item__rank-num {
min-width: 22px;
height: 22px;
font-size: 11px;
border-radius: 6px;
} tzq-link-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.tzq-grade-pills {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.5rem;
}
.tzq-grade-pill {
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
background: var(--tzq-bg-secondary);
border: 1px solid var(--tzq-border-light);
border-radius: var(--tzq-spacing-xs);
font-size: 0.875rem;
font-weight: 700;
color: var(--tzq-text-secondary);
text-decoration: none;
transition: all 0.2s ease;
}
.tzq-grade-pill:hover {
background: var(--tzq-primary-light);
color: var(--tzq-primary);
border-color: var(--tzq-primary);
transform: translateY(-2px);
}
.tzq-grade-pill.active {
background: var(--tzq-primary);
color: white;
border-color: var(--tzq-primary);
box-shadow: var(--tzq-shadow-primary);
}
.tzq-widget .tzq-list-item--wizard:hover {
background: white;
border-color: var(--tzq-primary);
} .tzq-sidebar-dashboard-wrap {
margin-bottom: 2rem;
}
.tzq-dashboard-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.tzq-widget__body {
display: flex;
flex-direction: column;
gap: 10px;
}
.tzq-user-summary-mini {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.5rem;
background: white;
}
.tzq-user-summary-mini__avatar {
width: 48px;
height: 48px;
background: var(--tzq-gradient-primary);
color: #fff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 900;
flex-shrink: 0;
box-shadow: 0 4px 12px rgba(var(--tzq-primary-rgb), 0.2);
}
.tzq-user-summary-mini__info {
display: flex;
flex-direction: column;
gap: 2px;
}
.tzq-user-summary-mini__name {
font-size: 1.1rem;
font-weight: 800;
color: var(--tzq-text-primary);
line-height: 1.2;
}
.tzq-user-summary-mini__status {
font-size: 0.75rem;
color: var(--tzq-text-tertiary);
font-weight: 600;
}
.tzq-dashboard-stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr) !important; gap: 0.5rem !important;
}
.tzq-dashboard-stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.75rem;
}
.tzq-dashboard-stats-grid--4col {
grid-template-columns: repeat(4, 1fr) !important;
gap: 0.25rem !important;
}
.tzq-stat-item {
position: relative;
padding: 0.5rem 0.1rem !important;
background: var(--tzq-bg-secondary) !important;
border: 1px solid var(--tzq-border-light) !important;
border-radius: 8px !important;
text-align: center;
transition: all 0.3s ease !important;
}
.tzq-stat-item:hover {
transform: translateY(-2px);
border-color: var(--tzq-primary) !important;
background: #fff !important;
}
.tzq-stat-item__value {
display: block;
font-size: 0.9rem !important;
font-weight: 900 !important;
color: var(--tzq-primary);
margin-bottom: 2px;
}
.tzq-stat-item__label {
display: block;
font-size: 0.5rem !important;
font-weight: 800 !important;
color: var(--tzq-text-tertiary);
text-transform: uppercase;
letter-spacing: 0.01em;
}
.tzq-dashboard-performance-comment p {
font-style: italic;
background: rgb(30 64 175);
padding: 10px;
color: white;
border-radius: 8px;
border-left: 3px solid var(--tzq-primary);
} .tzq-hub-section--secondary {
background: transparent;
padding: 0;
border-radius: 0;
border: none;
} .tzq-badge--new {
display: inline-block !important;
background: #ef4444 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 900 !important;
padding: 2px 6px !important;
border-radius: 4px !important;
text-transform: uppercase !important;
margin-left: 8px !important;
vertical-align: middle !important;
animation: tzq-blink 2s infinite !important;
line-height: 1.2 !important;
}
@keyframes tzq-blink {
0%,
100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.8;
transform: scale(1.05);
}
}
.tzq-live-pulse {
width: 10px;
height: 10px;
background: #ef4444;
border-radius: 50%;
position: relative;
box-shadow: 0 0 0 rgba(239, 68, 68, 0.4);
}
.tzq-live-pulse::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
border-radius: inherit;
animation: tzq-pulse 2s infinite;
}
@keyframes tzq-pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
}
70% {
transform: scale(1.1);
box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
}
} .tzq-hub-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
align-items: start;
}
@media (max-width: 991px) {
.tzq-hub-content {
grid-template-columns: 1fr;
gap: 2rem;
}
}
.tzq-hub-section .tzq-heading {
margin-bottom: 10px;
font-size: 1.35rem;
color: #ffffff;
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
padding: 10px;
} .tzq-selection-header {
background: #fff;
border: 1px solid var(--tzq-border-light);
border-radius: var(--tzq-spacing-xs);
padding: 10px;
box-shadow: var(--tzq-shadow-sm);
position: relative;
overflow: hidden;
}
.tzq-selection-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: var(--tzq-gradient-primary);
}
.tzq-selection-header__title {
font-size: 1.25rem;
font-weight: 800;
color: var(--tzq-text-primary);
margin: 0;
letter-spacing: -0.01em;
}  body.tzo-solver-active .tzq-app-bar {
display: none !important;
} @media (max-width: 991px) {
body.tzo-solver-active .tzo-solver-footer {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 10002 !important; background: #ffffff !important;
box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.08) !important;
border-top: 1px solid var(--tzq-border-light, #e2e8f0) !important;
border-radius: 0 !important;
padding: 14px 20px !important;
padding-bottom: calc(14px + env(safe-area-inset-bottom, 6px)) !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
} body.tzo-solver-active {
padding-bottom: 120px !important;
} body.tzo-solver-active .tzo-solver-footer .tzo-solver-btn {
flex: 1;
max-width: 48%;
padding: 12px 16px !important;
font-size: 1rem !important;
font-weight: 700 !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
}
} .tzq-header-hamburger-btn {
display: none !important;
}
@media (max-width: 991px) { body.single .tzq-app-bar,
body.tax-tzq_deneme_sinif .tzq-app-bar,
body.tax-tzq_deneme_kategori .tzq-app-bar,
body.single-tzq_deneme .tzq-app-bar {
display: none !important;
} body.single,
body.tax-tzq_deneme_sinif,
body.tax-tzq_deneme_kategori,
body.single-tzq_deneme {
padding-bottom: 0 !important;
} body.single .tzq-header-hamburger-btn,
body.tax-tzq_deneme_sinif .tzq-header-hamburger-btn,
body.tax-tzq_deneme_kategori .tzq-header-hamburger-btn,
body.single-tzq_deneme .tzq-header-hamburger-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
background: transparent !important;
border: none !important;
padding: 4px !important;
color: var(--tzq-text-primary, #1e293b) !important;
cursor: pointer;
width: 38px !important;
height: 38px !important;
box-shadow: none !important;
} body.single .tzq-navbar__actions,
body.single .tzq-navbar__top-actions,
body.tax-tzq_deneme_sinif .tzq-navbar__actions,
body.tax-tzq_deneme_sinif .tzq-navbar__top-actions,
body.tax-tzq_deneme_kategori .tzq-navbar__actions,
body.tax-tzq_deneme_kategori .tzq-navbar__top-actions,
body.single-tzq_deneme .tzq-navbar__actions,
body.single-tzq_deneme .tzq-navbar__top-actions {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
}
.tzq-question__option {
transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s, border-color 0.15s, box-shadow 0.15s !important;
}
.tzq-question__option:active {
transform: scale(0.96) !important;
}
.tzq-list-item--active .tzq-list-item__title {
color: var(--tzq-primary) !important;
}
.tzq-list-item--active .tzq-list-item__icon {
color: var(--tzq-primary) !important;
}
.tzq-list-item--active:hover .tzq-list-item__icon {
transform: none !important;
} .generate-back-to-top,
.tzq-scroll-top-btn {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9999;
width: 52px;
height: 52px;
border-radius: 50%;
background: var(--tzq-primary, #2563eb);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(37, 99, 235, 0.4);
cursor: pointer;
text-decoration: none;
border: none;
outline: none;
opacity: 0;
visibility: hidden;
transform: translateY(16px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s ease, box-shadow 0.2s ease;
}
.generate-back-to-top.generate-back-to-top--visible,
.generate-back-to-top.visible,
.generate-back-to-top.active,
.tzq-scroll-top-btn.visible,
.tzq-scroll-top-btn.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.generate-back-to-top:hover,
.tzq-scroll-top-btn:hover {
background: var(--tzq-primary-dark, #1d4ed8);
box-shadow: 0 8px 30px rgba(37, 99, 235, 0.55);
transform: translateY(-3px);
color: #fff;
text-decoration: none;
}
.generate-back-to-top:active,
.tzq-scroll-top-btn:active {
transform: translateY(0) scale(0.95);
}
.generate-back-to-top svg,
.tzq-scroll-top-btn svg {
width: 20px;
height: 20px;
stroke: currentColor;
flex-shrink: 0;
}
.generate-back-to-top .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 768px) {
.generate-back-to-top,
.tzq-scroll-top-btn {
bottom: 80px;
right: 20px;
width: 48px;
}
}
.tzq-faq-section__title {
font-size: 1.35rem;
font-weight: 850;
padding: 10px;
color: white;
letter-spacing: -0.02em;
display: flex;
align-items: center;
gap: 0.5rem;
border-bottom: 2px solid var(--tzq-border-light, #e2e8f0);
padding-bottom: 0.75rem;
background: var(--tzq-blue-900);
} .tzq-list-item__rank-badge {
position: absolute !important;
top: -8px !important;
right: -8px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 18px !important;
height: 18px !important;
background: var(--tzq-primary, #3b82f6) !important;
color: white !important;
border-radius: 50% !important;
font-size: 10px !important;
font-weight: 800 !important;
border: 1.5px solid #ffffff !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
z-index: 2 !important;
line-height: 1 !important;
}@media (max-width: 1024px) {
.tzq-navbar__logo-image { max-width: 130px; }
.tzq-search, .tzq-search {
margin: 10px 0;
width: min(100%, 400px) !important;
}
.tzq-sinif-dashboard {grid-template-columns: 1fr; }
.tzq-grid--cols-3 { grid-template-columns: repeat(2, 1fr); }
html { font-size: 15px; }
.tzq-modern-header--standard { padding: var(--tzq-spacing-8) 0 !important; }
.entry-content { font-size: var(--tzq-text-base) !important; line-height: 1.6 !important; }
.tzq-btn { padding: 0.625rem 1.25rem !important; font-size: var(--tzq-text-sm) !important; }
.tzq-tab { padding: 0.4rem 1rem !important; font-size: var(--tzq-text-xs) !important; }
.tzq-stat-item { padding: 0.75rem !important; }
.tzq-stat-item__value { font-size: var(--tzq-text-lg) !important; }
.tzq-navbar__content { min-height: 70px !important; max-height: 70px !important; }
.tzq-submenu-bar { --tzq-submenu-height: 50px !important; }
.tzq-form-group { margin-bottom: 1.25rem !important; }
} @media (max-width: 991px) {
.tzq-layout__main {
flex-direction: column !important;
display: flex;
}
.tzq-layout__sidebar {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
order: 2 !important;
position: static !important;
}
.tzq-layout__main > .tzq-container {
width: 100% !important;
order: 1 !important;
}
} @media (max-width: 1023px) {
:root {
--tzq-header-height: var(--tzq-header-height-mobile, 70px);
--tzq-navbar-height: var(--tzq-header-height-mobile, 70px);
}
body {
padding-bottom: calc(84px + env(safe-area-inset-bottom));
} @media (max-width: 768px) {
.tzq-container,
.container,
.site-content {
max-width: 100%;
padding-left: var(--tzq-spacing-4);
padding-right: var(--tzq-spacing-4);
}
.tzq-modern-header--standard { padding: var(--tzq-spacing-6) 0 !important; }
.entry-content { font-size: var(--tzq-text-sm) !important; }
.tzq-heading--section { margin-bottom: var(--tzq-spacing-6) !important; }
.tzq-btn:not(.tzq-btn--xs) { padding: 0.55rem 1rem !important; font-size: var(--tzq-text-sm) !important; }
.tzq-test-solve-btn { padding: 0.875rem 1.5rem !important; font-size: var(--tzq-text-lg) !important; }
.tzq-leaderboard-list__item { padding: 0.5rem 0.75rem !important; }
.tzq-form-group__label { font-size: var(--tzq-text-xs) !important; }
.tzq-q-body { font-size: var(--tzq-text-sm) !important; }
.tzq-nav-info { font-size: var(--tzq-text-xs) !important; }
.tzq-modern-accordion-summary { padding: 1.25rem !important; }
.tzq-summary-text { font-size: var(--tzq-text-base) !important; } .tzq-page-header__stat-value { font-size: var(--tzq-text-lg) !important; }
.tzq-page-header__stat-label { font-size: var(--tzq-text-xs) !important; }
.tzq-page-header__stats {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.tzq-page-header__actions { flex-direction: column !important; gap: 10px !important; } .tzq-search-overlay { padding: 2rem 1rem; }
.tzq-search-overlay__close { right: 0; top: -50px; }
.tzq-search-overlay__field { font-size: var(--tzq-text-xl); } .game-container, .iframe-container, .tzq-game-engine {
width: 100% !important;
border-radius: var(--tzq-spacing-xs);
}
.tzq-game-engine iframe { min-height: 480px; } .tzq-footer__content {
grid-template-columns: 1fr !important;
gap: var(--tzq-spacing-8);
text-align: center;
}
.tzq-footer__brand, .tzq-footer__menu-column {
text-align: center;
margin-bottom: var(--tzq-spacing-6);
}
.tzq-footer__logo { justify-content: center; }
.tzq-footer__bottom { flex-direction: column; gap: var(--tzq-spacing-4); }
.tzq-footer__social { justify-content: center; } .tzh-grid {
grid-template-columns: 1fr !important;
gap: 1.5rem !important;
}
.tzq-card__footer {
flex-direction: column;
gap: 0.75rem;
}
.tzq-card__footer .tzq-btn {
width: 100%;
justify-content: center;
padding: 0.875rem;
}
.tzq-card__footer div[style*='flex'] {
width: 100%;
justify-content: space-between;
}
.tzq-card__footer div[style*='flex'] .tzq-btn {
flex: 1;
}
.tzq-scroll-top-btn { bottom: 80px; right: 20px; width: 48px; height: 48px; }
.tzq-share-buttons-modern { justify-content: center; gap: 0.5rem; }
.tzq-share-btn-modern { width: 40px; height: 40px; }
.tzq-confetti-piece { z-index: 10000; }
}
@media (max-width: 640px) {
.tzq-grid--cols-3, .tzq-grid--cols-2 { grid-template-columns: 1fr; }
.tzq-form-row { flex-direction: column; gap: 1rem; }
}
@media (max-width: 600px) {
.tzq-form-grid {
grid-template-columns: 1fr;
}
.tzq-form-grid .tzq-leaderboard-submit {
grid-column: span 1;
}
.tzq-form-actions-flex {
flex-direction: column;
grid-column: span 1;
}
}
@media (max-width: 480px) {
html { font-size: 14px; }
h1 { 
font-size: var(--tzq-text-2xl) !important; 
letter-spacing: -0.01em !important; 
}
h2, .tzq-heading--section { font-size: var(--tzq-text-xl) !important; }
.tzq-navbar__logo-image { max-width: 110px; }
.tzq-modern-header__eyebrow {
font-size: var(--tzq-text-xs) !important;
margin-bottom: 0.5rem !important;
}
.tzq-modern-header--standard { padding: var(--tzq-spacing-5) 0 !important; }
.entry-content { font-size: var(--tzq-text-sm) !important; line-height: 1.5 !important; }
.tzq-heading--section { font-size: var(--tzq-text-lg) !important; margin-bottom: var(--tzq-spacing-5) !important; }
.tzq-blog-item__content { padding: 1rem !important; }
.tzq-blog-item__title { font-size: var(--tzq-text-lg) !important; }
.tzq-btn:not(.tzq-btn--xs) { padding: 0.5rem 0.85rem !important; font-size: var(--tzq-text-xs) !important; }
.tzq-tab { padding: 0.35rem 0.75rem !important; font-size: var(--tzq-text-xs) !important; }
.tzq-stat-item { padding: 0.5rem !important; border-radius: var(--tzq-spacing-xs); }
.tzq-radio-card__inner { padding: 1rem !important; }
.calc-result-value { font-size: 2.5rem !important; }
.tzq-test-solve-btn { padding: 0.75rem 1.25rem !important; font-size: var(--tzq-text-base) !important; }
.tzq-form-group__input-wrapper .tzq-form-group__input { padding-left: 38px !important; }
.tzq-form-group__icon { left: 12px !important; font-size: 1rem !important; }
.tzq-test-info { padding: 0 !important; }
.tzq-test-info__value { }
.tzq-modern-accordion-summary { padding: 1rem !important; }
.tzq-summary-text { font-size: var(--tzq-text-sm) !important; line-height: 1.3 !important; }
.tzq-q-num { font-size: var(--tzq-text-lg) !important; }
.tzq-q-body { font-size: var(--tzq-text-sm) !important; line-height: 1.4 !important; }
.tzq-opt-label { font-size: var(--tzq-text-xs) !important; }
.tzq-opt-text { font-size: var(--tzq-text-sm) !important; }
.tzq-nav-header { padding: 0.5rem 0 !important; }
.tzq-nav-btn { width: 36px !important; height: 36px !important; }
.tzq-navbar__content { min-height: 60px !important; max-height: 60px !important; }
.tzq-submenu-bar { --tzq-submenu-height: 44px !important; }
.tzq-submenu-link { padding: 0.35rem 0.75rem !important; font-size: var(--tzq-text-xs) !important; }  .tzq-page#tzq-questions {
width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.tzq-questions {
padding: 15px !important;
margin: 0 -15px !important;
width: calc(100% + 30px) !important;
gap: 20px !important;
border-radius: var(--tzq-spacing-xs);
border-left: 0 !important;
border-right: 0 !important;
}
.tzq-question__actions--focus {
flex-direction: row !important;
gap: 8px !important;
justify-content: space-between;
}
.tzq-question__actions--focus .tzq-btn {
flex: 1;
padding: 8px !important;
}
.tzq-question__actions--sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10002;
background: rgba(255, 255, 255, 0.95);
padding: 12px 16px env(safe-area-inset-bottom);
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
gap: 10px;
}
.tzq-question__actions--sticky .tzq-btn {
flex: 1;
padding: 12px !important;
font-size: 14px !important;
}
.tzq-question__header {
flex-wrap: wrap !important;
gap: 8px !important;
padding: 8px !important;
}
.tzq-timer {
padding: 6px 12px !important;
gap: 6px !important;
font-size: 13px !important;
}
.tzq-timer__icon {
font-size: 14px !important;
}
#tzqFullscreenToggle .tzq-btn__text {
display: none !important;
}
#tzqFullscreenToggle {
padding: 8px !important;
min-width: 40px !important;
}
.tzq-compact-top-nav {
gap: 6px !important;
padding: 10px 0 !important;
margin: 0 -15px 15px !important;
border-radius: var(--tzq-spacing-xs);
border-left: 0 !important;
border-right: 0 !important;
}
.tzq-compact-top-nav__btn {
min-width: 38px !important;
height: 38px !important;
font-size: 13px !important;
flex-shrink: 0 !important;
} .tzq-layout__sidebar {
position: static !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
box-shadow: none !important;
}
}
}:root {
--tzq-modal-z: var(--tzq-z-modal, 100000);
--tzq-modal-overlay: rgba(15, 23, 42, 0.65);
--tzq-modal-bg: rgba(255, 255, 255, 0.95);
--tzq-modal-radius: 1.5rem;
--tzq-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
} .tzq-modal, 
.modal {
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
z-index: 100000 !important;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.tzq-modal--active, 
.tzq-modal.is-active,
.tzq-modal.show, 
.modal.show,
.modal.in {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .tzq-modal-overlay, 
.tzq-modal__overlay, 
.modal-backdrop {
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
background: rgba(15, 23, 42, 0.5) !important;
z-index: -1;
opacity: 0;
}
.tzq-modal--active .tzq-modal__overlay,
.modal.show .modal-backdrop,
.modal-open .modal-backdrop {
opacity: 1;
}
.modal-backdrop { z-index: calc(var(--tzq-modal-z) - 1) !important; display: block !important; } .tzq-modal-content, 
.tzq-modal__content,
.tzq-modal__container, 
.modal-content,
.modal-dialog {
position: relative;
width: 100%;
max-width: 95%;
margin: 0 auto;
background: #ffffff;
border-radius: var(--tzq-spacing-xs);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
z-index: 1;
overflow: hidden;
border: 1px solid #e2e8f0;
transform: translateY(20px);
opacity: 0;
}
.tzq-modal--active .tzq-modal-content,
.tzq-modal--active .tzq-modal__content,
.tzq-modal--active .tzq-modal__container,
.tzq-modal.is-active .tzq-modal-content,
.tzq-modal.is-active .tzq-modal__content,
.tzq-modal.is-active .tzq-modal__container,
.modal.show .modal-content,
.modal.show .modal-dialog {
transform: translateY(0);
opacity: 1;
} .tzq-modal-header, 
.tzq-modal__header, 
.modal-header {
padding: 1.5rem 2rem;
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.tzq-modal__title, 
.tzq-modal-title,
.modal-title {
margin: 0;
font-size: 1.25rem;
font-weight: 800;
color: var(--tzq-text-primary, #1e293b);
letter-spacing: -0.02em;
font-family: var(--tzq-font-heading, inherit);
} .tzq-modal-close, 
.tzq-modal__close,
.btn-close,
.modal-header .close,
.btn-close-white {
background: rgba(0, 0, 0, 0.05);
border: none;
color: var(--tzq-text-secondary, #64748b);
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 1.2rem;
padding: 0;
margin: 0;
text-shadow: none;
}
.btn-close::before, .modal-header .close::before {
content: "✖";
font-family: sans-serif;
font-size: 14px;
}
.tzq-modal-close:hover, 
.tzq-modal__close:hover,
.btn-close:hover,
.modal-header .close:hover {
background: var(--tzq-error, #ef4444);
color: #fff;
transform: rotate(90deg) scale(1.1);
} .tzq-modal-body, 
.tzq-modal__body, 
.modal-body {
padding: 2rem;
max-height: 70vh;
overflow-y: auto;
background: transparent;
font-size: 1rem;
line-height: 1.6;
color: var(--tzq-text-secondary, #4b5563);
} .modal-body::-webkit-scrollbar,
.tzq-modal__body::-webkit-scrollbar {
width: 6px;
}
.modal-body::-webkit-scrollbar-track,
.tzq-modal__body::-webkit-scrollbar-track {
background: transparent;
}
.modal-body::-webkit-scrollbar-thumb,
.tzq-modal__body::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.1);
border-radius: var(--tzq-spacing-xs);
}
.modal-body::-webkit-scrollbar-thumb:hover,
.tzq-modal__body::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.2);
} .tzq-modal-footer, 
.tzq-modal__footer, 
.modal-footer {
padding: 1.25rem 2rem;
background: rgba(248, 250, 252, 0.8);
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
justify-content: flex-end;
gap: 12px;
} .modal-body .form-label, .modal-body label {
display: block;
font-weight: 700;
color: var(--tzq-text-primary, #1e293b);
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
.modal-body .form-control, .modal-body select, .modal-body input[type="text"], .modal-body input[type="number"], .modal-body textarea {
display: block;
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid var(--tzq-border-light, #e2e8f0);
border-radius: var(--tzq-spacing-xs);
font-size: 1rem;
background: #fff;
color: var(--tzq-text-primary, #1e293b);
box-sizing: border-box;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}
.modal-body .form-control:focus, .modal-body input:focus, .modal-body textarea:focus {
border-color: var(--tzq-primary, #2563eb);
box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
outline: none;
}
.modal-body .mb-3 {
margin-bottom: 1.5rem;
}
.modal-body .input-group {
display: flex;
align-items: stretch;
width: 100%;
}
.modal-body .input-group .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
flex: 1;
} .modal .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.6rem 1.25rem;
font-weight: 700;
font-size: 0.95rem;
border-radius: var(--tzq-spacing-xs);
cursor: pointer;
border: 1px solid transparent;
}
.modal .btn-primary { background: var(--tzq-primary, #2563eb); color: #fff; box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2); }
.modal .btn-primary:hover { background: #1d4ed8; transform: translateY(-1px); }
.modal .btn-secondary { background: #64748b; color: #fff; }
.modal .btn-secondary:hover { background: #475569; }
.modal .btn-success { background: var(--tzq-success, #10b981); color: #fff; }
.modal .btn-success:hover { background: #059669; }
.modal .btn-danger { background: var(--tzq-error, #ef4444); color: #fff; }
.modal .btn-danger:hover { background: #dc2626; }
.modal .btn-outline-secondary { background: transparent; border-color: #cbd5e1; color: #475569; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.modal .btn-outline-secondary:hover { background: #f1f5f9; } .modal-body .table {
width: 100%;
margin-bottom: 0;
border-collapse: separate;
border-spacing: 0;
}
.modal-body .table th {
background: rgba(248, 250, 252, 0.5);
padding: 1rem;
font-weight: 800;
font-size: 0.75rem;
text-transform: uppercase;
color: var(--tzq-text-muted, #64748b);
border-bottom: 2px solid rgba(0,0,0,0.05);
}
.modal-body .table td {
padding: 1rem;
border-bottom: 1px solid rgba(0,0,0,0.05);
font-size: 0.9rem;
vertical-align: middle;
} #tzqHtmlExportModal .modal-header {
background: var(--tzq-gradient-warning, linear-gradient(135deg, #f59e0b, #d97706)) !important;
color: #fff !important;
border-bottom: none;
}
#tzqHtmlExportModal .modal-title { color: #fff; }
#tzqHtmlExportModal .btn-close { filter: brightness(0) invert(1); background-color: rgba(255, 255, 255, 0.2); }
#tzqQuestionsModal .modal-header,
#tzqQuestionModal .modal-header,
#tzqQuizModal .modal-header {
background: var(--tzq-gradient-primary, linear-gradient(135deg, #2563eb, #1e40af)) !important;
color: #fff !important;
border-bottom: none;
}
#tzqQuestionsModal .modal-title,
#tzqQuestionModal .modal-title,
#tzqQuizModal .modal-title { color: #fff; }
#tzqQuestionsModal .btn-close,
#tzqQuestionModal .btn-close,
#tzqQuizModal .btn-close { filter: brightness(0) invert(1); background-color: rgba(255, 255, 255, 0.2); }
#tzqConfirmModal .modal-content {
border-radius: var(--tzq-spacing-xs);
border: none;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
} .tzq-badge-modal {
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
z-index: 100000; 
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.tzq-badge-modal--active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.tzq-badge-modal__overlay {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(15, 23, 42, 0.6);
z-index: 1;
}
.tzq-badge-modal__content {
position: relative;
width: 90%;
max-width: 400px;
background: #ffffff;
border-radius: var(--tzq-spacing-xs);
padding: 3rem 2rem !important;
z-index: 2;
text-align: center;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
transform: translateY(20px);
opacity: 0;
border: 1px solid #e2e8f0;
overflow: hidden;
}
.tzq-badge-modal--active .tzq-badge-modal__content {
transform: translateY(0);
opacity: 1;
}
.tzq-badge-modal__meta {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin-bottom: 1.5rem;
}
.tzq-badge-modal__date {
font-size: 0.75rem;
color: var(--tzq-text-muted, #94a3b8);
font-weight: 600;
}
.tzq-badge-progress {
margin-bottom: 2rem;
background: #f8fafc;
padding: 1.25rem;
border-radius: var(--tzq-spacing-xs);
border: 1px solid #f1f5f9;
}
.tzq-badge-progress__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
}
.tzq-badge-progress__label {
font-size: 0.7rem;
font-weight: 800;
color: #64748b;
letter-spacing: 0.05em;
}
.tzq-badge-progress__value {
font-size: 0.8rem;
font-weight: 800;
color: #1e293b;
}
.tzq-badge-progress__bar {
height: 8px;
background: #e2e8f0;
border-radius: var(--tzq-spacing-xs);
overflow: hidden;
}
.tzq-badge-progress__fill {
height: 100%;
background: var(--tzq-primary, #2563eb);
border-radius: var(--tzq-spacing-xs);
}
.tzq-badge-modal__footer {
margin-top: 1rem;
}
.tzq-badge-modal__shimmer {
display: none;
}
.tzq-badge-modal__icon-wrapper {
width: 120px; height: 120px; margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center;
font-size: 4rem; background: #f8fafc; border-radius: var(--tzq-spacing-xs);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.tzq-badge-modal--active .tzq-badge-modal__icon-wrapper { animation: tzqBadgePop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
@keyframes tzqBadgePop { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.tzq-badge-modal__title { font-size: 1.75rem; font-weight: 900; margin: 0 0 0.5rem; color: #1e293b; letter-spacing: -0.02em; }
.tzq-badge-modal__description { font-size: 0.9375rem; line-height: 1.5; margin: 0 0 1.25rem; color: #64748b; }
.tzq-badge-modal__xp-badge { display: inline-flex; padding: 0.4rem 1rem; background: var(--tzq-primary-light, #dbeafe); color: var(--tzq-primary, #2563eb); border-radius: var(--tzq-spacing-xs); font-weight: 800; font-size: 0.85rem; }
.tzq-badge-modal__close:hover { background: #ef4444; color: #fff; } .modal-xl, .tzq-modal--xl { width: 1140px !important; max-width: 95% !important; }
.modal-lg, .tzq-modal--lg, .tzq-modal__content--large, .tzq-modal__container--large { width: 800px !important; max-width: 95% !important; }
.modal-md, .tzq-modal--md, .tzq-modal__content--medium, .tzq-modal__container--medium { width: 600px !important; max-width: 95% !important; }
.modal-sm, .tzq-modal--sm { width: 400px !important; max-width: 95% !important; } @media (max-width: 768px) {
.tzq-modal-content, .tzq-modal__container, .modal-content, .modal-dialog { width: 92%; border-radius: var(--tzq-spacing-xs); margin: auto; }
.tzq-modal-header, .modal-header { padding: 1.25rem 1.5rem; }
.tzq-modal-body, .modal-body { padding: 1.5rem; }
.tzq-modal-footer, .modal-footer { padding: 1rem 1.5rem; flex-direction: column-reverse; }
.tzq-modal-footer .btn { width: 100%; margin-bottom: 0.5rem; }
} .wp-admin .modal-backdrop { z-index: 99998 !important; }
.wp-admin .modal { z-index: 99999 !important; }  .tzq-cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9998;
display: none;
justify-content: center;
padding: 0 1rem 1rem;
pointer-events: none;
}
.tzq-cookie-banner.tzq-cookie-banner--visible {
display: flex;
pointer-events: auto;
} .tzq-cookie-banner__card {
background: #fff;
border-radius: var(--tzq-spacing-xs);
box-shadow:
0 -8px 32px rgba(15, 23, 42, 0.12),
0 -2px 8px rgba(15, 23, 42, 0.06),
0 0 0 1px rgba(15, 23, 42, 0.04);
padding: 1.25rem 1.5rem;
max-width: 900px;
width: 100%;
display: flex;
align-items: center;
gap: 1.25rem;
flex-wrap: wrap;
pointer-events: auto;
transform: translateY(100%);
opacity: 0;
position: relative;
overflow: hidden;
} .tzq-cookie-banner__card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--tzq-primary, #2563eb), var(--tzq-secondary, #4ecdc4));
border-radius: var(--tzq-spacing-xs);
}
.tzq-cookie-banner.tzq-cookie-banner--visible .tzq-cookie-banner__card {
transform: translateY(0);
opacity: 1;
}
.tzq-cookie-banner__icon {
font-size: 2rem;
flex-shrink: 0;
line-height: 1;
}
.tzq-cookie-banner__text {
flex: 1;
min-width: 200px;
}
.tzq-cookie-banner__title {
font-size: 1rem;
font-weight: 800;
margin: 0 0 0.3rem;
color: var(--tzq-slate-900, #0f172a);
}
.tzq-cookie-banner__desc {
font-size: 0.8125rem;
color: var(--tzq-slate-500, #64748b);
margin: 0;
line-height: 1.55;
}
.tzq-cookie-banner__desc a {
color: var(--tzq-primary, #6366f1);
text-decoration: underline;
font-weight: 600;
}
.tzq-cookie-banner__actions {
display: flex;
gap: 0.625rem;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
}
.tzq-cookie-btn {
padding: 0.5625rem 1.25rem;
border-radius: var(--tzq-spacing-xs);
font-size: 0.875rem;
font-weight: 700;
cursor: pointer;
border: none;
white-space: nowrap;
line-height: 1.2;
}
.tzq-cookie-btn:hover {
transform: translateY(-2px);
}
.tzq-cookie-btn--accept {
background: var(--tzq-primary, #6366f1);
color: #fff;
box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
}
.tzq-cookie-btn--accept:hover {
background: var(--tzq-primary-dark, #4f46e5);
box-shadow: 0 6px 16px rgba(99, 102, 241, 0.45);
}
.tzq-cookie-btn--reject {
background: var(--tzq-slate-100, #f1f5f9);
color: var(--tzq-slate-700, #334155);
border: 1px solid var(--tzq-slate-200, #e2e8f0);
}
.tzq-cookie-btn--reject:hover {
background: var(--tzq-slate-200, #e2e8f0);
}
.tzq-cookie-btn--settings {
background: transparent;
color: var(--tzq-slate-400, #94a3b8);
font-size: 0.8rem;
padding: 0.5rem 0.625rem;
text-decoration: underline;
border: none;
cursor: pointer;
}
.tzq-cookie-btn--settings:hover {
color: var(--tzq-primary, #6366f1);
transform: none;
} @media (max-width: 991px) { .tzq-cookie-banner {
padding: 0;
bottom: 82px; }
.tzq-cookie-banner__card {
border-radius: var(--tzq-spacing-xs);
padding: 1rem 1.25rem;
gap: 0.875rem;
flex-direction: column;
align-items: flex-start;
}
.tzq-cookie-banner__actions {
width: 100%;
}
.tzq-cookie-btn--accept,
.tzq-cookie-btn--reject {
flex: 1;
text-align: center;
}
} .tzq-cookie-pref-item {
padding: 1.25rem 0;
border-bottom: 1px solid var(--tzq-slate-100, #f1f5f9);
}
.tzq-cookie-pref-item:last-of-type {
border-bottom: none;
}
.tzq-cookie-pref-item__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.tzq-cookie-pref-item__title {
font-size: 0.9375rem;
font-weight: 800;
color: var(--tzq-slate-800, #1e293b);
margin: 0 0 0.375rem;
}
.tzq-cookie-pref-item__desc {
font-size: 0.8125rem;
color: var(--tzq-slate-500, #64748b);
margin: 0;
line-height: 1.5;
max-width: 420px;
} .tzq-cookie-toggle--disabled {
flex-shrink: 0;
font-size: 0.75rem;
font-weight: 700;
color: var(--tzq-green-600, #16a34a);
background: var(--tzq-green-50, #f0fdf4);
border: 1px solid var(--tzq-green-200, #bbf7d0);
padding: 0.25rem 0.625rem;
border-radius: var(--tzq-spacing-xs);
white-space: nowrap;
margin-top: 2px;
} .tzq-cookie-toggle__label {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
flex-shrink: 0;
margin-top: 2px;
cursor: pointer;
}
.tzq-cookie-toggle__input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.tzq-cookie-toggle__slider {
position: absolute;
inset: 0;
background: var(--tzq-slate-300, #cbd5e1);
border-radius: var(--tzq-spacing-xs);
}
.tzq-cookie-toggle__slider::before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 3px;
top: 3px;
background: #fff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.tzq-cookie-toggle__input:checked + .tzq-cookie-toggle__slider {
background: var(--tzq-primary, #6366f1);
}
.tzq-cookie-toggle__input:checked + .tzq-cookie-toggle__slider::before {
transform: translateX(20px);
}
.tzq-cookie-toggle__input:focus-visible + .tzq-cookie-toggle__slider {
outline: 2px solid var(--tzq-primary, #6366f1);
outline-offset: 2px;
} .tzq-cookie-pref-note {
font-size: 0.8rem;
color: var(--tzq-slate-500, #64748b);
margin: 1rem 0 0;
padding: 0.75rem;
background: var(--tzq-slate-50, #f8fafc);
border-radius: var(--tzq-spacing-xs);
border: 1px solid var(--tzq-slate-200, #e2e8f0);
line-height: 1.5;
}
.tzq-cookie-pref-note a {
color: var(--tzq-primary, #6366f1);
font-weight: 600;
}.tzq-page-header,
.tzq-modern-header {
position: relative;
overflow: hidden;
padding: 1rem;
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
color: #fff;
border-bottom: 2px solid rgba(255,255,255,0.05);
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
z-index: 10;
display: flex;
align-items: center;
}
.tzq-modern-header::before {
content: '';
position: absolute;
top: -50%; left: -10%; width: 40%; height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
transform: rotate(-15deg);
pointer-events: none;
}
.tzq-modern-header::after {
content: '';
position: absolute;
bottom: -20%; right: -5%; width: 300px; height: 300px;
background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 80%);
border-radius: 50%;
pointer-events: none;
}
.tzq-modern-header--standard {
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
}
.tzq-modern-header--info,
.tzq-modern-header--legal {
background: var(--tzq-primary, #3b82f6) !important;
}
.tzq-modern-header--tests,
.tzq-modern-header--premium{
background: var(--tzq-primary-darker);
}
.tzq-modern-header--deneme {
background: linear-gradient(135deg, #4A148C 0%, #0d071a 100%);
}
.tzq-modern-header--etkinlik {
background: linear-gradient(135deg, #256b60 0%, #1a4d45 100%) !important;
}
.tzq-modern-header--yazili {
background: #08223e;
}
.tzq-modern-header--pdf {
background: #68002e;
} .tzq-modern-header--blog,
.tzq-modern-header--blog-single {
background: linear-gradient(135deg, #475569 0%, #1e293b 100%) !important;
} .tzq-modern-header--contact {
background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%) !important;
} .tzq-modern-header--home {
background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
} .tzq-modern-header--error {
background: #f8fafc !important;
color: #1e293b !important;
padding: 2rem 0 !important;
min-height: auto !important;
}
.tzq-modern-header--error .tzq-modern-header__title { color: #1e293b !important; }
.tzq-modern-header__inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: var(--tzq-global-gap, 30px);
width: 100%;
}
@media (min-width: 1025px) {
.tzq-modern-header__inner--has-sidebar {
display: grid !important;
align-items: center;
}
.tzq-modern-header__inner--sidebar-right {
grid-template-columns: 1fr var(--tzq-sidebar-width, 340px);
}
.tzq-modern-header__inner--sidebar-left {
grid-template-columns: var(--tzq-sidebar-width, 340px) 1fr;
}
}
.tzq-modern-header__main {
flex: 1;
}
.tzq-modern-header__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 0.75rem;
}
.tzq-modern-header__title-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 0.5rem;
}
.tzq-modern-header__icon-emoji {
font-size: 2.2rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.tzq-modern-header__title,
.tzq-page-header__title {
margin: 0;
font-family: var(--tzq-font-heading);
font-size: clamp(1.5rem, 2.5vw, 1.6rem);
font-weight: 600;
color: #fff;
line-height: 1.1;
letter-spacing: -0.02em;
}
.tzq-modern-header__subtitle {
display: block;
margin-top: 0.5rem;
font-size: 0.9rem;
opacity: 0.9;
font-weight: 400;
line-height: 1.5;
}
.tzq-modern-header__stats {
display: flex;
gap: var(--tzq-spacing-lg);
background: rgba(255, 255, 255, 0.08);
padding: 0.75rem 1.25rem;
border-radius: var(--tzq-spacing-xs);
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 32px rgba(0,0,0,0.15);
width: fit-content;
margin-left: auto;
}
.tzq-modern-header__stats:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.25);
transform: translateY(-2px);
}
.tzq-modern-header__stats .stat-item {
display: flex;
text-align: center;
position: relative;
flex-direction: column;
justify-content: space-evenly;
}
.tzq-modern-header__stats .stat-item:not(:last-child)::after {
content: '';
position: absolute;
right: -1rem;
top: 15%;
bottom: 15%;
width: 1px;
background: rgba(255, 255, 255, 0.15);
}
.tzq-modern-header__stats .value {
display: block;
font-size: 1.2rem;
font-weight: 700;
color: #fff;
line-height: 1.2;
}
.tzq-modern-header__stats .label {
font-size: 0.6rem;
font-weight: 800;
text-transform: uppercase;
opacity: 0.6;
letter-spacing: 1px;
}
.tzq-modern-header__stats .stat-item--stamp {
background: none !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.tzq-modern-header__stats .stat-item--stamp::after {
display: none !important;
}
.stamp-seal {
position: relative;
display: flex;
align-items: center;
gap: 12px;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(8px);
padding: 10px 16px;
border-radius: var(--tzq-spacing-xs);
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.stat-item--stamp:hover .stamp-seal {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
transform: translateY(-1px);
}
.stamp-icon {
width: 24px;
height: 24px;
background: #10b981;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);
flex-shrink: 0;
}
.stamp-text {
display: flex;
flex-direction: column;
text-align: left;
}
.stamp-value {
font-size: 0.75rem;
font-weight: 800;
color: #fff;
line-height: 1.1;
letter-spacing: 0.02em;
}
.stamp-label {
font-size: 0.55rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
letter-spacing: 0.05em;
} .tzq-page-header__breadcrumb {
margin-bottom: 0.75rem;
font-size: 0.85rem;
opacity: 0.85;
}
.tzq-breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
list-style: none;
margin: 0;
padding: 0;
font-size: 0.75rem;
font-weight: 600;
}
.tzq-breadcrumb__item {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.tzq-breadcrumb__link {
display: inline-flex;
align-items: center;
color: rgba(255, 255, 255, 0.75);
text-decoration: none;
padding: 2px 4px;
border-radius: var(--tzq-spacing-xs);
white-space: nowrap;
}
.tzq-breadcrumb__link:hover {
color: #fff;
background: rgba(255, 255, 255, 0.1);
}
.tzq-breadcrumb__separator {
opacity: 0.3;
font-size: 0.7rem;
margin: 0 2px;
color: #fff;
user-select: none;
}
.tzq-breadcrumb__item--current .tzq-breadcrumb__text {
color: #fff;
opacity: 1;
font-weight: 700;
} .tzq-archive__header,
.tzq-section--page-header,
.tzq-page-header--home {
display: none !important; 
} .tzo-category-block,
.tzo-list-items > *,
.tzq-section {
scroll-margin-top: calc(var(--tzo-sticky-nav-height, 52px) + 8px);
} @media (max-width: 1024px) {
.tzq-modern-header {
padding: 1.5rem 0;
}
.tzq-page-header__title {
font-size: 1.7rem !important;
line-height: 1.2 !important;
}
}
@media (max-width: 640px) {
.tzq-modern-header__inner {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.tzq-modern-header__stats {
display: none;
width: auto;
margin-left: 0;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.tzq-modern-header__stats .stat-item:not(:last-child)::after {
display: none;
}
.tzq-modern-header__title,
.tzq-page-header__title {
font-size: clamp(1.25rem, 5vw, 1.4rem);
}
}
@media (max-width: 480px) {
.tzq-page-header__title {
font-size: clamp(1.5rem, 5vw, 1.7rem);
letter-spacing: -0.01em;
}
}:root{--tzq-primary: #1e40af;--tzq-primary-light: #3b82f6;--tzq-primary-dark: #1e3a8a;--tzq-primary-rgb: 30, 64, 175;--tzq-secondary: #0ea5e9;--tzq-secondary-light: #38bdf8;--tzq-secondary-dark: #0284c7;--tzq-secondary-darker: #08638b;--tzq-secondary-rgb: 14, 165, 233;--tzq-accent: #f59e0b;--tzq-accent-light: #fbbf24;--tzq-accent-dark: #d97706;--tzq-accent-darker: #935e06;--tzq-accent-rgb: 245, 158, 11;--tzq-success: #10b981;--tzq-success-rgb: 16, 185, 129;--tzq-error: #ef4444;--tzq-warning: #f59e0b;--tzq-info: #3b82f6;--tzq-text-primary: #1e293b;--tzq-text-secondary: #475569;--tzq-text-muted: #94a3b8;--tzq-border-light: #e2e8f0;--tzq-border-medium: #cbd5e1;--tzq-header-height-desktop: 130px;--tzq-card-shadow: none;--tzq-card-shadow-hover: var(--tzq-card-shadow);--tzq-bg-secondary: #f8fafc;--tzq-bg-tertiary: #f1f5f9;--tzq-bg-blue-light: #dce4fb;}.tzq-footer__content,.tzq-footer-content{grid-template-columns: repeat(3, 1fr) !important;}@media (max-width: 991px){.tzq-footer__content,.tzq-footer-content{}}input:focus, select:focus, textarea:focus{box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);outline: none;}input[type="text"], input[type="email"], input[type="password"],input[type="tel"], input[type="date"], input[type="time"],input[type="number"], input[type="search"], select, textarea{font-size: 1rem;}@font-face {
font-family: "Phosphor";
src:
url(https://www.testyurdu.com/wp-content/themes/tstzamani/assets/vendor/phosphor/regular/Phosphor.woff2) format("woff2"),
url(https://www.testyurdu.com/wp-content/themes/tstzamani/assets/vendor/phosphor/regular/Phosphor.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
.ph { font-family: "Phosphor" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ph.ph-acorn:before {
content: "\eb9a";
}
.ph.ph-address-book:before {
content: "\e6f8";
}
.ph.ph-address-book-tabs:before {
content: "\ee4e";
}
.ph.ph-air-traffic-control:before {
content: "\ecd8";
}
.ph.ph-airplane:before {
content: "\e002";
}
.ph.ph-airplane-in-flight:before {
content: "\e4fe";
}
.ph.ph-airplane-landing:before {
content: "\e502";
}
.ph.ph-airplane-takeoff:before {
content: "\e504";
}
.ph.ph-airplane-taxiing:before {
content: "\e500";
}
.ph.ph-airplane-tilt:before {
content: "\e5d6";
}
.ph.ph-airplay:before {
content: "\e004";
}
.ph.ph-alarm:before {
content: "\e006";
}
.ph.ph-alien:before {
content: "\e8a6";
}
.ph.ph-align-bottom:before {
content: "\e506";
}
.ph.ph-align-bottom-simple:before {
content: "\eb0c";
}
.ph.ph-align-center-horizontal:before {
content: "\e50a";
}
.ph.ph-align-center-horizontal-simple:before {
content: "\eb0e";
}
.ph.ph-align-center-vertical:before {
content: "\e50c";
}
.ph.ph-align-center-vertical-simple:before {
content: "\eb10";
}
.ph.ph-align-left:before {
content: "\e50e";
}
.ph.ph-align-left-simple:before {
content: "\eaee";
}
.ph.ph-align-right:before {
content: "\e510";
}
.ph.ph-align-right-simple:before {
content: "\eb12";
}
.ph.ph-align-top:before {
content: "\e512";
}
.ph.ph-align-top-simple:before {
content: "\eb14";
}
.ph.ph-amazon-logo:before {
content: "\e96c";
}
.ph.ph-ambulance:before {
content: "\e572";
}
.ph.ph-anchor:before {
content: "\e514";
}
.ph.ph-anchor-simple:before {
content: "\e5d8";
}
.ph.ph-android-logo:before {
content: "\e008";
}
.ph.ph-angle:before {
content: "\e7bc";
}
.ph.ph-angular-logo:before {
content: "\eb80";
}
.ph.ph-aperture:before {
content: "\e00a";
}
.ph.ph-app-store-logo:before {
content: "\e974";
}
.ph.ph-app-window:before {
content: "\e5da";
}
.ph.ph-apple-logo:before {
content: "\e516";
}
.ph.ph-apple-podcasts-logo:before {
content: "\eb96";
}
.ph.ph-approximate-equals:before {
content: "\edaa";
}
.ph.ph-archive:before {
content: "\e00c";
}
.ph.ph-armchair:before {
content: "\e012";
}
.ph.ph-arrow-arc-left:before {
content: "\e014";
}
.ph.ph-arrow-arc-right:before {
content: "\e016";
}
.ph.ph-arrow-bend-double-up-left:before {
content: "\e03a";
}
.ph.ph-arrow-bend-double-up-right:before {
content: "\e03c";
}
.ph.ph-arrow-bend-down-left:before {
content: "\e018";
}
.ph.ph-arrow-bend-down-right:before {
content: "\e01a";
}
.ph.ph-arrow-bend-left-down:before {
content: "\e01c";
}
.ph.ph-arrow-bend-left-up:before {
content: "\e01e";
}
.ph.ph-arrow-bend-right-down:before {
content: "\e020";
}
.ph.ph-arrow-bend-right-up:before {
content: "\e022";
}
.ph.ph-arrow-bend-up-left:before {
content: "\e024";
}
.ph.ph-arrow-bend-up-right:before {
content: "\e026";
}
.ph.ph-arrow-circle-down:before {
content: "\e028";
}
.ph.ph-arrow-circle-down-left:before {
content: "\e02a";
}
.ph.ph-arrow-circle-down-right:before {
content: "\e02c";
}
.ph.ph-arrow-circle-left:before {
content: "\e05a";
}
.ph.ph-arrow-circle-right:before {
content: "\e02e";
}
.ph.ph-arrow-circle-up:before {
content: "\e030";
}
.ph.ph-arrow-circle-up-left:before {
content: "\e032";
}
.ph.ph-arrow-circle-up-right:before {
content: "\e034";
}
.ph.ph-arrow-clockwise:before {
content: "\e036";
}
.ph.ph-arrow-counter-clockwise:before {
content: "\e038";
}
.ph.ph-arrow-down:before {
content: "\e03e";
}
.ph.ph-arrow-down-left:before {
content: "\e040";
}
.ph.ph-arrow-down-right:before {
content: "\e042";
}
.ph.ph-arrow-elbow-down-left:before {
content: "\e044";
}
.ph.ph-arrow-elbow-down-right:before {
content: "\e046";
}
.ph.ph-arrow-elbow-left:before {
content: "\e048";
}
.ph.ph-arrow-elbow-left-down:before {
content: "\e04a";
}
.ph.ph-arrow-elbow-left-up:before {
content: "\e04c";
}
.ph.ph-arrow-elbow-right:before {
content: "\e04e";
}
.ph.ph-arrow-elbow-right-down:before {
content: "\e050";
}
.ph.ph-arrow-elbow-right-up:before {
content: "\e052";
}
.ph.ph-arrow-elbow-up-left:before {
content: "\e054";
}
.ph.ph-arrow-elbow-up-right:before {
content: "\e056";
}
.ph.ph-arrow-fat-down:before {
content: "\e518";
}
.ph.ph-arrow-fat-left:before {
content: "\e51a";
}
.ph.ph-arrow-fat-line-down:before {
content: "\e51c";
}
.ph.ph-arrow-fat-line-left:before {
content: "\e51e";
}
.ph.ph-arrow-fat-line-right:before {
content: "\e520";
}
.ph.ph-arrow-fat-line-up:before {
content: "\e522";
}
.ph.ph-arrow-fat-lines-down:before {
content: "\e524";
}
.ph.ph-arrow-fat-lines-left:before {
content: "\e526";
}
.ph.ph-arrow-fat-lines-right:before {
content: "\e528";
}
.ph.ph-arrow-fat-lines-up:before {
content: "\e52a";
}
.ph.ph-arrow-fat-right:before {
content: "\e52c";
}
.ph.ph-arrow-fat-up:before {
content: "\e52e";
}
.ph.ph-arrow-left:before {
content: "\e058";
}
.ph.ph-arrow-line-down:before {
content: "\e05c";
}
.ph.ph-arrow-line-down-left:before {
content: "\e05e";
}
.ph.ph-arrow-line-down-right:before {
content: "\e060";
}
.ph.ph-arrow-line-left:before {
content: "\e062";
}
.ph.ph-arrow-line-right:before {
content: "\e064";
}
.ph.ph-arrow-line-up:before {
content: "\e066";
}
.ph.ph-arrow-line-up-left:before {
content: "\e068";
}
.ph.ph-arrow-line-up-right:before {
content: "\e06a";
}
.ph.ph-arrow-right:before {
content: "\e06c";
}
.ph.ph-arrow-square-down:before {
content: "\e06e";
}
.ph.ph-arrow-square-down-left:before {
content: "\e070";
}
.ph.ph-arrow-square-down-right:before {
content: "\e072";
}
.ph.ph-arrow-square-in:before {
content: "\e5dc";
}
.ph.ph-arrow-square-left:before {
content: "\e074";
}
.ph.ph-arrow-square-out:before {
content: "\e5de";
}
.ph.ph-arrow-square-right:before {
content: "\e076";
}
.ph.ph-arrow-square-up:before {
content: "\e078";
}
.ph.ph-arrow-square-up-left:before {
content: "\e07a";
}
.ph.ph-arrow-square-up-right:before {
content: "\e07c";
}
.ph.ph-arrow-u-down-left:before {
content: "\e07e";
}
.ph.ph-arrow-u-down-right:before {
content: "\e080";
}
.ph.ph-arrow-u-left-down:before {
content: "\e082";
}
.ph.ph-arrow-u-left-up:before {
content: "\e084";
}
.ph.ph-arrow-u-right-down:before {
content: "\e086";
}
.ph.ph-arrow-u-right-up:before {
content: "\e088";
}
.ph.ph-arrow-u-up-left:before {
content: "\e08a";
}
.ph.ph-arrow-u-up-right:before {
content: "\e08c";
}
.ph.ph-arrow-up:before {
content: "\e08e";
}
.ph.ph-arrow-up-left:before {
content: "\e090";
}
.ph.ph-arrow-up-right:before {
content: "\e092";
}
.ph.ph-arrows-clockwise:before {
content: "\e094";
}
.ph.ph-arrows-counter-clockwise:before {
content: "\e096";
}
.ph.ph-arrows-down-up:before {
content: "\e098";
}
.ph.ph-arrows-horizontal:before {
content: "\eb06";
}
.ph.ph-arrows-in:before {
content: "\e09a";
}
.ph.ph-arrows-in-cardinal:before {
content: "\e09c";
}
.ph.ph-arrows-in-line-horizontal:before {
content: "\e530";
}
.ph.ph-arrows-in-line-vertical:before {
content: "\e532";
}
.ph.ph-arrows-in-simple:before {
content: "\e09e";
}
.ph.ph-arrows-left-right:before {
content: "\e0a0";
}
.ph.ph-arrows-merge:before {
content: "\ed3e";
}
.ph.ph-arrows-out:before {
content: "\e0a2";
}
.ph.ph-arrows-out-cardinal:before {
content: "\e0a4";
}
.ph.ph-arrows-out-line-horizontal:before {
content: "\e534";
}
.ph.ph-arrows-out-line-vertical:before {
content: "\e536";
}
.ph.ph-arrows-out-simple:before {
content: "\e0a6";
}
.ph.ph-arrows-split:before {
content: "\ed3c";
}
.ph.ph-arrows-vertical:before {
content: "\eb04";
}
.ph.ph-article:before {
content: "\e0a8";
}
.ph.ph-article-medium:before {
content: "\e5e0";
}
.ph.ph-article-ny-times:before {
content: "\e5e2";
}
.ph.ph-asclepius:before {
content: "\ee34";
}
.ph.ph-caduceus:before {
content: "\ee34";
}
.ph.ph-asterisk:before {
content: "\e0aa";
}
.ph.ph-asterisk-simple:before {
content: "\e832";
}
.ph.ph-at:before {
content: "\e0ac";
}
.ph.ph-atom:before {
content: "\e5e4";
}
.ph.ph-avocado:before {
content: "\ee04";
}
.ph.ph-axe:before {
content: "\e9fc";
}
.ph.ph-baby:before {
content: "\e774";
}
.ph.ph-baby-carriage:before {
content: "\e818";
}
.ph.ph-backpack:before {
content: "\e922";
}
.ph.ph-backspace:before {
content: "\e0ae";
}
.ph.ph-bag:before {
content: "\e0b0";
}
.ph.ph-bag-simple:before {
content: "\e5e6";
}
.ph.ph-balloon:before {
content: "\e76c";
}
.ph.ph-bandaids:before {
content: "\e0b2";
}
.ph.ph-bank:before {
content: "\e0b4";
}
.ph.ph-barbell:before {
content: "\e0b6";
}
.ph.ph-barcode:before {
content: "\e0b8";
}
.ph.ph-barn:before {
content: "\ec72";
}
.ph.ph-barricade:before {
content: "\e948";
}
.ph.ph-baseball:before {
content: "\e71a";
}
.ph.ph-baseball-cap:before {
content: "\ea28";
}
.ph.ph-baseball-helmet:before {
content: "\ee4a";
}
.ph.ph-basket:before {
content: "\e964";
}
.ph.ph-basketball:before {
content: "\e724";
}
.ph.ph-bathtub:before {
content: "\e81e";
}
.ph.ph-battery-charging:before {
content: "\e0ba";
}
.ph.ph-battery-charging-vertical:before {
content: "\e0bc";
}
.ph.ph-battery-empty:before {
content: "\e0be";
}
.ph.ph-battery-full:before {
content: "\e0c0";
}
.ph.ph-battery-high:before {
content: "\e0c2";
}
.ph.ph-battery-low:before {
content: "\e0c4";
}
.ph.ph-battery-medium:before {
content: "\e0c6";
}
.ph.ph-battery-plus:before {
content: "\e808";
}
.ph.ph-battery-plus-vertical:before {
content: "\ec50";
}
.ph.ph-battery-vertical-empty:before {
content: "\e7c6";
}
.ph.ph-battery-vertical-full:before {
content: "\e7c4";
}
.ph.ph-battery-vertical-high:before {
content: "\e7c2";
}
.ph.ph-battery-vertical-low:before {
content: "\e7be";
}
.ph.ph-battery-vertical-medium:before {
content: "\e7c0";
}
.ph.ph-battery-warning:before {
content: "\e0c8";
}
.ph.ph-battery-warning-vertical:before {
content: "\e0ca";
}
.ph.ph-beach-ball:before {
content: "\ed24";
}
.ph.ph-beanie:before {
content: "\ea2a";
}
.ph.ph-bed:before {
content: "\e0cc";
}
.ph.ph-beer-bottle:before {
content: "\e7b0";
}
.ph.ph-beer-stein:before {
content: "\eb62";
}
.ph.ph-behance-logo:before {
content: "\e7f4";
}
.ph.ph-bell:before {
content: "\e0ce";
}
.ph.ph-bell-ringing:before {
content: "\e5e8";
}
.ph.ph-bell-simple:before {
content: "\e0d0";
}
.ph.ph-bell-simple-ringing:before {
content: "\e5ea";
}
.ph.ph-bell-simple-slash:before {
content: "\e0d2";
}
.ph.ph-bell-simple-z:before {
content: "\e5ec";
}
.ph.ph-bell-slash:before {
content: "\e0d4";
}
.ph.ph-bell-z:before {
content: "\e5ee";
}
.ph.ph-belt:before {
content: "\ea2c";
}
.ph.ph-bezier-curve:before {
content: "\eb00";
}
.ph.ph-bicycle:before {
content: "\e0d6";
}
.ph.ph-binary:before {
content: "\ee60";
}
.ph.ph-binoculars:before {
content: "\ea64";
}
.ph.ph-biohazard:before {
content: "\e9e0";
}
.ph.ph-bird:before {
content: "\e72c";
}
.ph.ph-blueprint:before {
content: "\eda0";
}
.ph.ph-bluetooth:before {
content: "\e0da";
}
.ph.ph-bluetooth-connected:before {
content: "\e0dc";
}
.ph.ph-bluetooth-slash:before {
content: "\e0de";
}
.ph.ph-bluetooth-x:before {
content: "\e0e0";
}
.ph.ph-boat:before {
content: "\e786";
}
.ph.ph-bomb:before {
content: "\ee0a";
}
.ph.ph-bone:before {
content: "\e7f2";
}
.ph.ph-book:before {
content: "\e0e2";
}
.ph.ph-book-bookmark:before {
content: "\e0e4";
}
.ph.ph-book-open:before {
content: "\e0e6";
}
.ph.ph-book-open-text:before {
content: "\e8f2";
}
.ph.ph-book-open-user:before {
content: "\ede0";
}
.ph.ph-bookmark:before {
content: "\e0e8";
}
.ph.ph-bookmark-simple:before {
content: "\e0ea";
}
.ph.ph-bookmarks:before {
content: "\e0ec";
}
.ph.ph-bookmarks-simple:before {
content: "\e5f0";
}
.ph.ph-books:before {
content: "\e758";
}
.ph.ph-boot:before {
content: "\ecca";
}
.ph.ph-boules:before {
content: "\e722";
}
.ph.ph-bounding-box:before {
content: "\e6ce";
}
.ph.ph-bowl-food:before {
content: "\eaa4";
}
.ph.ph-bowl-steam:before {
content: "\e8e4";
}
.ph.ph-bowling-ball:before {
content: "\ea34";
}
.ph.ph-box-arrow-down:before {
content: "\e00e";
}
.ph.ph-archive-box:before {
content: "\e00e";
}
.ph.ph-box-arrow-up:before {
content: "\ee54";
}
.ph.ph-boxing-glove:before {
content: "\ea36";
}
.ph.ph-brackets-angle:before {
content: "\e862";
}
.ph.ph-brackets-curly:before {
content: "\e860";
}
.ph.ph-brackets-round:before {
content: "\e864";
}
.ph.ph-brackets-square:before {
content: "\e85e";
}
.ph.ph-brain:before {
content: "\e74e";
}
.ph.ph-brandy:before {
content: "\e6b4";
}
.ph.ph-bread:before {
content: "\e81c";
}
.ph.ph-bridge:before {
content: "\ea68";
}
.ph.ph-briefcase:before {
content: "\e0ee";
}
.ph.ph-briefcase-metal:before {
content: "\e5f2";
}
.ph.ph-broadcast:before {
content: "\e0f2";
}
.ph.ph-broom:before {
content: "\ec54";
}
.ph.ph-browser:before {
content: "\e0f4";
}
.ph.ph-browsers:before {
content: "\e0f6";
}
.ph.ph-bug:before {
content: "\e5f4";
}
.ph.ph-bug-beetle:before {
content: "\e5f6";
}
.ph.ph-bug-droid:before {
content: "\e5f8";
}
.ph.ph-building:before {
content: "\e100";
}
.ph.ph-building-apartment:before {
content: "\e0fe";
}
.ph.ph-building-office:before {
content: "\e0ff";
}
.ph.ph-buildings:before {
content: "\e102";
}
.ph.ph-bulldozer:before {
content: "\ec6c";
}
.ph.ph-bus:before {
content: "\e106";
}
.ph.ph-butterfly:before {
content: "\ea6e";
}
.ph.ph-cable-car:before {
content: "\e49c";
}
.ph.ph-cactus:before {
content: "\e918";
}
.ph.ph-cake:before {
content: "\e780";
}
.ph.ph-calculator:before {
content: "\e538";
}
.ph.ph-calendar:before {
content: "\e108";
}
.ph.ph-calendar-blank:before {
content: "\e10a";
}
.ph.ph-calendar-check:before {
content: "\e712";
}
.ph.ph-calendar-dot:before {
content: "\e7b2";
}
.ph.ph-calendar-dots:before {
content: "\e7b4";
}
.ph.ph-calendar-heart:before {
content: "\e8b0";
}
.ph.ph-calendar-minus:before {
content: "\ea14";
}
.ph.ph-calendar-plus:before {
content: "\e714";
}
.ph.ph-calendar-slash:before {
content: "\ea12";
}
.ph.ph-calendar-star:before {
content: "\e8b2";
}
.ph.ph-calendar-x:before {
content: "\e10c";
}
.ph.ph-call-bell:before {
content: "\e7de";
}
.ph.ph-camera:before {
content: "\e10e";
}
.ph.ph-camera-plus:before {
content: "\ec58";
}
.ph.ph-camera-rotate:before {
content: "\e7a4";
}
.ph.ph-camera-slash:before {
content: "\e110";
}
.ph.ph-campfire:before {
content: "\e9d8";
}
.ph.ph-car:before {
content: "\e112";
}
.ph.ph-car-battery:before {
content: "\ee30";
}
.ph.ph-car-profile:before {
content: "\e8cc";
}
.ph.ph-car-simple:before {
content: "\e114";
}
.ph.ph-cardholder:before {
content: "\e5fa";
}
.ph.ph-cards:before {
content: "\e0f8";
}
.ph.ph-cards-three:before {
content: "\ee50";
}
.ph.ph-caret-circle-double-down:before {
content: "\e116";
}
.ph.ph-caret-circle-double-left:before {
content: "\e118";
}
.ph.ph-caret-circle-double-right:before {
content: "\e11a";
}
.ph.ph-caret-circle-double-up:before {
content: "\e11c";
}
.ph.ph-caret-circle-down:before {
content: "\e11e";
}
.ph.ph-caret-circle-left:before {
content: "\e120";
}
.ph.ph-caret-circle-right:before {
content: "\e122";
}
.ph.ph-caret-circle-up:before {
content: "\e124";
}
.ph.ph-caret-circle-up-down:before {
content: "\e13e";
}
.ph.ph-caret-double-down:before {
content: "\e126";
}
.ph.ph-caret-double-left:before {
content: "\e128";
}
.ph.ph-caret-double-right:before {
content: "\e12a";
}
.ph.ph-caret-double-up:before {
content: "\e12c";
}
.ph.ph-caret-down:before {
content: "\e136";
}
.ph.ph-caret-left:before {
content: "\e138";
}
.ph.ph-caret-line-down:before {
content: "\e134";
}
.ph.ph-caret-line-left:before {
content: "\e132";
}
.ph.ph-caret-line-right:before {
content: "\e130";
}
.ph.ph-caret-line-up:before {
content: "\e12e";
}
.ph.ph-caret-right:before {
content: "\e13a";
}
.ph.ph-caret-up:before {
content: "\e13c";
}
.ph.ph-caret-up-down:before {
content: "\e140";
}
.ph.ph-carrot:before {
content: "\ed38";
}
.ph.ph-cash-register:before {
content: "\ed80";
}
.ph.ph-cassette-tape:before {
content: "\ed2e";
}
.ph.ph-castle-turret:before {
content: "\e9d0";
}
.ph.ph-cat:before {
content: "\e748";
}
.ph.ph-cell-signal-full:before {
content: "\e142";
}
.ph.ph-cell-signal-high:before {
content: "\e144";
}
.ph.ph-cell-signal-low:before {
content: "\e146";
}
.ph.ph-cell-signal-medium:before {
content: "\e148";
}
.ph.ph-cell-signal-none:before {
content: "\e14a";
}
.ph.ph-cell-signal-slash:before {
content: "\e14c";
}
.ph.ph-cell-signal-x:before {
content: "\e14e";
}
.ph.ph-cell-tower:before {
content: "\ebaa";
}
.ph.ph-certificate:before {
content: "\e766";
}
.ph.ph-chair:before {
content: "\e950";
}
.ph.ph-chalkboard:before {
content: "\e5fc";
}
.ph.ph-chalkboard-simple:before {
content: "\e5fe";
}
.ph.ph-chalkboard-teacher:before {
content: "\e600";
}
.ph.ph-champagne:before {
content: "\eaca";
}
.ph.ph-charging-station:before {
content: "\e8d0";
}
.ph.ph-chart-bar:before {
content: "\e150";
}
.ph.ph-chart-bar-horizontal:before {
content: "\e152";
}
.ph.ph-chart-donut:before {
content: "\eaa6";
}
.ph.ph-chart-line:before {
content: "\e154";
}
.ph.ph-chart-line-down:before {
content: "\e8b6";
}
.ph.ph-chart-line-up:before {
content: "\e156";
}
.ph.ph-chart-pie:before {
content: "\e158";
}
.ph.ph-chart-pie-slice:before {
content: "\e15a";
}
.ph.ph-chart-polar:before {
content: "\eaa8";
}
.ph.ph-chart-scatter:before {
content: "\eaac";
}
.ph.ph-chat:before {
content: "\e15c";
}
.ph.ph-chat-centered:before {
content: "\e160";
}
.ph.ph-chat-centered-dots:before {
content: "\e164";
}
.ph.ph-chat-centered-slash:before {
content: "\e162";
}
.ph.ph-chat-centered-text:before {
content: "\e166";
}
.ph.ph-chat-circle:before {
content: "\e168";
}
.ph.ph-chat-circle-dots:before {
content: "\e16c";
}
.ph.ph-chat-circle-slash:before {
content: "\e16a";
}
.ph.ph-chat-circle-text:before {
content: "\e16e";
}
.ph.ph-chat-dots:before {
content: "\e170";
}
.ph.ph-chat-slash:before {
content: "\e15e";
}
.ph.ph-chat-teardrop:before {
content: "\e172";
}
.ph.ph-chat-teardrop-dots:before {
content: "\e176";
}
.ph.ph-chat-teardrop-slash:before {
content: "\e174";
}
.ph.ph-chat-teardrop-text:before {
content: "\e178";
}
.ph.ph-chat-text:before {
content: "\e17a";
}
.ph.ph-chats:before {
content: "\e17c";
}
.ph.ph-chats-circle:before {
content: "\e17e";
}
.ph.ph-chats-teardrop:before {
content: "\e180";
}
.ph.ph-check:before {
content: "\e182";
}
.ph.ph-check-circle:before {
content: "\e184";
}
.ph.ph-check-fat:before {
content: "\eba6";
}
.ph.ph-check-square:before {
content: "\e186";
}
.ph.ph-check-square-offset:before {
content: "\e188";
}
.ph.ph-checkerboard:before {
content: "\e8c4";
}
.ph.ph-checks:before {
content: "\e53a";
}
.ph.ph-cheers:before {
content: "\ea4a";
}
.ph.ph-cheese:before {
content: "\e9fe";
}
.ph.ph-chef-hat:before {
content: "\ed8e";
}
.ph.ph-cherries:before {
content: "\e830";
}
.ph.ph-church:before {
content: "\ecea";
}
.ph.ph-cigarette:before {
content: "\ed90";
}
.ph.ph-cigarette-slash:before {
content: "\ed92";
}
.ph.ph-circle:before {
content: "\e18a";
}
.ph.ph-circle-dashed:before {
content: "\e602";
}
.ph.ph-circle-half:before {
content: "\e18c";
}
.ph.ph-circle-half-tilt:before {
content: "\e18e";
}
.ph.ph-circle-notch:before {
content: "\eb44";
}
.ph.ph-circles-four:before {
content: "\e190";
}
.ph.ph-circles-three:before {
content: "\e192";
}
.ph.ph-circles-three-plus:before {
content: "\e194";
}
.ph.ph-circuitry:before {
content: "\e9c2";
}
.ph.ph-city:before {
content: "\ea6a";
}
.ph.ph-clipboard:before {
content: "\e196";
}
.ph.ph-clipboard-text:before {
content: "\e198";
}
.ph.ph-clock:before {
content: "\e19a";
}
.ph.ph-clock-afternoon:before {
content: "\e19c";
}
.ph.ph-clock-clockwise:before {
content: "\e19e";
}
.ph.ph-clock-countdown:before {
content: "\ed2c";
}
.ph.ph-clock-counter-clockwise:before {
content: "\e1a0";
}
.ph.ph-clock-user:before {
content: "\edec";
}
.ph.ph-closed-captioning:before {
content: "\e1a4";
}
.ph.ph-cloud:before {
content: "\e1aa";
}
.ph.ph-cloud-arrow-down:before {
content: "\e1ac";
}
.ph.ph-cloud-arrow-up:before {
content: "\e1ae";
}
.ph.ph-cloud-check:before {
content: "\e1b0";
}
.ph.ph-cloud-fog:before {
content: "\e53c";
}
.ph.ph-cloud-lightning:before {
content: "\e1b2";
}
.ph.ph-cloud-moon:before {
content: "\e53e";
}
.ph.ph-cloud-rain:before {
content: "\e1b4";
}
.ph.ph-cloud-slash:before {
content: "\e1b6";
}
.ph.ph-cloud-snow:before {
content: "\e1b8";
}
.ph.ph-cloud-sun:before {
content: "\e540";
}
.ph.ph-cloud-warning:before {
content: "\ea98";
}
.ph.ph-cloud-x:before {
content: "\ea96";
}
.ph.ph-clover:before {
content: "\edc8";
}
.ph.ph-club:before {
content: "\e1ba";
}
.ph.ph-coat-hanger:before {
content: "\e7fe";
}
.ph.ph-coda-logo:before {
content: "\e7ce";
}
.ph.ph-code:before {
content: "\e1bc";
}
.ph.ph-code-block:before {
content: "\eafe";
}
.ph.ph-code-simple:before {
content: "\e1be";
}
.ph.ph-codepen-logo:before {
content: "\e978";
}
.ph.ph-codesandbox-logo:before {
content: "\ea06";
}
.ph.ph-coffee:before {
content: "\e1c2";
}
.ph.ph-coffee-bean:before {
content: "\e1c0";
}
.ph.ph-coin:before {
content: "\e60e";
}
.ph.ph-coin-vertical:before {
content: "\eb48";
}
.ph.ph-coins:before {
content: "\e78e";
}
.ph.ph-columns:before {
content: "\e546";
}
.ph.ph-columns-plus-left:before {
content: "\e544";
}
.ph.ph-columns-plus-right:before {
content: "\e542";
}
.ph.ph-command:before {
content: "\e1c4";
}
.ph.ph-compass:before {
content: "\e1c8";
}
.ph.ph-compass-rose:before {
content: "\e1c6";
}
.ph.ph-compass-tool:before {
content: "\ea0e";
}
.ph.ph-computer-tower:before {
content: "\e548";
}
.ph.ph-confetti:before {
content: "\e81a";
}
.ph.ph-contactless-payment:before {
content: "\ed42";
}
.ph.ph-control:before {
content: "\eca6";
}
.ph.ph-cookie:before {
content: "\e6ca";
}
.ph.ph-cooking-pot:before {
content: "\e764";
}
.ph.ph-copy:before {
content: "\e1ca";
}
.ph.ph-copy-simple:before {
content: "\e1cc";
}
.ph.ph-copyleft:before {
content: "\e86a";
}
.ph.ph-copyright:before {
content: "\e54a";
}
.ph.ph-corners-in:before {
content: "\e1ce";
}
.ph.ph-corners-out:before {
content: "\e1d0";
}
.ph.ph-couch:before {
content: "\e7f6";
}
.ph.ph-court-basketball:before {
content: "\ee36";
}
.ph.ph-cow:before {
content: "\eabe";
}
.ph.ph-cowboy-hat:before {
content: "\ed12";
}
.ph.ph-cpu:before {
content: "\e610";
}
.ph.ph-crane:before {
content: "\ed48";
}
.ph.ph-crane-tower:before {
content: "\ed49";
}
.ph.ph-credit-card:before {
content: "\e1d2";
}
.ph.ph-cricket:before {
content: "\ee12";
}
.ph.ph-crop:before {
content: "\e1d4";
}
.ph.ph-cross:before {
content: "\e8a0";
}
.ph.ph-crosshair:before {
content: "\e1d6";
}
.ph.ph-crosshair-simple:before {
content: "\e1d8";
}
.ph.ph-crown:before {
content: "\e614";
}
.ph.ph-crown-cross:before {
content: "\ee5e";
}
.ph.ph-crown-simple:before {
content: "\e616";
}
.ph.ph-cube:before {
content: "\e1da";
}
.ph.ph-cube-focus:before {
content: "\ed0a";
}
.ph.ph-cube-transparent:before {
content: "\ec7c";
}
.ph.ph-currency-btc:before {
content: "\e618";
}
.ph.ph-currency-circle-dollar:before {
content: "\e54c";
}
.ph.ph-currency-cny:before {
content: "\e54e";
}
.ph.ph-currency-dollar:before {
content: "\e550";
}
.ph.ph-currency-dollar-simple:before {
content: "\e552";
}
.ph.ph-currency-eth:before {
content: "\eada";
}
.ph.ph-currency-eur:before {
content: "\e554";
}
.ph.ph-currency-gbp:before {
content: "\e556";
}
.ph.ph-currency-inr:before {
content: "\e558";
}
.ph.ph-currency-jpy:before {
content: "\e55a";
}
.ph.ph-currency-krw:before {
content: "\e55c";
}
.ph.ph-currency-kzt:before {
content: "\ec4c";
}
.ph.ph-currency-ngn:before {
content: "\eb52";
}
.ph.ph-currency-rub:before {
content: "\e55e";
}
.ph.ph-cursor:before {
content: "\e1dc";
}
.ph.ph-cursor-click:before {
content: "\e7c8";
}
.ph.ph-cursor-text:before {
content: "\e7d8";
}
.ph.ph-cylinder:before {
content: "\e8fc";
}
.ph.ph-database:before {
content: "\e1de";
}
.ph.ph-desk:before {
content: "\ed16";
}
.ph.ph-desktop:before {
content: "\e560";
}
.ph.ph-desktop-tower:before {
content: "\e562";
}
.ph.ph-detective:before {
content: "\e83e";
}
.ph.ph-dev-to-logo:before {
content: "\ed0e";
}
.ph.ph-device-mobile:before {
content: "\e1e0";
}
.ph.ph-device-mobile-camera:before {
content: "\e1e2";
}
.ph.ph-device-mobile-slash:before {
content: "\ee46";
}
.ph.ph-device-mobile-speaker:before {
content: "\e1e4";
}
.ph.ph-device-rotate:before {
content: "\edf2";
}
.ph.ph-device-tablet:before {
content: "\e1e6";
}
.ph.ph-device-tablet-camera:before {
content: "\e1e8";
}
.ph.ph-device-tablet-speaker:before {
content: "\e1ea";
}
.ph.ph-devices:before {
content: "\eba4";
}
.ph.ph-diamond:before {
content: "\e1ec";
}
.ph.ph-diamonds-four:before {
content: "\e8f4";
}
.ph.ph-dice-five:before {
content: "\e1ee";
}
.ph.ph-dice-four:before {
content: "\e1f0";
}
.ph.ph-dice-one:before {
content: "\e1f2";
}
.ph.ph-dice-six:before {
content: "\e1f4";
}
.ph.ph-dice-three:before {
content: "\e1f6";
}
.ph.ph-dice-two:before {
content: "\e1f8";
}
.ph.ph-disc:before {
content: "\e564";
}
.ph.ph-disco-ball:before {
content: "\ed98";
}
.ph.ph-discord-logo:before {
content: "\e61a";
}
.ph.ph-divide:before {
content: "\e1fa";
}
.ph.ph-dna:before {
content: "\e924";
}
.ph.ph-dog:before {
content: "\e74a";
}
.ph.ph-door:before {
content: "\e61c";
}
.ph.ph-door-open:before {
content: "\e7e6";
}
.ph.ph-dot:before {
content: "\ecde";
}
.ph.ph-dot-outline:before {
content: "\ece0";
}
.ph.ph-dots-nine:before {
content: "\e1fc";
}
.ph.ph-dots-six:before {
content: "\e794";
}
.ph.ph-dots-six-vertical:before {
content: "\eae2";
}
.ph.ph-dots-three:before {
content: "\e1fe";
}
.ph.ph-dots-three-circle:before {
content: "\e200";
}
.ph.ph-dots-three-circle-vertical:before {
content: "\e202";
}
.ph.ph-dots-three-outline:before {
content: "\e204";
}
.ph.ph-dots-three-outline-vertical:before {
content: "\e206";
}
.ph.ph-dots-three-vertical:before {
content: "\e208";
}
.ph.ph-download:before {
content: "\e20a";
}
.ph.ph-download-simple:before {
content: "\e20c";
}
.ph.ph-dress:before {
content: "\ea7e";
}
.ph.ph-dresser:before {
content: "\e94e";
}
.ph.ph-dribbble-logo:before {
content: "\e20e";
}
.ph.ph-drone:before {
content: "\ed74";
}
.ph.ph-drop:before {
content: "\e210";
}
.ph.ph-drop-half:before {
content: "\e566";
}
.ph.ph-drop-half-bottom:before {
content: "\eb40";
}
.ph.ph-drop-simple:before {
content: "\ee32";
}
.ph.ph-drop-slash:before {
content: "\e954";
}
.ph.ph-dropbox-logo:before {
content: "\e7d0";
}
.ph.ph-ear:before {
content: "\e70c";
}
.ph.ph-ear-slash:before {
content: "\e70e";
}
.ph.ph-egg:before {
content: "\e812";
}
.ph.ph-egg-crack:before {
content: "\eb64";
}
.ph.ph-eject:before {
content: "\e212";
}
.ph.ph-eject-simple:before {
content: "\e6ae";
}
.ph.ph-elevator:before {
content: "\ecc0";
}
.ph.ph-empty:before {
content: "\edbc";
}
.ph.ph-engine:before {
content: "\ea80";
}
.ph.ph-envelope:before {
content: "\e214";
}
.ph.ph-envelope-open:before {
content: "\e216";
}
.ph.ph-envelope-simple:before {
content: "\e218";
}
.ph.ph-envelope-simple-open:before {
content: "\e21a";
}
.ph.ph-equalizer:before {
content: "\ebbc";
}
.ph.ph-equals:before {
content: "\e21c";
}
.ph.ph-eraser:before {
content: "\e21e";
}
.ph.ph-escalator-down:before {
content: "\ecba";
}
.ph.ph-escalator-up:before {
content: "\ecbc";
}
.ph.ph-exam:before {
content: "\e742";
}
.ph.ph-exclamation-mark:before {
content: "\ee44";
}
.ph.ph-exclude:before {
content: "\e882";
}
.ph.ph-exclude-square:before {
content: "\e880";
}
.ph.ph-export:before {
content: "\eaf0";
}
.ph.ph-eye:before {
content: "\e220";
}
.ph.ph-eye-closed:before {
content: "\e222";
}
.ph.ph-eye-slash:before {
content: "\e224";
}
.ph.ph-eyedropper:before {
content: "\e568";
}
.ph.ph-eyedropper-sample:before {
content: "\eac4";
}
.ph.ph-eyeglasses:before {
content: "\e7ba";
}
.ph.ph-eyes:before {
content: "\ee5c";
}
.ph.ph-face-mask:before {
content: "\e56a";
}
.ph.ph-facebook-logo:before {
content: "\e226";
}
.ph.ph-factory:before {
content: "\e760";
}
.ph.ph-faders:before {
content: "\e228";
}
.ph.ph-faders-horizontal:before {
content: "\e22a";
}
.ph.ph-fallout-shelter:before {
content: "\e9de";
}
.ph.ph-fan:before {
content: "\e9f2";
}
.ph.ph-farm:before {
content: "\ec70";
}
.ph.ph-fast-forward:before {
content: "\e6a6";
}
.ph.ph-fast-forward-circle:before {
content: "\e22c";
}
.ph.ph-feather:before {
content: "\e9c0";
}
.ph.ph-fediverse-logo:before {
content: "\ed66";
}
.ph.ph-figma-logo:before {
content: "\e22e";
}
.ph.ph-file:before {
content: "\e230";
}
.ph.ph-file-archive:before {
content: "\eb2a";
}
.ph.ph-file-arrow-down:before {
content: "\e232";
}
.ph.ph-file-arrow-up:before {
content: "\e61e";
}
.ph.ph-file-audio:before {
content: "\ea20";
}
.ph.ph-file-c:before {
content: "\eb32";
}
.ph.ph-file-c-sharp:before {
content: "\eb30";
}
.ph.ph-file-cloud:before {
content: "\e95e";
}
.ph.ph-file-code:before {
content: "\e914";
}
.ph.ph-file-cpp:before {
content: "\eb2e";
}
.ph.ph-file-css:before {
content: "\eb34";
}
.ph.ph-file-csv:before {
content: "\eb1c";
}
.ph.ph-file-dashed:before {
content: "\e704";
}
.ph.ph-file-dotted:before {
content: "\e704";
}
.ph.ph-file-doc:before {
content: "\eb1e";
}
.ph.ph-file-html:before {
content: "\eb38";
}
.ph.ph-file-image:before {
content: "\ea24";
}
.ph.ph-file-ini:before {
content: "\eb33";
}
.ph.ph-file-jpg:before {
content: "\eb1a";
}
.ph.ph-file-js:before {
content: "\eb24";
}
.ph.ph-file-jsx:before {
content: "\eb3a";
}
.ph.ph-file-lock:before {
content: "\e95c";
}
.ph.ph-file-magnifying-glass:before {
content: "\e238";
}
.ph.ph-file-search:before {
content: "\e238";
}
.ph.ph-file-md:before {
content: "\ed50";
}
.ph.ph-file-minus:before {
content: "\e234";
}
.ph.ph-file-pdf:before {
content: "\e702";
}
.ph.ph-file-plus:before {
content: "\e236";
}
.ph.ph-file-png:before {
content: "\eb18";
}
.ph.ph-file-ppt:before {
content: "\eb20";
}
.ph.ph-file-py:before {
content: "\eb2c";
}
.ph.ph-file-rs:before {
content: "\eb28";
}
.ph.ph-file-sql:before {
content: "\ed4e";
}
.ph.ph-file-svg:before {
content: "\ed08";
}
.ph.ph-file-text:before {
content: "\e23a";
}
.ph.ph-file-ts:before {
content: "\eb26";
}
.ph.ph-file-tsx:before {
content: "\eb3c";
}
.ph.ph-file-txt:before {
content: "\eb35";
}
.ph.ph-file-video:before {
content: "\ea22";
}
.ph.ph-file-vue:before {
content: "\eb3e";
}
.ph.ph-file-x:before {
content: "\e23c";
}
.ph.ph-file-xls:before {
content: "\eb22";
}
.ph.ph-file-zip:before {
content: "\e958";
}
.ph.ph-files:before {
content: "\e710";
}
.ph.ph-film-reel:before {
content: "\e8c0";
}
.ph.ph-film-script:before {
content: "\eb50";
}
.ph.ph-film-slate:before {
content: "\e8c2";
}
.ph.ph-film-strip:before {
content: "\e792";
}
.ph.ph-fingerprint:before {
content: "\e23e";
}
.ph.ph-fingerprint-simple:before {
content: "\e240";
}
.ph.ph-finn-the-human:before {
content: "\e56c";
}
.ph.ph-fire:before {
content: "\e242";
}
.ph.ph-fire-extinguisher:before {
content: "\e9e8";
}
.ph.ph-fire-simple:before {
content: "\e620";
}
.ph.ph-fire-truck:before {
content: "\e574";
}
.ph.ph-first-aid:before {
content: "\e56e";
}
.ph.ph-first-aid-kit:before {
content: "\e570";
}
.ph.ph-fish:before {
content: "\e728";
}
.ph.ph-fish-simple:before {
content: "\e72a";
}
.ph.ph-flag:before {
content: "\e244";
}
.ph.ph-flag-banner:before {
content: "\e622";
}
.ph.ph-flag-banner-fold:before {
content: "\ecf2";
}
.ph.ph-flag-checkered:before {
content: "\ea38";
}
.ph.ph-flag-pennant:before {
content: "\ecf0";
}
.ph.ph-flame:before {
content: "\e624";
}
.ph.ph-flashlight:before {
content: "\e246";
}
.ph.ph-flask:before {
content: "\e79e";
}
.ph.ph-flip-horizontal:before {
content: "\ed6a";
}
.ph.ph-flip-vertical:before {
content: "\ed6c";
}
.ph.ph-floppy-disk:before {
content: "\e248";
}
.ph.ph-floppy-disk-back:before {
content: "\eaf4";
}
.ph.ph-flow-arrow:before {
content: "\e6ec";
}
.ph.ph-flower:before {
content: "\e75e";
}
.ph.ph-flower-lotus:before {
content: "\e6cc";
}
.ph.ph-flower-tulip:before {
content: "\eacc";
}
.ph.ph-flying-saucer:before {
content: "\eb4a";
}
.ph.ph-folder:before {
content: "\e24a";
}
.ph.ph-folder-notch:before {
content: "\e24a";
}
.ph.ph-folder-dashed:before {
content: "\e8f8";
}
.ph.ph-folder-dotted:before {
content: "\e8f8";
}
.ph.ph-folder-lock:before {
content: "\ea3c";
}
.ph.ph-folder-minus:before {
content: "\e254";
}
.ph.ph-folder-notch-minus:before {
content: "\e254";
}
.ph.ph-folder-open:before {
content: "\e256";
}
.ph.ph-folder-notch-open:before {
content: "\e256";
}
.ph.ph-folder-plus:before {
content: "\e258";
}
.ph.ph-folder-notch-plus:before {
content: "\e258";
}
.ph.ph-folder-simple:before {
content: "\e25a";
}
.ph.ph-folder-simple-dashed:before {
content: "\ec2a";
}
.ph.ph-folder-simple-dotted:before {
content: "\ec2a";
}
.ph.ph-folder-simple-lock:before {
content: "\eb5e";
}
.ph.ph-folder-simple-minus:before {
content: "\e25c";
}
.ph.ph-folder-simple-plus:before {
content: "\e25e";
}
.ph.ph-folder-simple-star:before {
content: "\ec2e";
}
.ph.ph-folder-simple-user:before {
content: "\eb60";
}
.ph.ph-folder-star:before {
content: "\ea86";
}
.ph.ph-folder-user:before {
content: "\eb46";
}
.ph.ph-folders:before {
content: "\e260";
}
.ph.ph-football:before {
content: "\e718";
}
.ph.ph-football-helmet:before {
content: "\ee4c";
}
.ph.ph-footprints:before {
content: "\ea88";
}
.ph.ph-fork-knife:before {
content: "\e262";
}
.ph.ph-four-k:before {
content: "\ea5c";
}
.ph.ph-frame-corners:before {
content: "\e626";
}
.ph.ph-framer-logo:before {
content: "\e264";
}
.ph.ph-function:before {
content: "\ebe4";
}
.ph.ph-funnel:before {
content: "\e266";
}
.ph.ph-funnel-simple:before {
content: "\e268";
}
.ph.ph-funnel-simple-x:before {
content: "\e26a";
}
.ph.ph-funnel-x:before {
content: "\e26c";
}
.ph.ph-game-controller:before {
content: "\e26e";
}
.ph.ph-garage:before {
content: "\ecd6";
}
.ph.ph-gas-can:before {
content: "\e8ce";
}
.ph.ph-gas-pump:before {
content: "\e768";
}
.ph.ph-gauge:before {
content: "\e628";
}
.ph.ph-gavel:before {
content: "\ea32";
}
.ph.ph-gear:before {
content: "\e270";
}
.ph.ph-gear-fine:before {
content: "\e87c";
}
.ph.ph-gear-six:before {
content: "\e272";
}
.ph.ph-gender-female:before {
content: "\e6e0";
}
.ph.ph-gender-intersex:before {
content: "\e6e6";
}
.ph.ph-gender-male:before {
content: "\e6e2";
}
.ph.ph-gender-neuter:before {
content: "\e6ea";
}
.ph.ph-gender-nonbinary:before {
content: "\e6e4";
}
.ph.ph-gender-transgender:before {
content: "\e6e8";
}
.ph.ph-ghost:before {
content: "\e62a";
}
.ph.ph-gif:before {
content: "\e274";
}
.ph.ph-gift:before {
content: "\e276";
}
.ph.ph-git-branch:before {
content: "\e278";
}
.ph.ph-git-commit:before {
content: "\e27a";
}
.ph.ph-git-diff:before {
content: "\e27c";
}
.ph.ph-git-fork:before {
content: "\e27e";
}
.ph.ph-git-merge:before {
content: "\e280";
}
.ph.ph-git-pull-request:before {
content: "\e282";
}
.ph.ph-github-logo:before {
content: "\e576";
}
.ph.ph-gitlab-logo:before {
content: "\e694";
}
.ph.ph-gitlab-logo-simple:before {
content: "\e696";
}
.ph.ph-globe:before {
content: "\e288";
}
.ph.ph-globe-hemisphere-east:before {
content: "\e28a";
}
.ph.ph-globe-hemisphere-west:before {
content: "\e28c";
}
.ph.ph-globe-simple:before {
content: "\e28e";
}
.ph.ph-globe-simple-x:before {
content: "\e284";
}
.ph.ph-globe-stand:before {
content: "\e290";
}
.ph.ph-globe-x:before {
content: "\e286";
}
.ph.ph-goggles:before {
content: "\ecb4";
}
.ph.ph-golf:before {
content: "\ea3e";
}
.ph.ph-goodreads-logo:before {
content: "\ed10";
}
.ph.ph-google-cardboard-logo:before {
content: "\e7b6";
}
.ph.ph-google-chrome-logo:before {
content: "\e976";
}
.ph.ph-google-drive-logo:before {
content: "\e8f6";
}
.ph.ph-google-logo:before {
content: "\e292";
}
.ph.ph-google-photos-logo:before {
content: "\eb92";
}
.ph.ph-google-play-logo:before {
content: "\e294";
}
.ph.ph-google-podcasts-logo:before {
content: "\eb94";
}
.ph.ph-gps:before {
content: "\edd8";
}
.ph.ph-gps-fix:before {
content: "\edd6";
}
.ph.ph-gps-slash:before {
content: "\edd4";
}
.ph.ph-gradient:before {
content: "\eb42";
}
.ph.ph-graduation-cap:before {
content: "\e62c";
}
.ph.ph-grains:before {
content: "\ec68";
}
.ph.ph-grains-slash:before {
content: "\ec6a";
}
.ph.ph-graph:before {
content: "\eb58";
}
.ph.ph-graphics-card:before {
content: "\e612";
}
.ph.ph-greater-than:before {
content: "\edc4";
}
.ph.ph-greater-than-or-equal:before {
content: "\eda2";
}
.ph.ph-grid-four:before {
content: "\e296";
}
.ph.ph-grid-nine:before {
content: "\ec8c";
}
.ph.ph-guitar:before {
content: "\ea8a";
}
.ph.ph-hair-dryer:before {
content: "\ea66";
}
.ph.ph-hamburger:before {
content: "\e790";
}
.ph.ph-hammer:before {
content: "\e80e";
}
.ph.ph-hand:before {
content: "\e298";
}
.ph.ph-hand-arrow-down:before {
content: "\ea4e";
}
.ph.ph-hand-arrow-up:before {
content: "\ee5a";
}
.ph.ph-hand-coins:before {
content: "\ea8c";
}
.ph.ph-hand-deposit:before {
content: "\ee82";
}
.ph.ph-hand-eye:before {
content: "\ea4c";
}
.ph.ph-hand-fist:before {
content: "\e57a";
}
.ph.ph-hand-grabbing:before {
content: "\e57c";
}
.ph.ph-hand-heart:before {
content: "\e810";
}
.ph.ph-hand-palm:before {
content: "\e57e";
}
.ph.ph-hand-peace:before {
content: "\e7cc";
}
.ph.ph-hand-pointing:before {
content: "\e29a";
}
.ph.ph-hand-soap:before {
content: "\e630";
}
.ph.ph-hand-swipe-left:before {
content: "\ec94";
}
.ph.ph-hand-swipe-right:before {
content: "\ec92";
}
.ph.ph-hand-tap:before {
content: "\ec90";
}
.ph.ph-hand-waving:before {
content: "\e580";
}
.ph.ph-hand-withdraw:before {
content: "\ee80";
}
.ph.ph-handbag:before {
content: "\e29c";
}
.ph.ph-handbag-simple:before {
content: "\e62e";
}
.ph.ph-hands-clapping:before {
content: "\e6a0";
}
.ph.ph-hands-praying:before {
content: "\ecc8";
}
.ph.ph-handshake:before {
content: "\e582";
}
.ph.ph-hard-drive:before {
content: "\e29e";
}
.ph.ph-hard-drives:before {
content: "\e2a0";
}
.ph.ph-hard-hat:before {
content: "\ed46";
}
.ph.ph-hash:before {
content: "\e2a2";
}
.ph.ph-hash-straight:before {
content: "\e2a4";
}
.ph.ph-head-circuit:before {
content: "\e7d4";
}
.ph.ph-headlights:before {
content: "\e6fe";
}
.ph.ph-headphones:before {
content: "\e2a6";
}
.ph.ph-headset:before {
content: "\e584";
}
.ph.ph-heart:before {
content: "\e2a8";
}
.ph.ph-heart-break:before {
content: "\ebe8";
}
.ph.ph-heart-half:before {
content: "\ec48";
}
.ph.ph-heart-straight:before {
content: "\e2aa";
}
.ph.ph-heart-straight-break:before {
content: "\eb98";
}
.ph.ph-heartbeat:before {
content: "\e2ac";
}
.ph.ph-hexagon:before {
content: "\e2ae";
}
.ph.ph-high-definition:before {
content: "\ea8e";
}
.ph.ph-high-heel:before {
content: "\e8e8";
}
.ph.ph-highlighter:before {
content: "\ec76";
}
.ph.ph-highlighter-circle:before {
content: "\e632";
}
.ph.ph-hockey:before {
content: "\ec86";
}
.ph.ph-hoodie:before {
content: "\ecd0";
}
.ph.ph-horse:before {
content: "\e2b0";
}
.ph.ph-hospital:before {
content: "\e844";
}
.ph.ph-hourglass:before {
content: "\e2b2";
}
.ph.ph-hourglass-high:before {
content: "\e2b4";
}
.ph.ph-hourglass-low:before {
content: "\e2b6";
}
.ph.ph-hourglass-medium:before {
content: "\e2b8";
}
.ph.ph-hourglass-simple:before {
content: "\e2ba";
}
.ph.ph-hourglass-simple-high:before {
content: "\e2bc";
}
.ph.ph-hourglass-simple-low:before {
content: "\e2be";
}
.ph.ph-hourglass-simple-medium:before {
content: "\e2c0";
}
.ph.ph-house:before {
content: "\e2c2";
}
.ph.ph-house-line:before {
content: "\e2c4";
}
.ph.ph-house-simple:before {
content: "\e2c6";
}
.ph.ph-hurricane:before {
content: "\e88e";
}
.ph.ph-ice-cream:before {
content: "\e804";
}
.ph.ph-identification-badge:before {
content: "\e6f6";
}
.ph.ph-identification-card:before {
content: "\e2c8";
}
.ph.ph-image:before {
content: "\e2ca";
}
.ph.ph-image-broken:before {
content: "\e7a8";
}
.ph.ph-image-square:before {
content: "\e2cc";
}
.ph.ph-images:before {
content: "\e836";
}
.ph.ph-images-square:before {
content: "\e834";
}
.ph.ph-infinity:before {
content: "\e634";
}
.ph.ph-lemniscate:before {
content: "\e634";
}
.ph.ph-info:before {
content: "\e2ce";
}
.ph.ph-instagram-logo:before {
content: "\e2d0";
}
.ph.ph-intersect:before {
content: "\e2d2";
}
.ph.ph-intersect-square:before {
content: "\e87a";
}
.ph.ph-intersect-three:before {
content: "\ecc4";
}
.ph.ph-intersection:before {
content: "\edba";
}
.ph.ph-invoice:before {
content: "\ee42";
}
.ph.ph-island:before {
content: "\ee06";
}
.ph.ph-jar:before {
content: "\e7e0";
}
.ph.ph-jar-label:before {
content: "\e7e1";
}
.ph.ph-jeep:before {
content: "\e2d4";
}
.ph.ph-joystick:before {
content: "\ea5e";
}
.ph.ph-kanban:before {
content: "\eb54";
}
.ph.ph-key:before {
content: "\e2d6";
}
.ph.ph-key-return:before {
content: "\e782";
}
.ph.ph-keyboard:before {
content: "\e2d8";
}
.ph.ph-keyhole:before {
content: "\ea78";
}
.ph.ph-knife:before {
content: "\e636";
}
.ph.ph-ladder:before {
content: "\e9e4";
}
.ph.ph-ladder-simple:before {
content: "\ec26";
}
.ph.ph-lamp:before {
content: "\e638";
}
.ph.ph-lamp-pendant:before {
content: "\ee2e";
}
.ph.ph-laptop:before {
content: "\e586";
}
.ph.ph-lasso:before {
content: "\edc6";
}
.ph.ph-lastfm-logo:before {
content: "\e842";
}
.ph.ph-layout:before {
content: "\e6d6";
}
.ph.ph-leaf:before {
content: "\e2da";
}
.ph.ph-lectern:before {
content: "\e95a";
}
.ph.ph-lego:before {
content: "\e8c6";
}
.ph.ph-lego-smiley:before {
content: "\e8c7";
}
.ph.ph-less-than:before {
content: "\edac";
}
.ph.ph-less-than-or-equal:before {
content: "\eda4";
}
.ph.ph-letter-circle-h:before {
content: "\ebf8";
}
.ph.ph-letter-circle-p:before {
content: "\ec08";
}
.ph.ph-letter-circle-v:before {
content: "\ec14";
}
.ph.ph-lifebuoy:before {
content: "\e63a";
}
.ph.ph-lightbulb:before {
content: "\e2dc";
}
.ph.ph-lightbulb-filament:before {
content: "\e63c";
}
.ph.ph-lighthouse:before {
content: "\e9f6";
}
.ph.ph-lightning:before {
content: "\e2de";
}
.ph.ph-lightning-a:before {
content: "\ea84";
}
.ph.ph-lightning-slash:before {
content: "\e2e0";
}
.ph.ph-line-segment:before {
content: "\e6d2";
}
.ph.ph-line-segments:before {
content: "\e6d4";
}
.ph.ph-line-vertical:before {
content: "\ed70";
}
.ph.ph-link:before {
content: "\e2e2";
}
.ph.ph-link-break:before {
content: "\e2e4";
}
.ph.ph-link-simple:before {
content: "\e2e6";
}
.ph.ph-link-simple-break:before {
content: "\e2e8";
}
.ph.ph-link-simple-horizontal:before {
content: "\e2ea";
}
.ph.ph-link-simple-horizontal-break:before {
content: "\e2ec";
}
.ph.ph-linkedin-logo:before {
content: "\e2ee";
}
.ph.ph-linktree-logo:before {
content: "\edee";
}
.ph.ph-linux-logo:before {
content: "\eb02";
}
.ph.ph-list:before {
content: "\e2f0";
}
.ph.ph-list-bullets:before {
content: "\e2f2";
}
.ph.ph-list-checks:before {
content: "\eadc";
}
.ph.ph-list-dashes:before {
content: "\e2f4";
}
.ph.ph-list-heart:before {
content: "\ebde";
}
.ph.ph-list-magnifying-glass:before {
content: "\ebe0";
}
.ph.ph-list-numbers:before {
content: "\e2f6";
}
.ph.ph-list-plus:before {
content: "\e2f8";
}
.ph.ph-list-star:before {
content: "\ebdc";
}
.ph.ph-lock:before {
content: "\e2fa";
}
.ph.ph-lock-key:before {
content: "\e2fe";
}
.ph.ph-lock-key-open:before {
content: "\e300";
}
.ph.ph-lock-laminated:before {
content: "\e302";
}
.ph.ph-lock-laminated-open:before {
content: "\e304";
}
.ph.ph-lock-open:before {
content: "\e306";
}
.ph.ph-lock-simple:before {
content: "\e308";
}
.ph.ph-lock-simple-open:before {
content: "\e30a";
}
.ph.ph-lockers:before {
content: "\ecb8";
}
.ph.ph-log:before {
content: "\ed82";
}
.ph.ph-magic-wand:before {
content: "\e6b6";
}
.ph.ph-magnet:before {
content: "\e680";
}
.ph.ph-magnet-straight:before {
content: "\e682";
}
.ph.ph-magnifying-glass:before {
content: "\e30c";
}
.ph.ph-magnifying-glass-minus:before {
content: "\e30e";
}
.ph.ph-magnifying-glass-plus:before {
content: "\e310";
}
.ph.ph-mailbox:before {
content: "\ec1e";
}
.ph.ph-map-pin:before {
content: "\e316";
}
.ph.ph-map-pin-area:before {
content: "\ee3a";
}
.ph.ph-map-pin-line:before {
content: "\e318";
}
.ph.ph-map-pin-plus:before {
content: "\e314";
}
.ph.ph-map-pin-simple:before {
content: "\ee3e";
}
.ph.ph-map-pin-simple-area:before {
content: "\ee3c";
}
.ph.ph-map-pin-simple-line:before {
content: "\ee38";
}
.ph.ph-map-trifold:before {
content: "\e31a";
}
.ph.ph-markdown-logo:before {
content: "\e508";
}
.ph.ph-marker-circle:before {
content: "\e640";
}
.ph.ph-martini:before {
content: "\e31c";
}
.ph.ph-mask-happy:before {
content: "\e9f4";
}
.ph.ph-mask-sad:before {
content: "\eb9e";
}
.ph.ph-mastodon-logo:before {
content: "\ed68";
}
.ph.ph-math-operations:before {
content: "\e31e";
}
.ph.ph-matrix-logo:before {
content: "\ed64";
}
.ph.ph-medal:before {
content: "\e320";
}
.ph.ph-medal-military:before {
content: "\ecfc";
}
.ph.ph-medium-logo:before {
content: "\e322";
}
.ph.ph-megaphone:before {
content: "\e324";
}
.ph.ph-megaphone-simple:before {
content: "\e642";
}
.ph.ph-member-of:before {
content: "\edc2";
}
.ph.ph-memory:before {
content: "\e9c4";
}
.ph.ph-messenger-logo:before {
content: "\e6d8";
}
.ph.ph-meta-logo:before {
content: "\ed02";
}
.ph.ph-meteor:before {
content: "\e9ba";
}
.ph.ph-metronome:before {
content: "\ec8e";
}
.ph.ph-microphone:before {
content: "\e326";
}
.ph.ph-microphone-slash:before {
content: "\e328";
}
.ph.ph-microphone-stage:before {
content: "\e75c";
}
.ph.ph-microscope:before {
content: "\ec7a";
}
.ph.ph-microsoft-excel-logo:before {
content: "\eb6c";
}
.ph.ph-microsoft-outlook-logo:before {
content: "\eb70";
}
.ph.ph-microsoft-powerpoint-logo:before {
content: "\eace";
}
.ph.ph-microsoft-teams-logo:before {
content: "\eb66";
}
.ph.ph-microsoft-word-logo:before {
content: "\eb6a";
}
.ph.ph-minus:before {
content: "\e32a";
}
.ph.ph-minus-circle:before {
content: "\e32c";
}
.ph.ph-minus-square:before {
content: "\ed4c";
}
.ph.ph-money:before {
content: "\e588";
}
.ph.ph-money-wavy:before {
content: "\ee68";
}
.ph.ph-monitor:before {
content: "\e32e";
}
.ph.ph-monitor-arrow-up:before {
content: "\e58a";
}
.ph.ph-monitor-play:before {
content: "\e58c";
}
.ph.ph-moon:before {
content: "\e330";
}
.ph.ph-moon-stars:before {
content: "\e58e";
}
.ph.ph-moped:before {
content: "\e824";
}
.ph.ph-moped-front:before {
content: "\e822";
}
.ph.ph-mosque:before {
content: "\ecee";
}
.ph.ph-motorcycle:before {
content: "\e80a";
}
.ph.ph-mountains:before {
content: "\e7ae";
}
.ph.ph-mouse:before {
content: "\e33a";
}
.ph.ph-mouse-left-click:before {
content: "\e334";
}
.ph.ph-mouse-middle-click:before {
content: "\e338";
}
.ph.ph-mouse-right-click:before {
content: "\e336";
}
.ph.ph-mouse-scroll:before {
content: "\e332";
}
.ph.ph-mouse-simple:before {
content: "\e644";
}
.ph.ph-music-note:before {
content: "\e33c";
}
.ph.ph-music-note-simple:before {
content: "\e33e";
}
.ph.ph-music-notes:before {
content: "\e340";
}
.ph.ph-music-notes-minus:before {
content: "\ee0c";
}
.ph.ph-music-notes-plus:before {
content: "\eb7c";
}
.ph.ph-music-notes-simple:before {
content: "\e342";
}
.ph.ph-navigation-arrow:before {
content: "\eade";
}
.ph.ph-needle:before {
content: "\e82e";
}
.ph.ph-network:before {
content: "\edde";
}
.ph.ph-network-slash:before {
content: "\eddc";
}
.ph.ph-network-x:before {
content: "\edda";
}
.ph.ph-newspaper:before {
content: "\e344";
}
.ph.ph-newspaper-clipping:before {
content: "\e346";
}
.ph.ph-not-equals:before {
content: "\eda6";
}
.ph.ph-not-member-of:before {
content: "\edae";
}
.ph.ph-not-subset-of:before {
content: "\edb0";
}
.ph.ph-not-superset-of:before {
content: "\edb2";
}
.ph.ph-notches:before {
content: "\ed3a";
}
.ph.ph-note:before {
content: "\e348";
}
.ph.ph-note-blank:before {
content: "\e34a";
}
.ph.ph-note-pencil:before {
content: "\e34c";
}
.ph.ph-notebook:before {
content: "\e34e";
}
.ph.ph-notepad:before {
content: "\e63e";
}
.ph.ph-notification:before {
content: "\e6fa";
}
.ph.ph-notion-logo:before {
content: "\e9a0";
}
.ph.ph-nuclear-plant:before {
content: "\ed7c";
}
.ph.ph-number-circle-eight:before {
content: "\e352";
}
.ph.ph-number-circle-five:before {
content: "\e358";
}
.ph.ph-number-circle-four:before {
content: "\e35e";
}
.ph.ph-number-circle-nine:before {
content: "\e364";
}
.ph.ph-number-circle-one:before {
content: "\e36a";
}
.ph.ph-number-circle-seven:before {
content: "\e370";
}
.ph.ph-number-circle-six:before {
content: "\e376";
}
.ph.ph-number-circle-three:before {
content: "\e37c";
}
.ph.ph-number-circle-two:before {
content: "\e382";
}
.ph.ph-number-circle-zero:before {
content: "\e388";
}
.ph.ph-number-eight:before {
content: "\e350";
}
.ph.ph-number-five:before {
content: "\e356";
}
.ph.ph-number-four:before {
content: "\e35c";
}
.ph.ph-number-nine:before {
content: "\e362";
}
.ph.ph-number-one:before {
content: "\e368";
}
.ph.ph-number-seven:before {
content: "\e36e";
}
.ph.ph-number-six:before {
content: "\e374";
}
.ph.ph-number-square-eight:before {
content: "\e354";
}
.ph.ph-number-square-five:before {
content: "\e35a";
}
.ph.ph-number-square-four:before {
content: "\e360";
}
.ph.ph-number-square-nine:before {
content: "\e366";
}
.ph.ph-number-square-one:before {
content: "\e36c";
}
.ph.ph-number-square-seven:before {
content: "\e372";
}
.ph.ph-number-square-six:before {
content: "\e378";
}
.ph.ph-number-square-three:before {
content: "\e37e";
}
.ph.ph-number-square-two:before {
content: "\e384";
}
.ph.ph-number-square-zero:before {
content: "\e38a";
}
.ph.ph-number-three:before {
content: "\e37a";
}
.ph.ph-number-two:before {
content: "\e380";
}
.ph.ph-number-zero:before {
content: "\e386";
}
.ph.ph-numpad:before {
content: "\e3c8";
}
.ph.ph-nut:before {
content: "\e38c";
}
.ph.ph-ny-times-logo:before {
content: "\e646";
}
.ph.ph-octagon:before {
content: "\e38e";
}
.ph.ph-office-chair:before {
content: "\ea46";
}
.ph.ph-onigiri:before {
content: "\ee2c";
}
.ph.ph-open-ai-logo:before {
content: "\e7d2";
}
.ph.ph-option:before {
content: "\e8a8";
}
.ph.ph-orange:before {
content: "\ee40";
}
.ph.ph-orange-slice:before {
content: "\ed36";
}
.ph.ph-oven:before {
content: "\ed8c";
}
.ph.ph-package:before {
content: "\e390";
}
.ph.ph-paint-brush:before {
content: "\e6f0";
}
.ph.ph-paint-brush-broad:before {
content: "\e590";
}
.ph.ph-paint-brush-household:before {
content: "\e6f2";
}
.ph.ph-paint-bucket:before {
content: "\e392";
}
.ph.ph-paint-roller:before {
content: "\e6f4";
}
.ph.ph-palette:before {
content: "\e6c8";
}
.ph.ph-panorama:before {
content: "\eaa2";
}
.ph.ph-pants:before {
content: "\ec88";
}
.ph.ph-paper-plane:before {
content: "\e394";
}
.ph.ph-paper-plane-right:before {
content: "\e396";
}
.ph.ph-paper-plane-tilt:before {
content: "\e398";
}
.ph.ph-paperclip:before {
content: "\e39a";
}
.ph.ph-paperclip-horizontal:before {
content: "\e592";
}
.ph.ph-parachute:before {
content: "\ea7c";
}
.ph.ph-paragraph:before {
content: "\e960";
}
.ph.ph-parallelogram:before {
content: "\ecc6";
}
.ph.ph-park:before {
content: "\ecb2";
}
.ph.ph-password:before {
content: "\e752";
}
.ph.ph-path:before {
content: "\e39c";
}
.ph.ph-patreon-logo:before {
content: "\e98a";
}
.ph.ph-pause:before {
content: "\e39e";
}
.ph.ph-pause-circle:before {
content: "\e3a0";
}
.ph.ph-paw-print:before {
content: "\e648";
}
.ph.ph-paypal-logo:before {
content: "\e98c";
}
.ph.ph-peace:before {
content: "\e3a2";
}
.ph.ph-pen:before {
content: "\e3aa";
}
.ph.ph-pen-nib:before {
content: "\e3ac";
}
.ph.ph-pen-nib-straight:before {
content: "\e64a";
}
.ph.ph-pencil:before {
content: "\e3ae";
}
.ph.ph-pencil-circle:before {
content: "\e3b0";
}
.ph.ph-pencil-line:before {
content: "\e3b2";
}
.ph.ph-pencil-ruler:before {
content: "\e906";
}
.ph.ph-pencil-simple:before {
content: "\e3b4";
}
.ph.ph-pencil-simple-line:before {
content: "\ebc6";
}
.ph.ph-pencil-simple-slash:before {
content: "\ecf6";
}
.ph.ph-pencil-slash:before {
content: "\ecf8";
}
.ph.ph-pentagon:before {
content: "\ec7e";
}
.ph.ph-pentagram:before {
content: "\ec5c";
}
.ph.ph-pepper:before {
content: "\e94a";
}
.ph.ph-percent:before {
content: "\e3b6";
}
.ph.ph-person:before {
content: "\e3a8";
}
.ph.ph-person-arms-spread:before {
content: "\ecfe";
}
.ph.ph-person-simple:before {
content: "\e72e";
}
.ph.ph-person-simple-bike:before {
content: "\e734";
}
.ph.ph-person-simple-circle:before {
content: "\ee58";
}
.ph.ph-person-simple-hike:before {
content: "\ed54";
}
.ph.ph-person-simple-run:before {
content: "\e730";
}
.ph.ph-person-simple-ski:before {
content: "\e71c";
}
.ph.ph-person-simple-snowboard:before {
content: "\e71e";
}
.ph.ph-person-simple-swim:before {
content: "\e736";
}
.ph.ph-person-simple-tai-chi:before {
content: "\ed5c";
}
.ph.ph-person-simple-throw:before {
content: "\e732";
}
.ph.ph-person-simple-walk:before {
content: "\e73a";
}
.ph.ph-perspective:before {
content: "\ebe6";
}
.ph.ph-phone:before {
content: "\e3b8";
}
.ph.ph-phone-call:before {
content: "\e3ba";
}
.ph.ph-phone-disconnect:before {
content: "\e3bc";
}
.ph.ph-phone-incoming:before {
content: "\e3be";
}
.ph.ph-phone-list:before {
content: "\e3cc";
}
.ph.ph-phone-outgoing:before {
content: "\e3c0";
}
.ph.ph-phone-pause:before {
content: "\e3ca";
}
.ph.ph-phone-plus:before {
content: "\ec56";
}
.ph.ph-phone-slash:before {
content: "\e3c2";
}
.ph.ph-phone-transfer:before {
content: "\e3c6";
}
.ph.ph-phone-x:before {
content: "\e3c4";
}
.ph.ph-phosphor-logo:before {
content: "\e3ce";
}
.ph.ph-pi:before {
content: "\ec80";
}
.ph.ph-piano-keys:before {
content: "\e9c8";
}
.ph.ph-picnic-table:before {
content: "\ee26";
}
.ph.ph-picture-in-picture:before {
content: "\e64c";
}
.ph.ph-piggy-bank:before {
content: "\ea04";
}
.ph.ph-pill:before {
content: "\e700";
}
.ph.ph-ping-pong:before {
content: "\ea42";
}
.ph.ph-pint-glass:before {
content: "\edd0";
}
.ph.ph-pinterest-logo:before {
content: "\e64e";
}
.ph.ph-pinwheel:before {
content: "\eb9c";
}
.ph.ph-pipe:before {
content: "\ed86";
}
.ph.ph-pipe-wrench:before {
content: "\ed88";
}
.ph.ph-pix-logo:before {
content: "\ecc2";
}
.ph.ph-pizza:before {
content: "\e796";
}
.ph.ph-placeholder:before {
content: "\e650";
}
.ph.ph-planet:before {
content: "\e652";
}
.ph.ph-plant:before {
content: "\ebae";
}
.ph.ph-play:before {
content: "\e3d0";
}
.ph.ph-play-circle:before {
content: "\e3d2";
}
.ph.ph-play-pause:before {
content: "\e8be";
}
.ph.ph-playlist:before {
content: "\e6aa";
}
.ph.ph-plug:before {
content: "\e946";
}
.ph.ph-plug-charging:before {
content: "\eb5c";
}
.ph.ph-plugs:before {
content: "\eb56";
}
.ph.ph-plugs-connected:before {
content: "\eb5a";
}
.ph.ph-plus:before {
content: "\e3d4";
}
.ph.ph-plus-circle:before {
content: "\e3d6";
}
.ph.ph-plus-minus:before {
content: "\e3d8";
}
.ph.ph-plus-square:before {
content: "\ed4a";
}
.ph.ph-poker-chip:before {
content: "\e594";
}
.ph.ph-police-car:before {
content: "\ec4a";
}
.ph.ph-polygon:before {
content: "\e6d0";
}
.ph.ph-popcorn:before {
content: "\eb4e";
}
.ph.ph-popsicle:before {
content: "\ebbe";
}
.ph.ph-potted-plant:before {
content: "\ec22";
}
.ph.ph-power:before {
content: "\e3da";
}
.ph.ph-prescription:before {
content: "\e7a2";
}
.ph.ph-presentation:before {
content: "\e654";
}
.ph.ph-presentation-chart:before {
content: "\e656";
}
.ph.ph-printer:before {
content: "\e3dc";
}
.ph.ph-prohibit:before {
content: "\e3de";
}
.ph.ph-prohibit-inset:before {
content: "\e3e0";
}
.ph.ph-projector-screen:before {
content: "\e658";
}
.ph.ph-projector-screen-chart:before {
content: "\e65a";
}
.ph.ph-pulse:before {
content: "\e000";
}
.ph.ph-activity:before {
content: "\e000";
}
.ph.ph-push-pin:before {
content: "\e3e2";
}
.ph.ph-push-pin-simple:before {
content: "\e65c";
}
.ph.ph-push-pin-simple-slash:before {
content: "\e65e";
}
.ph.ph-push-pin-slash:before {
content: "\e3e4";
}
.ph.ph-puzzle-piece:before {
content: "\e596";
}
.ph.ph-qr-code:before {
content: "\e3e6";
}
.ph.ph-question:before {
content: "\e3e8";
}
.ph.ph-question-mark:before {
content: "\e3e9";
}
.ph.ph-queue:before {
content: "\e6ac";
}
.ph.ph-quotes:before {
content: "\e660";
}
.ph.ph-rabbit:before {
content: "\eac2";
}
.ph.ph-racquet:before {
content: "\ee02";
}
.ph.ph-radical:before {
content: "\e3ea";
}
.ph.ph-radio:before {
content: "\e77e";
}
.ph.ph-radio-button:before {
content: "\eb08";
}
.ph.ph-radioactive:before {
content: "\e9dc";
}
.ph.ph-rainbow:before {
content: "\e598";
}
.ph.ph-rainbow-cloud:before {
content: "\e59a";
}
.ph.ph-ranking:before {
content: "\ed62";
}
.ph.ph-read-cv-logo:before {
content: "\ed0c";
}
.ph.ph-receipt:before {
content: "\e3ec";
}
.ph.ph-receipt-x:before {
content: "\ed40";
}
.ph.ph-record:before {
content: "\e3ee";
}
.ph.ph-rectangle:before {
content: "\e3f0";
}
.ph.ph-rectangle-dashed:before {
content: "\e3f2";
}
.ph.ph-recycle:before {
content: "\e75a";
}
.ph.ph-reddit-logo:before {
content: "\e59c";
}
.ph.ph-repeat:before {
content: "\e3f6";
}
.ph.ph-repeat-once:before {
content: "\e3f8";
}
.ph.ph-replit-logo:before {
content: "\eb8a";
}
.ph.ph-resize:before {
content: "\ed6e";
}
.ph.ph-rewind:before {
content: "\e6a8";
}
.ph.ph-rewind-circle:before {
content: "\e3fa";
}
.ph.ph-road-horizon:before {
content: "\e838";
}
.ph.ph-robot:before {
content: "\e762";
}
.ph.ph-rocket:before {
content: "\e3fc";
}
.ph.ph-rocket-launch:before {
content: "\e3fe";
}
.ph.ph-rows:before {
content: "\e5a2";
}
.ph.ph-rows-plus-bottom:before {
content: "\e59e";
}
.ph.ph-rows-plus-top:before {
content: "\e5a0";
}
.ph.ph-rss:before {
content: "\e400";
}
.ph.ph-rss-simple:before {
content: "\e402";
}
.ph.ph-rug:before {
content: "\ea1a";
}
.ph.ph-ruler:before {
content: "\e6b8";
}
.ph.ph-sailboat:before {
content: "\e78a";
}
.ph.ph-scales:before {
content: "\e750";
}
.ph.ph-scan:before {
content: "\ebb6";
}
.ph.ph-scan-smiley:before {
content: "\ebb4";
}
.ph.ph-scissors:before {
content: "\eae0";
}
.ph.ph-scooter:before {
content: "\e820";
}
.ph.ph-screencast:before {
content: "\e404";
}
.ph.ph-screwdriver:before {
content: "\e86e";
}
.ph.ph-scribble:before {
content: "\e806";
}
.ph.ph-scribble-loop:before {
content: "\e662";
}
.ph.ph-scroll:before {
content: "\eb7a";
}
.ph.ph-seal:before {
content: "\e604";
}
.ph.ph-circle-wavy:before {
content: "\e604";
}
.ph.ph-seal-check:before {
content: "\e606";
}
.ph.ph-circle-wavy-check:before {
content: "\e606";
}
.ph.ph-seal-percent:before {
content: "\e60a";
}
.ph.ph-seal-question:before {
content: "\e608";
}
.ph.ph-circle-wavy-question:before {
content: "\e608";
}
.ph.ph-seal-warning:before {
content: "\e60c";
}
.ph.ph-circle-wavy-warning:before {
content: "\e60c";
}
.ph.ph-seat:before {
content: "\eb8e";
}
.ph.ph-seatbelt:before {
content: "\edfe";
}
.ph.ph-security-camera:before {
content: "\eca4";
}
.ph.ph-selection:before {
content: "\e69a";
}
.ph.ph-selection-all:before {
content: "\e746";
}
.ph.ph-selection-background:before {
content: "\eaf8";
}
.ph.ph-selection-foreground:before {
content: "\eaf6";
}
.ph.ph-selection-inverse:before {
content: "\e744";
}
.ph.ph-selection-plus:before {
content: "\e69c";
}
.ph.ph-selection-slash:before {
content: "\e69e";
}
.ph.ph-shapes:before {
content: "\ec5e";
}
.ph.ph-share:before {
content: "\e406";
}
.ph.ph-share-fat:before {
content: "\ed52";
}
.ph.ph-share-network:before {
content: "\e408";
}
.ph.ph-shield:before {
content: "\e40a";
}
.ph.ph-shield-check:before {
content: "\e40c";
}
.ph.ph-shield-checkered:before {
content: "\e708";
}
.ph.ph-shield-chevron:before {
content: "\e40e";
}
.ph.ph-shield-plus:before {
content: "\e706";
}
.ph.ph-shield-slash:before {
content: "\e410";
}
.ph.ph-shield-star:before {
content: "\ec34";
}
.ph.ph-shield-warning:before {
content: "\e412";
}
.ph.ph-shipping-container:before {
content: "\e78c";
}
.ph.ph-shirt-folded:before {
content: "\ea92";
}
.ph.ph-shooting-star:before {
content: "\ecfa";
}
.ph.ph-shopping-bag:before {
content: "\e416";
}
.ph.ph-shopping-bag-open:before {
content: "\e418";
}
.ph.ph-shopping-cart:before {
content: "\e41e";
}
.ph.ph-shopping-cart-simple:before {
content: "\e420";
}
.ph.ph-shovel:before {
content: "\e9e6";
}
.ph.ph-shower:before {
content: "\e776";
}
.ph.ph-shrimp:before {
content: "\eab4";
}
.ph.ph-shuffle:before {
content: "\e422";
}
.ph.ph-shuffle-angular:before {
content: "\e424";
}
.ph.ph-shuffle-simple:before {
content: "\e426";
}
.ph.ph-sidebar:before {
content: "\eab6";
}
.ph.ph-sidebar-simple:before {
content: "\ec24";
}
.ph.ph-sigma:before {
content: "\eab8";
}
.ph.ph-sign-in:before {
content: "\e428";
}
.ph.ph-sign-out:before {
content: "\e42a";
}
.ph.ph-signature:before {
content: "\ebac";
}
.ph.ph-signpost:before {
content: "\e89c";
}
.ph.ph-sim-card:before {
content: "\e664";
}
.ph.ph-siren:before {
content: "\e9b8";
}
.ph.ph-sketch-logo:before {
content: "\e42c";
}
.ph.ph-skip-back:before {
content: "\e5a4";
}
.ph.ph-skip-back-circle:before {
content: "\e42e";
}
.ph.ph-skip-forward:before {
content: "\e5a6";
}
.ph.ph-skip-forward-circle:before {
content: "\e430";
}
.ph.ph-skull:before {
content: "\e916";
}
.ph.ph-skype-logo:before {
content: "\e8dc";
}
.ph.ph-slack-logo:before {
content: "\e5a8";
}
.ph.ph-sliders:before {
content: "\e432";
}
.ph.ph-sliders-horizontal:before {
content: "\e434";
}
.ph.ph-slideshow:before {
content: "\ed32";
}
.ph.ph-smiley:before {
content: "\e436";
}
.ph.ph-smiley-angry:before {
content: "\ec62";
}
.ph.ph-smiley-blank:before {
content: "\e438";
}
.ph.ph-smiley-meh:before {
content: "\e43a";
}
.ph.ph-smiley-melting:before {
content: "\ee56";
}
.ph.ph-smiley-nervous:before {
content: "\e43c";
}
.ph.ph-smiley-sad:before {
content: "\e43e";
}
.ph.ph-smiley-sticker:before {
content: "\e440";
}
.ph.ph-smiley-wink:before {
content: "\e666";
}
.ph.ph-smiley-x-eyes:before {
content: "\e442";
}
.ph.ph-snapchat-logo:before {
content: "\e668";
}
.ph.ph-sneaker:before {
content: "\e80c";
}
.ph.ph-sneaker-move:before {
content: "\ed60";
}
.ph.ph-snowflake:before {
content: "\e5aa";
}
.ph.ph-soccer-ball:before {
content: "\e716";
}
.ph.ph-sock:before {
content: "\ecce";
}
.ph.ph-solar-panel:before {
content: "\ed7a";
}
.ph.ph-solar-roof:before {
content: "\ed7b";
}
.ph.ph-sort-ascending:before {
content: "\e444";
}
.ph.ph-sort-descending:before {
content: "\e446";
}
.ph.ph-soundcloud-logo:before {
content: "\e8de";
}
.ph.ph-spade:before {
content: "\e448";
}
.ph.ph-sparkle:before {
content: "\e6a2";
}
.ph.ph-speaker-hifi:before {
content: "\ea08";
}
.ph.ph-speaker-high:before {
content: "\e44a";
}
.ph.ph-speaker-low:before {
content: "\e44c";
}
.ph.ph-speaker-none:before {
content: "\e44e";
}
.ph.ph-speaker-simple-high:before {
content: "\e450";
}
.ph.ph-speaker-simple-low:before {
content: "\e452";
}
.ph.ph-speaker-simple-none:before {
content: "\e454";
}
.ph.ph-speaker-simple-slash:before {
content: "\e456";
}
.ph.ph-speaker-simple-x:before {
content: "\e458";
}
.ph.ph-speaker-slash:before {
content: "\e45a";
}
.ph.ph-speaker-x:before {
content: "\e45c";
}
.ph.ph-speedometer:before {
content: "\ee74";
}
.ph.ph-sphere:before {
content: "\ee66";
}
.ph.ph-spinner:before {
content: "\e66a";
}
.ph.ph-spinner-ball:before {
content: "\ee28";
}
.ph.ph-spinner-gap:before {
content: "\e66c";
}
.ph.ph-spiral:before {
content: "\e9fa";
}
.ph.ph-split-horizontal:before {
content: "\e872";
}
.ph.ph-split-vertical:before {
content: "\e876";
}
.ph.ph-spotify-logo:before {
content: "\e66e";
}
.ph.ph-spray-bottle:before {
content: "\e7e4";
}
.ph.ph-square:before {
content: "\e45e";
}
.ph.ph-square-half:before {
content: "\e462";
}
.ph.ph-square-half-bottom:before {
content: "\eb16";
}
.ph.ph-square-logo:before {
content: "\e690";
}
.ph.ph-square-split-horizontal:before {
content: "\e870";
}
.ph.ph-square-split-vertical:before {
content: "\e874";
}
.ph.ph-squares-four:before {
content: "\e464";
}
.ph.ph-stack:before {
content: "\e466";
}
.ph.ph-stack-minus:before {
content: "\edf4";
}
.ph.ph-stack-overflow-logo:before {
content: "\eb78";
}
.ph.ph-stack-plus:before {
content: "\edf6";
}
.ph.ph-stack-simple:before {
content: "\e468";
}
.ph.ph-stairs:before {
content: "\e8ec";
}
.ph.ph-stamp:before {
content: "\ea48";
}
.ph.ph-standard-definition:before {
content: "\ea90";
}
.ph.ph-star:before {
content: "\e46a";
}
.ph.ph-star-and-crescent:before {
content: "\ecf4";
}
.ph.ph-star-four:before {
content: "\e6a4";
}
.ph.ph-star-half:before {
content: "\e70a";
}
.ph.ph-star-of-david:before {
content: "\e89e";
}
.ph.ph-steam-logo:before {
content: "\ead4";
}
.ph.ph-steering-wheel:before {
content: "\e9ac";
}
.ph.ph-steps:before {
content: "\ecbe";
}
.ph.ph-stethoscope:before {
content: "\e7ea";
}
.ph.ph-sticker:before {
content: "\e5ac";
}
.ph.ph-stool:before {
content: "\ea44";
}
.ph.ph-stop:before {
content: "\e46c";
}
.ph.ph-stop-circle:before {
content: "\e46e";
}
.ph.ph-storefront:before {
content: "\e470";
}
.ph.ph-strategy:before {
content: "\ea3a";
}
.ph.ph-stripe-logo:before {
content: "\e698";
}
.ph.ph-student:before {
content: "\e73e";
}
.ph.ph-subset-of:before {
content: "\edc0";
}
.ph.ph-subset-proper-of:before {
content: "\edb6";
}
.ph.ph-subtitles:before {
content: "\e1a8";
}
.ph.ph-subtitles-slash:before {
content: "\e1a6";
}
.ph.ph-subtract:before {
content: "\ebd6";
}
.ph.ph-subtract-square:before {
content: "\ebd4";
}
.ph.ph-subway:before {
content: "\e498";
}
.ph.ph-suitcase:before {
content: "\e5ae";
}
.ph.ph-suitcase-rolling:before {
content: "\e9b0";
}
.ph.ph-suitcase-simple:before {
content: "\e5b0";
}
.ph.ph-sun:before {
content: "\e472";
}
.ph.ph-sun-dim:before {
content: "\e474";
}
.ph.ph-sun-horizon:before {
content: "\e5b6";
}
.ph.ph-sunglasses:before {
content: "\e816";
}
.ph.ph-superset-of:before {
content: "\edb8";
}
.ph.ph-superset-proper-of:before {
content: "\edb4";
}
.ph.ph-swap:before {
content: "\e83c";
}
.ph.ph-swatches:before {
content: "\e5b8";
}
.ph.ph-swimming-pool:before {
content: "\ecb6";
}
.ph.ph-sword:before {
content: "\e5ba";
}
.ph.ph-synagogue:before {
content: "\ecec";
}
.ph.ph-syringe:before {
content: "\e968";
}
.ph.ph-t-shirt:before {
content: "\e670";
}
.ph.ph-table:before {
content: "\e476";
}
.ph.ph-tabs:before {
content: "\e778";
}
.ph.ph-tag:before {
content: "\e478";
}
.ph.ph-tag-chevron:before {
content: "\e672";
}
.ph.ph-tag-simple:before {
content: "\e47a";
}
.ph.ph-target:before {
content: "\e47c";
}
.ph.ph-taxi:before {
content: "\e902";
}
.ph.ph-tea-bag:before {
content: "\e8e6";
}
.ph.ph-telegram-logo:before {
content: "\e5bc";
}
.ph.ph-television:before {
content: "\e754";
}
.ph.ph-television-simple:before {
content: "\eae6";
}
.ph.ph-tennis-ball:before {
content: "\e720";
}
.ph.ph-tent:before {
content: "\e8ba";
}
.ph.ph-terminal:before {
content: "\e47e";
}
.ph.ph-terminal-window:before {
content: "\eae8";
}
.ph.ph-test-tube:before {
content: "\e7a0";
}
.ph.ph-text-a-underline:before {
content: "\ed34";
}
.ph.ph-text-aa:before {
content: "\e6ee";
}
.ph.ph-text-align-center:before {
content: "\e480";
}
.ph.ph-text-align-justify:before {
content: "\e482";
}
.ph.ph-text-align-left:before {
content: "\e484";
}
.ph.ph-text-align-right:before {
content: "\e486";
}
.ph.ph-text-b:before {
content: "\e5be";
}
.ph.ph-text-bolder:before {
content: "\e5be";
}
.ph.ph-text-columns:before {
content: "\ec96";
}
.ph.ph-text-h:before {
content: "\e6ba";
}
.ph.ph-text-h-five:before {
content: "\e6c4";
}
.ph.ph-text-h-four:before {
content: "\e6c2";
}
.ph.ph-text-h-one:before {
content: "\e6bc";
}
.ph.ph-text-h-six:before {
content: "\e6c6";
}
.ph.ph-text-h-three:before {
content: "\e6c0";
}
.ph.ph-text-h-two:before {
content: "\e6be";
}
.ph.ph-text-indent:before {
content: "\ea1e";
}
.ph.ph-text-italic:before {
content: "\e5c0";
}
.ph.ph-text-outdent:before {
content: "\ea1c";
}
.ph.ph-text-strikethrough:before {
content: "\e5c2";
}
.ph.ph-text-subscript:before {
content: "\ec98";
}
.ph.ph-text-superscript:before {
content: "\ec9a";
}
.ph.ph-text-t:before {
content: "\e48a";
}
.ph.ph-text-t-slash:before {
content: "\e488";
}
.ph.ph-text-underline:before {
content: "\e5c4";
}
.ph.ph-textbox:before {
content: "\eb0a";
}
.ph.ph-thermometer:before {
content: "\e5c6";
}
.ph.ph-thermometer-cold:before {
content: "\e5c8";
}
.ph.ph-thermometer-hot:before {
content: "\e5ca";
}
.ph.ph-thermometer-simple:before {
content: "\e5cc";
}
.ph.ph-threads-logo:before {
content: "\ed9e";
}
.ph.ph-three-d:before {
content: "\ea5a";
}
.ph.ph-thumbs-down:before {
content: "\e48c";
}
.ph.ph-thumbs-up:before {
content: "\e48e";
}
.ph.ph-ticket:before {
content: "\e490";
}
.ph.ph-tidal-logo:before {
content: "\ed1c";
}
.ph.ph-tiktok-logo:before {
content: "\eaf2";
}
.ph.ph-tilde:before {
content: "\eda8";
}
.ph.ph-timer:before {
content: "\e492";
}
.ph.ph-tip-jar:before {
content: "\e7e2";
}
.ph.ph-tipi:before {
content: "\ed30";
}
.ph.ph-tire:before {
content: "\edd2";
}
.ph.ph-toggle-left:before {
content: "\e674";
}
.ph.ph-toggle-right:before {
content: "\e676";
}
.ph.ph-toilet:before {
content: "\e79a";
}
.ph.ph-toilet-paper:before {
content: "\e79c";
}
.ph.ph-toolbox:before {
content: "\eca0";
}
.ph.ph-tooth:before {
content: "\e9cc";
}
.ph.ph-tornado:before {
content: "\e88c";
}
.ph.ph-tote:before {
content: "\e494";
}
.ph.ph-tote-simple:before {
content: "\e678";
}
.ph.ph-towel:before {
content: "\ede6";
}
.ph.ph-tractor:before {
content: "\ec6e";
}
.ph.ph-trademark:before {
content: "\e9f0";
}
.ph.ph-trademark-registered:before {
content: "\e3f4";
}
.ph.ph-traffic-cone:before {
content: "\e9a8";
}
.ph.ph-traffic-sign:before {
content: "\e67a";
}
.ph.ph-traffic-signal:before {
content: "\e9aa";
}
.ph.ph-train:before {
content: "\e496";
}
.ph.ph-train-regional:before {
content: "\e49e";
}
.ph.ph-train-simple:before {
content: "\e4a0";
}
.ph.ph-tram:before {
content: "\e9ec";
}
.ph.ph-translate:before {
content: "\e4a2";
}
.ph.ph-trash:before {
content: "\e4a6";
}
.ph.ph-trash-simple:before {
content: "\e4a8";
}
.ph.ph-tray:before {
content: "\e4aa";
}
.ph.ph-tray-arrow-down:before {
content: "\e010";
}
.ph.ph-archive-tray:before {
content: "\e010";
}
.ph.ph-tray-arrow-up:before {
content: "\ee52";
}
.ph.ph-treasure-chest:before {
content: "\ede2";
}
.ph.ph-tree:before {
content: "\e6da";
}
.ph.ph-tree-evergreen:before {
content: "\e6dc";
}
.ph.ph-tree-palm:before {
content: "\e91a";
}
.ph.ph-tree-structure:before {
content: "\e67c";
}
.ph.ph-tree-view:before {
content: "\ee48";
}
.ph.ph-trend-down:before {
content: "\e4ac";
}
.ph.ph-trend-up:before {
content: "\e4ae";
}
.ph.ph-triangle:before {
content: "\e4b0";
}
.ph.ph-triangle-dashed:before {
content: "\e4b2";
}
.ph.ph-trolley:before {
content: "\e5b2";
}
.ph.ph-trolley-suitcase:before {
content: "\e5b4";
}
.ph.ph-trophy:before {
content: "\e67e";
}
.ph.ph-truck:before {
content: "\e4b4";
}
.ph.ph-truck-trailer:before {
content: "\e4b6";
}
.ph.ph-tumblr-logo:before {
content: "\e8d4";
}
.ph.ph-twitch-logo:before {
content: "\e5ce";
}
.ph.ph-twitter-logo:before {
content: "\e4ba";
}
.ph.ph-umbrella:before {
content: "\e684";
}
.ph.ph-umbrella-simple:before {
content: "\e686";
}
.ph.ph-union:before {
content: "\edbe";
}
.ph.ph-unite:before {
content: "\e87e";
}
.ph.ph-unite-square:before {
content: "\e878";
}
.ph.ph-upload:before {
content: "\e4be";
}
.ph.ph-upload-simple:before {
content: "\e4c0";
}
.ph.ph-usb:before {
content: "\e956";
}
.ph.ph-user:before {
content: "\e4c2";
}
.ph.ph-user-check:before {
content: "\eafa";
}
.ph.ph-user-circle:before {
content: "\e4c4";
}
.ph.ph-user-circle-check:before {
content: "\ec38";
}
.ph.ph-user-circle-dashed:before {
content: "\ec36";
}
.ph.ph-user-circle-gear:before {
content: "\e4c6";
}
.ph.ph-user-circle-minus:before {
content: "\e4c8";
}
.ph.ph-user-circle-plus:before {
content: "\e4ca";
}
.ph.ph-user-focus:before {
content: "\e6fc";
}
.ph.ph-user-gear:before {
content: "\e4cc";
}
.ph.ph-user-list:before {
content: "\e73c";
}
.ph.ph-user-minus:before {
content: "\e4ce";
}
.ph.ph-user-plus:before {
content: "\e4d0";
}
.ph.ph-user-rectangle:before {
content: "\e4d2";
}
.ph.ph-user-sound:before {
content: "\eca8";
}
.ph.ph-user-square:before {
content: "\e4d4";
}
.ph.ph-user-switch:before {
content: "\e756";
}
.ph.ph-users:before {
content: "\e4d6";
}
.ph.ph-users-four:before {
content: "\e68c";
}
.ph.ph-users-three:before {
content: "\e68e";
}
.ph.ph-van:before {
content: "\e826";
}
.ph.ph-vault:before {
content: "\e76e";
}
.ph.ph-vector-three:before {
content: "\ee62";
}
.ph.ph-vector-two:before {
content: "\ee64";
}
.ph.ph-vibrate:before {
content: "\e4d8";
}
.ph.ph-video:before {
content: "\e740";
}
.ph.ph-video-camera:before {
content: "\e4da";
}
.ph.ph-video-camera-slash:before {
content: "\e4dc";
}
.ph.ph-video-conference:before {
content: "\edce";
}
.ph.ph-vignette:before {
content: "\eba2";
}
.ph.ph-vinyl-record:before {
content: "\ecac";
}
.ph.ph-virtual-reality:before {
content: "\e7b8";
}
.ph.ph-virus:before {
content: "\e7d6";
}
.ph.ph-visor:before {
content: "\ee2a";
}
.ph.ph-voicemail:before {
content: "\e4de";
}
.ph.ph-volleyball:before {
content: "\e726";
}
.ph.ph-wall:before {
content: "\e688";
}
.ph.ph-wallet:before {
content: "\e68a";
}
.ph.ph-warehouse:before {
content: "\ecd4";
}
.ph.ph-warning:before {
content: "\e4e0";
}
.ph.ph-warning-circle:before {
content: "\e4e2";
}
.ph.ph-warning-diamond:before {
content: "\e7fc";
}
.ph.ph-warning-octagon:before {
content: "\e4e4";
}
.ph.ph-washing-machine:before {
content: "\ede8";
}
.ph.ph-watch:before {
content: "\e4e6";
}
.ph.ph-wave-sawtooth:before {
content: "\ea9c";
}
.ph.ph-wave-sine:before {
content: "\ea9a";
}
.ph.ph-wave-square:before {
content: "\ea9e";
}
.ph.ph-wave-triangle:before {
content: "\eaa0";
}
.ph.ph-waveform:before {
content: "\e802";
}
.ph.ph-waveform-slash:before {
content: "\e800";
}
.ph.ph-waves:before {
content: "\e6de";
}
.ph.ph-webcam:before {
content: "\e9b2";
}
.ph.ph-webcam-slash:before {
content: "\ecdc";
}
.ph.ph-webhooks-logo:before {
content: "\ecae";
}
.ph.ph-wechat-logo:before {
content: "\e8d2";
}
.ph.ph-whatsapp-logo:before {
content: "\e5d0";
}
.ph.ph-wheelchair:before {
content: "\e4e8";
}
.ph.ph-wheelchair-motion:before {
content: "\e89a";
}
.ph.ph-wifi-high:before {
content: "\e4ea";
}
.ph.ph-wifi-low:before {
content: "\e4ec";
}
.ph.ph-wifi-medium:before {
content: "\e4ee";
}
.ph.ph-wifi-none:before {
content: "\e4f0";
}
.ph.ph-wifi-slash:before {
content: "\e4f2";
}
.ph.ph-wifi-x:before {
content: "\e4f4";
}
.ph.ph-wind:before {
content: "\e5d2";
}
.ph.ph-windmill:before {
content: "\e9f8";
}
.ph.ph-windows-logo:before {
content: "\e692";
}
.ph.ph-wine:before {
content: "\e6b2";
}
.ph.ph-wrench:before {
content: "\e5d4";
}
.ph.ph-x:before {
content: "\e4f6";
}
.ph.ph-x-circle:before {
content: "\e4f8";
}
.ph.ph-x-logo:before {
content: "\e4bc";
}
.ph.ph-x-square:before {
content: "\e4fa";
}
.ph.ph-yarn:before {
content: "\ed9a";
}
.ph.ph-yin-yang:before {
content: "\e92a";
}
.ph.ph-youtube-logo:before {
content: "\e4fc";
}.tzq-search-overlay {
position: fixed;
inset: 0;
z-index: 100005;
display: flex;
align-items: flex-start;
justify-content: center;
visibility: hidden;
pointer-events: none;
}
.tzq-search-overlay--open {
visibility: visible;
pointer-events: all;
} .tzq-search-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.6);
opacity: 0;
}
.tzq-search-overlay--open .tzq-search-overlay__backdrop {
opacity: 1;
} .tzq-search-overlay__panel {
position: relative;
z-index: 1;
width: 100%;
max-width: 720px;
margin: 0 1rem;
margin-top: clamp(4rem, 10vh, 8rem);
background: #ffffff;
border-radius: var(--tzq-spacing-xs);
box-shadow: 0 25px 60px -10px rgba(15, 23, 42, 0.3), 0 0 0 1px rgba(15, 23, 42, 0.06);
transform: translateY(-20px);
opacity: 0;
overflow: hidden;
}
.tzq-search-overlay--open .tzq-search-overlay__panel {
transform: translateY(0);
opacity: 1;
} .tzq-search-overlay__header {
border-bottom: 1.5px solid var(--tzq-border-light, #f1f5f9);
}
.tzq-search-overlay__field-wrapper {
display: flex;
align-items: center;
gap: 0;
padding: 0 1.25rem;
height: 72px;
}
.tzq-search-overlay__field-icon {
flex-shrink: 0;
display: flex;
align-items: center;
color: var(--tzq-primary, #2563eb);
margin-right: 0.75rem;
}
.tzq-search-overlay__form {
flex: 1;
display: flex;
align-items: center;
min-width: 0;
}
.tzq-search-overlay__field {
width: 100%;
font-size: 1.125rem;
font-weight: 600;
color: var(--tzq-text-primary, #0f172a);
background: transparent;
border: none;
outline: none;
padding: 0;
line-height: 1.5; -webkit-appearance: none;
}
.tzq-search-overlay__field::-webkit-search-cancel-button { display: none; }
.tzq-search-overlay__field::-ms-clear { display: none; }
.tzq-search-overlay__field::placeholder {
color: var(--tzq-text-muted, #94a3b8);
font-weight: 400;
} .tzq-search-overlay__field.is-loading {
opacity: 0.5;
} .tzq-search-overlay__close {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 6px;
margin-left: 0.75rem;
padding: 6px 10px;
background: var(--tzq-surface-50, #f8fafc);
border: 1.5px solid var(--tzq-border-light, #e2e8f0);
border-radius: var(--tzq-spacing-xs);
color: var(--tzq-text-secondary, #64748b);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.04em;
cursor: pointer;
white-space: nowrap;
}
.tzq-search-overlay__close:hover {
background: var(--tzq-primary, #2563eb);
border-color: var(--tzq-primary, #2563eb);
color: #fff;
}
.tzq-search-overlay__close svg { flex-shrink: 0; }
.tzq-search-overlay__close-key {
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
} .tzq-search-overlay__body {
padding: 0.5rem 0 1.25rem;
} .tzq-search-overlay__results {
max-height: 50vh;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--tzq-border-light, #e2e8f0) transparent;
}
.tzq-search-overlay__results::-webkit-scrollbar { width: 4px; }
.tzq-search-overlay__results::-webkit-scrollbar-track { background: transparent; }
.tzq-search-overlay__results::-webkit-scrollbar-thumb {
background: var(--tzq-border-light, #e2e8f0);
border-radius: var(--tzq-spacing-xs);
} .tzq-search-overlay__results .tzq-list-item {
display: flex;
align-items: center;
gap: 0.875rem;
padding: 0.75rem 1.5rem;
text-decoration: none;
color: var(--tzq-text-primary, #0f172a);
border-bottom: 1px solid var(--tzq-border-light, #f1f5f9);
}
.tzq-search-overlay__results .tzq-list-item:last-child { border-bottom: none; }
.tzq-search-overlay__results .tzq-list-item:hover {
background: var(--tzq-surface-50, #f8fafc);
}
.tzq-search-overlay__results .tzq-list-item__icon {
width: 38px;
height: 38px;
flex-shrink: 0;
border-radius: var(--tzq-spacing-xs); background-color: var(--tzq-primary-light, #eff6ff);
display: flex;
align-items: center;
justify-content: center;
color: var(--tzq-primary, #2563eb); background-size: 85% !important;
background-position: center !important;
background-repeat: no-repeat !important;
} .tzq-search-overlay__results .tzq-list-item__icon[class*="--book"],
.tzq-search-overlay__results .tzq-list-item__icon[class*="--sinif"],
.tzq-search-overlay__results .tzq-list-item__icon[class*="--ders"],
.tzq-search-overlay__results .tzq-list-item__icon[class*="--exam"],
.tzq-search-overlay__results .tzq-list-item__icon[class*="--game"],
.tzq-search-overlay__results .tzq-list-item__icon[class*="--download"],
.tzq-search-overlay__results .tzq-list-item__icon[class*="--kategori"] {
background-color: transparent;
}
.tzq-search-overlay__results .tzq-list-item__content {
flex: 1;
min-width: 0;
}
.tzq-search-overlay__results .tzq-list-item__title {
font-size: 0.9375rem;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--tzq-text-primary, #0f172a);
}
.tzq-search-overlay__results .tzq-list-item__meta {
font-size: 0.75rem;
color: var(--tzq-text-muted, #64748b);
margin-top: 2px;
} .tzq-search-no-results {
padding: 2rem 1.5rem;
text-align: center;
font-size: 0.9375rem;
color: var(--tzq-text-muted, #64748b);
} .tzq-search-overlay__hints {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.875rem 1.5rem 0;
font-size: 0.75rem;
color: var(--tzq-text-muted, #94a3b8);
font-weight: 600;
} .tzq-search-overlay__results.is-active + .tzq-search-overlay__hints {
display: none;
}
.tzq-search-overlay__hint-tag {
display: inline-flex;
align-items: center;
padding: 4px 12px;
background: var(--tzq-surface-50, #f8fafc);
border: 1.5px solid var(--tzq-border-light, #e2e8f0);
border-radius: var(--tzq-spacing-xs);
color: var(--tzq-text-secondary, #475569);
font-size: 0.75rem;
font-weight: 700;
text-decoration: none;
}
.tzq-search-overlay__hint-tag:hover {
background: var(--tzq-primary-light, #eff6ff);
border-color: var(--tzq-primary, #2563eb);
color: var(--tzq-primary, #2563eb);
} [data-theme="dark"] .tzq-search-overlay__panel {
background: #1e293b;
box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .tzq-search-overlay__header {
border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .tzq-search-overlay__field {
color: #f1f5f9;
}
[data-theme="dark"] .tzq-search-overlay__field::placeholder {
color: rgba(255, 255, 255, 0.3);
}
[data-theme="dark"] .tzq-search-overlay__close {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
}
[data-theme="dark"] .tzq-search-overlay__close:hover {
background: var(--tzq-primary, #2563eb);
border-color: var(--tzq-primary, #2563eb);
color: #fff;
}
[data-theme="dark"] .tzq-search-overlay__results .tzq-list-item {
border-color: rgba(255, 255, 255, 0.06);
color: #f1f5f9;
}
[data-theme="dark"] .tzq-search-overlay__results .tzq-list-item:hover {
background: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .tzq-search-overlay__results .tzq-list-item__title { color: #f1f5f9; }
[data-theme="dark"] .tzq-search-overlay__hint-tag {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
} @media (max-width: 640px) {
.tzq-search-overlay__panel {
margin: 0;
margin-top: 0;
border-radius: var(--tzq-spacing-xs);
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
}
.tzq-search-overlay__field-wrapper {
height: 64px;
padding: 0 1rem;
}
.tzq-search-overlay__field {
font-size: 1rem;
}
.tzq-search-overlay__close-key { display: none; }
.tzq-search-overlay__hints { padding: 0.75rem 1rem 0; }
.tzq-search-overlay__results .tzq-list-item { padding: 0.75rem 1rem; }
}#tzq-toast-container {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 999999;
display: flex;
flex-direction: column;
gap: 0.75rem;
pointer-events: none;
}
.tzq-toast {
position: relative;
min-width: 320px;
max-width: 420px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
display: flex;
align-items: flex-start;
padding: 1rem;
gap: 1rem;
border-left: 4px solid var(--tzq-primary);
transform: translateX(120%);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
pointer-events: all;
}
.tzq-toast--visible {
transform: translateX(0);
}
.tzq-toast--success { border-left-color: var(--tzq-success); }
.tzq-toast--error { border-left-color: var(--tzq-error); }
.tzq-toast--warning { border-left-color: var(--tzq-warning); }
.tzq-toast--info { border-left-color: var(--tzq-primary); }
.tzq-toast__icon {
font-size: 1.5rem;
flex-shrink: 0;
line-height: 1;
}
.tzq-toast__body {
flex: 1;
min-width: 0;
}
.tzq-toast__title {
font-weight: 800;
font-size: 0.9375rem;
color: var(--tzq-text-primary);
margin-bottom: 0.25rem;
line-height: 1.3;
}
.tzq-toast__message {
font-size: 0.875rem;
color: var(--tzq-text-secondary);
line-height: 1.4;
}
.tzq-toast__close {
background: transparent;
border: none;
color: var(--tzq-text-muted);
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
padding: 0.25rem;
margin: -0.25rem;
transition: color 0.2s;
}
.tzq-toast__close:hover {
color: var(--tzq-error);
}
@media (max-width: 576px) {
#tzq-toast-container {
bottom: 80px; left: 1rem;
right: 1rem;
}
.tzq-toast {
min-width: 0;
max-width: 100%;
}
}.tzh-home {width: min(1200px, calc(100% - 1.25rem));margin: 1rem auto 0rem;color: var(--tzh-text);}
.tzh-grid { margin-top: 0.9rem; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.0fr); gap: 0.9rem; }
.tzh-panel { overflow: hidden; display: flex; flex-direction: column; gap: 10px; }
.tzh-panel__head {display: flex;justify-content: space-between;background: var(--tzq-text-primary);align-items: center;gap: 0.8rem;padding: 15px;}
.tzh-panel__head a{
padding: 0px 13px;
font-weight: 900;
background: #ffffff;
}
.tzh-panel__head h2 { margin: 0; font-size: 1.22rem; font-weight: 700; color: white; }
.tzh-col-main,.tzh-col-side{display:flex;flex-direction: column;gap: 10px;} .tzh-tabs { display: flex; gap: 0.45rem; padding: 0.7rem 0.9rem 0.2rem; }
.tzh-tab { border: 1px solid var(--tzq-primary-lighter); background: var(--tzq-bg-secondary); color: var(--tzq-text-secondary); border-radius: var(--tzq-spacing-xs); font-size: 0.85rem; font-weight: 800; padding: 0.5rem 1rem; cursor: pointer; }
.tzh-tab.is-active { background: var(--tzq-primary); border-color: var(--tzq-primary); color: #fff; }
.tzh-chip-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; padding: 0.75rem; } .tzq-premium-dashboard { padding: 1.5rem 0; }
.tzq-promo-box { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); color: #fff; padding: 3.5rem; border-radius: var(--tzq-spacing-xs); display: flex; justify-content: space-between; align-items: center; overflow: hidden; position: relative; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.tzq-pop-tag { padding: 10px 18px; background: rgba(255,255,255,0.08); border-radius: var(--tzq-spacing-xs); text-decoration: none; color: #fff; font-weight: 700; font-size: 0.85rem; border: 1px solid rgba(255,255,255,0.1); }
.tzq-live-stats-bar { display: flex; justify-content: space-around; background: #fff; padding: 2.25rem; border-radius: var(--tzq-spacing-xs); border: 1px solid #f1f5f9; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.03); }
@media (max-width: 640px) {
.tzh-chip-grid { grid-template-columns: 1fr; }
}