@media (min-width:1200px){.col-xl-2-4{flex:0 0 auto;width:20%;}} .hero-search{max-width:600px;margin:0 auto;}.search-container{position:relative;}.search-container .form-control{padding-right:3rem;border:2px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:white;font-size:1.1rem;border-radius:50px;backdrop-filter:blur(10px);}.search-container .form-control::placeholder{color:rgba(255,255,255,0.8);}.search-container .form-control:focus{border-color:rgba(255,255,255,0.6);box-shadow:0 0 0 3px rgba(255,255,255,0.2);background:rgba(255,255,255,0.2);color:white;}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.8);font-size:1.2rem;pointer-events:none;}:root{ --primary-color:#6366f1;--primary-light:#8b5cf6;--primary-dark:#4f46e5;--primary-color-rgb:99,102,241;--primary-dark-rgb:79,70,229;--secondary-color:#64748b;--secondary-color-rgb:100,116,139;--success-color:#10b981;--success-color-rgb:16,185,129;--info-color:#06b6d4;--info-color-rgb:6,182,212;--warning-color:#f59e0b;--warning-color-rgb:245,158,11;--danger-color:#ef4444;--danger-color-rgb:239,68,68;--light-color:#f8fafc;--dark-color:#0f172a;--muted-color:#64748b; --brand-primary:#6366f1;--brand-secondary:#8b5cf6;--brand-accent:#ec4899; --gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-secondary:linear-gradient(135deg,#ec4899 0%,#f97316 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-info:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);--gradient-dark:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);--gradient-light:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%); --surface-primary:#ffffff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#ffffff; --border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--box-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04); --font-primary:'Lexend',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code','Consolas',monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700; --transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--container-max-width:1280px; --z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;} [data-theme="dark"]{--dark-color:#e2e8f0;--light-color:#1e293b;--muted-color:#94a3b8;--surface-primary:#1e293b;--surface-secondary:#0f172a;--surface-tertiary:#334155;--surface-elevated:#1e293b;--border-color:#334155;--border-color-hover:#475569;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--box-shadow:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.2);--box-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 10px 10px -5px rgba(0,0,0,0.2);--gradient-dark:linear-gradient(135deg,#0f172a 0%,#020617 100%);--gradient-light:linear-gradient(135deg,#1e293b 0%,#0f172a 100%); --bs-body-bg:#0f172a;--bs-body-bg-rgb:15,23,42;--bs-body-color:#e2e8f0;--bs-body-color-rgb:226,232,240;--bs-light:#1e293b;--bs-light-rgb:30,41,59;--bs-white-rgb:30,41,59;--bs-dark:#e2e8f0;--bs-dark-rgb:226,232,240;--bs-secondary-bg:#1e293b;--bs-secondary-bg-rgb:30,41,59;--bs-tertiary-bg:#334155;--bs-tertiary-bg-rgb:51,65,85;--bs-border-color:#334155;--bs-card-bg:#1e293b;--bs-card-border-color:#334155;color-scheme:dark;} [data-theme="dark"] .navbar.scrolled{background:rgba(30,41,59,0.95) !important;}[data-theme="dark"] .navbar-brand .brand-text,[data-theme="dark"] .navbar-nav .nav-link{color:#e2e8f0 !important;}[data-theme="dark"] .navbar-nav .nav-link:hover{color:var(--primary-light) !important;}[data-theme="dark"] .form-control,[data-theme="dark"] .form-select{background-color:#0f172a;border-color:#334155;color:#e2e8f0;}[data-theme="dark"] .form-control:focus,[data-theme="dark"] .form-select:focus{background-color:#0f172a;border-color:var(--primary-color);color:#e2e8f0;}[data-theme="dark"] .form-control::placeholder{color:#64748b;}[data-theme="dark"] .card,[data-theme="dark"] .tool-card,[data-theme="dark"] .config-card,[data-theme="dark"] .example-card{background:#1e293b !important;border-color:#334155 !important;color:#e2e8f0;}[data-theme="dark"] .card-header{border-bottom-color:#334155;}[data-theme="dark"] .card-footer{border-top-color:#334155;}[data-theme="dark"] .btn-outline-primary,[data-theme="dark"] .btn-outline-secondary{color:#e2e8f0;border-color:#475569;}[data-theme="dark"] .btn-outline-primary:hover{background-color:var(--primary-color);color:#fff;}[data-theme="dark"] .text-dark{color:#e2e8f0 !important;}[data-theme="dark"] .text-muted{color:#94a3b8 !important;}html[data-theme="dark"] .bg-light{background:#1e293b !important;color:#e2e8f0 !important;}html[data-theme="dark"] .bg-white{background:#1e293b !important;color:#e2e8f0 !important;} [data-theme="dark"] .card-title,[data-theme="dark"] .card-body strong,[data-theme="dark"] .card-body label,[data-theme="dark"] .card-body .form-label,[data-theme="dark"] .card-body h5,[data-theme="dark"] .card-body h6{color:#e2e8f0;}[data-theme="dark"] .card-body .text-muted,[data-theme="dark"] .card-body small{color:#94a3b8 !important;}[data-theme="dark"] .btn-outline-secondary{color:#94a3b8;border-color:#475569;}[data-theme="dark"] .btn-outline-secondary:hover{background-color:#334155;color:#e2e8f0;border-color:#475569;}[data-theme="dark"] .border{border-color:#334155 !important;}[data-theme="dark"] .accordion-item{background-color:#1e293b;border-color:#334155;}[data-theme="dark"] .accordion-button{background-color:#1e293b;color:#e2e8f0;}[data-theme="dark"] .accordion-button:not(.collapsed){background-color:rgba(99,102,241,0.1);color:var(--primary-light);}[data-theme="dark"] .accordion-button::after{filter:invert(1);}[data-theme="dark"] .alert-info-custom,[data-theme="dark"] .alert{background-color:rgba(99,102,241,0.1);border-color:#334155;color:#e2e8f0;}[data-theme="dark"] .table{color:#e2e8f0;border-color:#334155;}[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > *{background-color:rgba(255,255,255,0.03);color:#e2e8f0;}[data-theme="dark"] .breadcrumb-item a{color:var(--primary-light);}[data-theme="dark"] .breadcrumb-item.active{color:#94a3b8;}[data-theme="dark"] pre,[data-theme="dark"] code{background-color:#0f172a;color:#e2e8f0;}[data-theme="dark"] hr{border-color:#334155;}[data-theme="dark"] .dropdown-menu{background-color:#1e293b;border-color:#334155;}[data-theme="dark"] .dropdown-item{color:#e2e8f0;}[data-theme="dark"] .dropdown-item:hover{background-color:#334155;color:#e2e8f0;} .theme-toggle-btn{font-size:1.1rem;padding:0.25rem 0.5rem;color:var(--muted-color) !important;border:none;background:none;cursor:pointer;transition:color 0.2s;line-height:1;}.theme-toggle-btn:hover{color:var(--primary-color) !important;}.theme-toggle-btn .fa-sun{display:none;}.theme-toggle-btn .fa-moon{display:inline;}[data-theme="dark"] .theme-toggle-btn .fa-sun{display:inline;}[data-theme="dark"] .theme-toggle-btn .fa-moon{display:none;} [data-theme="dark"] .security-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-top-color:#334155;}[data-theme="dark"] .security-banner{background:var(--surface-primary);border-color:var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,0.3);}[data-theme="dark"] .security-feature{background:var(--surface-secondary);border-color:var(--border-color);}[data-theme="dark"] .security-feature:hover{background:var(--surface-tertiary);box-shadow:0 4px 15px rgba(0,0,0,0.3);} [data-theme="dark"] .page-header{background:var(--gradient-dark);} [data-theme="dark"] .features-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);}[data-theme="dark"] .feature-card{background:var(--surface-primary);border-color:var(--border-color);}[data-theme="dark"] .feature-card:hover{box-shadow:0 4px 15px rgba(0,0,0,0.3);} [data-theme="dark"] .how-to-section{background:var(--surface-secondary);} [data-theme="dark"] .seo-content-section{background:var(--surface-secondary);border-color:var(--border-color);} [data-theme="dark"] .faq-section{background:var(--surface-secondary);} [data-theme="dark"] .related-tools-section .tool-card-mini{background:var(--surface-primary);border-color:var(--border-color);}[data-theme="dark"] .related-tools-section .tool-card-mini:hover{border-color:var(--primary-color);} [data-theme="dark"] .alert-info{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.2);color:#c7d2fe;} [data-theme="dark"] .upload-area{background:var(--surface-secondary);border-color:var(--border-color);} [data-theme="dark"] .badge.bg-light{background-color:var(--surface-tertiary) !important;color:var(--dark-color) !important;} [data-theme="dark"] .nav-tabs{border-bottom-color:var(--border-color);}[data-theme="dark"] .nav-tabs .nav-link{color:var(--muted-color);}[data-theme="dark"] .nav-tabs .nav-link.active{background-color:var(--surface-primary);border-color:var(--border-color) var(--border-color) var(--surface-primary);color:var(--dark-color);} [data-theme="dark"] .list-group-item{background-color:var(--surface-primary);border-color:var(--border-color);color:var(--dark-color);} [data-theme="dark"] .modal-content{background-color:var(--surface-primary);border-color:var(--border-color);}[data-theme="dark"] .modal-header{border-bottom-color:var(--border-color);}[data-theme="dark"] .modal-footer{border-top-color:var(--border-color);} [data-theme="dark"] .breadcrumb{background:transparent;} [data-theme="dark"] .form-label,[data-theme="dark"] label{color:var(--dark-color);} [data-theme="dark"] .form-range::-webkit-slider-runnable-track{background:var(--surface-tertiary);} [data-theme="dark"] .text-body{color:var(--dark-color) !important;} [data-theme="dark"] .input-group-text{background-color:var(--surface-tertiary);border-color:var(--border-color);color:var(--dark-color);} body{font-family:var(--font-primary);line-height:1.6;color:var(--dark-color);background:var(--surface-secondary);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:0;} body.sticky-header-active{padding-top:var(--header-height,80px);}.container{max-width:var(--container-max-width);} .navbar{background:var(--surface-primary) !important;box-shadow:var(--box-shadow);padding:1rem 0;border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky);transition:var(--transition);} .navbar.scrolled{padding:0.5rem 0;box-shadow:var(--box-shadow-lg);background:rgba(248,250,252,0.95) !important;backdrop-filter:blur(20px);}.navbar.scrolled .navbar-brand{font-size:1.3rem;transition:var(--transition);}.navbar-brand{font-weight:var(--font-weight-bold);font-size:1.5rem;color:var(--brand-primary) !important;}.navbar-brand .brand-icon{color:var(--brand-accent);margin-right:0.5rem;}.navbar-brand .brand-text{color:var(--dark-color) !important;font-weight:var(--font-weight-bold);}.navbar-nav .nav-link{color:var(--dark-color) !important;font-weight:var(--font-weight-medium);padding:0.5rem 1rem !important;border-radius:var(--border-radius-sm);transition:var(--transition);}.navbar-nav .nav-link:hover{background:var(--surface-tertiary);color:var(--primary-color) !important;} .language-selector{min-width:160px;margin-left:1rem;position:relative;}.language-selector .fi{width:20px;height:15px;display:inline-block;border-radius:2px;}.language-selector .language-select-btn{border:1px solid var(--border-color);background:var(--surface-primary);color:var(--dark-color);padding:0.5rem;border-radius:var(--border-radius-sm);cursor:pointer;font-size:0.9rem;width:100%;text-align:left;font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:flex-start;gap:0.5rem;}.language-selector .language-select-btn:hover{border-color:var(--primary-color);}.language-selector .language-select-btn:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(99,102,241,0.1);}.language-selector .language-select-btn .fa-chevron-down{font-size:0.75rem;margin-left:auto;} .language-selector .dropdown-menu{position:absolute;top:0 !important;left:0 !important;width:100%;min-width:100%;background:var(--surface-primary);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:0;margin:0;transform:none !important;max-height:none;overflow:visible;z-index:1050;}.language-selector .dropdown-item{background:var(--surface-primary);color:var(--dark-color);padding:0.5rem 0.75rem;font-size:0.9rem;font-weight:var(--font-weight-medium);border:none;}.language-selector .dropdown-item:first-child{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);}.language-selector .dropdown-item:last-child{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);}.language-selector .dropdown-item:hover{background:var(--surface-secondary);color:var(--dark-color);}.language-selector .dropdown-item.active{background:var(--primary-color);color:white;font-weight:700;}.language-selector .dropdown-item:active{background:var(--primary-color);color:white;} @media (max-width:991.98px){.language-selector{min-width:auto;margin-left:0.5rem;}.language-selector .language-select-btn > span.ms-1,.language-selector .language-select-btn .fa-chevron-down{display:none;}.language-selector .language-select-btn{padding:0.35rem 0.5rem;min-width:auto;width:auto;}.language-selector .dropdown-menu{top:100% !important;left:auto !important;right:0 !important;width:180px !important;min-width:180px !important;max-height:70vh;overflow-y:auto;}} .breadcrumb{background:var(--surface-primary);padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;border:1px solid var(--border-color);}.breadcrumb ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;}.breadcrumb li{display:flex;align-items:center;}.breadcrumb li:not(:last-child)::after{content:'>';margin:0 0.5rem;color:var(--secondary-color);}.breadcrumb a{color:var(--primary-color);text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}.breadcrumb .active{color:var(--secondary-color);font-weight:500;} .tool-icon{font-size:3rem;display:inline-block;margin-right:0.5rem;} .card{border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);overflow:hidden;}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.15);}.card-header{border-bottom:1px solid rgba(0,0,0,0.1);font-weight:600;} .form-control{border-radius:var(--border-radius);border:2px solid var(--border-color,#e9ecef);transition:var(--transition);font-family:'Courier New',monospace;}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(13,110,253,0.25);}textarea.form-control{resize:vertical;min-height:200px;} .btn{border-radius:var(--border-radius);padding:0.75rem 1.5rem;font-weight:500;transition:var(--transition);border:none;}.btn-lg{padding:1rem 2rem;font-size:1.1rem;}.btn-primary{background:var(--gradient-primary);color:white;}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(13,110,253,0.4);}.btn-success{background:var(--gradient-success);color:white;}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(25,135,84,0.4);}   .benefit-card{padding:1.5rem;height:100%;transition:var(--transition);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-primary);}.benefit-card:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color);}.benefit-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color);}.benefit-card h6{color:var(--primary-color);margin-bottom:0.75rem;font-weight:var(--font-weight-semibold);}.benefit-card p{font-size:0.9rem;line-height:1.4;margin-bottom:0;color:var(--muted-color);} .step-number{width:60px;height:60px;background:var(--gradient-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto;} .card.bg-light{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%) !important;}.card.bg-light .card-body h4{font-size:2rem;font-weight:bold;margin-bottom:0.5rem;} .accordion-item{border:none;margin-bottom:1rem;border-radius:var(--border-radius) !important;overflow:hidden;box-shadow:var(--box-shadow);}.accordion-button{background:var(--surface-primary,white);border:none;font-weight:600;padding:1.25rem;}.accordion-button:not(.collapsed){background:var(--primary-color);color:white;}.accordion-button:focus{box-shadow:none;border:none;}.accordion-body{padding:1.5rem;background:var(--surface-secondary,#f8f9fa);} .seo-content{background:var(--surface-primary);padding:3rem 2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-top:3rem;}.seo-content h3{color:var(--primary-color);margin-bottom:1rem;font-weight:600;}.seo-content p{line-height:1.8;margin-bottom:2rem;} footer{margin-top:5rem;padding:2rem 0;} .notification{animation:slideInRight 0.3s ease;}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}} .loading{display:flex;align-items:center;justify-content:center;padding:2rem;}.spinner-border{width:2rem;height:2rem;} @media (max-width:991.98px){.navbar .container{flex-wrap:nowrap;}.navbar-collapse{position:absolute;top:100%;left:0;right:0;background:var(--surface-primary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:0.5rem 1rem;z-index:1000;}[data-theme="dark"] .navbar-collapse{background:#1e293b;border-bottom-color:#334155;}} @media (max-width:768px){.container{padding:0 1rem;}.display-4{font-size:2.5rem;}.display-5{font-size:1.5rem;}.hero .lead{font-size:0.95rem;} .hero .d-flex.gap-4{gap:0.5rem !important;flex-wrap:wrap;}.hero .d-flex.gap-4 .small{font-size:0.75rem !important;}.tool-icon{font-size:2rem;}.feature-card,.step-card,.benefit-card{padding:1.5rem;}.benefit-icon{font-size:2rem;}.feature-icon{font-size:2.5rem;}.security-icon{font-size:2rem;}.security-section{padding:3rem 0;margin-top:3rem;}.security-banner{padding:2rem 1rem;}.security-icon{font-size:2rem;} .ad-container{margin:2rem 0;}.ad-leaderboard{margin:1.5rem 0;padding:1rem 0;}.ad-leaderboard .ad-placeholder{min-width:320px !important;width:320px !important;height:50px !important;}.ad-large-rectangle{margin:2rem 0;padding:1.5rem 0;}.ad-sidebar{margin:1rem 0;padding:0.75rem;}.ad-between-sections{margin:3rem 0;padding:2rem 0;}.seo-content{padding:2rem 1rem;}.card-body{padding:1rem;}textarea.form-control{min-height:150px;}}@media (max-width:576px){.navbar-brand{font-size:1.2rem;}.btn-lg{padding:0.75rem 1.5rem;font-size:1rem;}.step-number{width:50px;height:50px;font-size:1.2rem;}.feature-icon{font-size:2rem;}.security-icon{font-size:1.75rem;}} @media print{.navbar,.language-selector,.btn,footer,.notification{display:none !important;}.container{max-width:none !important;padding:0 !important;}.card{box-shadow:none !important;border:1px solid #dee2e6 !important;}} @media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}} .btn:focus,.form-control:focus,.accordion-button:focus{outline:2px solid var(--primary-color);outline-offset:2px;} .file-drop-zone{border:2px dashed var(--border-color,#dee2e6);border-radius:var(--border-radius);padding:3rem 2rem;text-align:center;background:var(--surface-secondary,#fafafa);transition:var(--transition);cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center;}.file-drop-zone:hover{border-color:var(--primary-color);background:rgba(99,102,241,0.05);}.file-drop-zone.drag-over{border-color:var(--primary-color);background:rgba(99,102,241,0.1);transform:scale(1.02);}.file-drop-content h6{margin-bottom:0.5rem;color:var(--dark-color);}.file-drop-content p{margin-bottom:0;font-size:0.9rem;color:var(--muted-color);}.input-method{min-height:200px;} .code-type-indicator{position:absolute;top:10px;right:10px;background:var(--primary-color);color:white;padding:0.25rem 0.5rem;border-radius:3px;font-size:0.75rem;font-weight:500;text-transform:uppercase;}.code-type-javascript{background:#f7df1e;color:#000;}.code-type-css{background:#1572b6;color:white;}.code-type-html{background:#e34c26;color:white;}.code-type-text{background:var(--secondary-color);color:white;} .card-body h6.card-title{color:var(--primary-color);font-weight:600;margin-bottom:1rem;}.btn-group .btn-check:checked + .btn{background:var(--primary-color);border-color:var(--primary-color);} .statistics-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;}.statistics-card h4{margin-bottom:0.5rem;}.statistics-card .row > div{border-right:1px solid rgba(255,255,255,0.2);}.statistics-card .row > div:last-child{border-right:none;} .security-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:4rem 0;margin-top:4rem;border-top:1px solid var(--border-color,#dee2e6);}.security-banner{background:var(--surface-primary,white);border-radius:var(--border-radius);padding:3rem 2rem;box-shadow:var(--box-shadow);border:1px solid var(--border-color,#e9ecef);}.security-banner h2{color:var(--dark-color);font-weight:600;margin-bottom:1rem;}.security-banner .lead{color:var(--secondary-color);font-size:1.1rem;font-weight:500;}.security-feature{padding:1.5rem;background:var(--surface-secondary,#f8f9fa);border-radius:var(--border-radius);height:100%;transition:var(--transition);border:1px solid var(--border-color,#e9ecef);}.security-feature:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);background:var(--surface-primary,white);}.security-icon{font-size:2.5rem;margin-bottom:1rem;}.security-feature h6{color:var(--primary-color);margin-bottom:0.75rem;font-weight:600;}.security-feature p{color:var(--secondary-color);font-size:0.9rem;line-height:1.4;} .ad-container{margin:3rem 0;text-align:center;position:relative;}.ad-label{font-size:0.75rem;color:#999;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;font-weight:500;}.ad-content{display:flex;justify-content:center;align-items:center;}.ad-placeholder{background:var(--surface-secondary,#f8f9fa);border:1px solid var(--border-color,#dee2e6);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:0.9rem;transition:var(--transition);}.ad-placeholder:hover{background:#e9ecef;border-color:#ced4da;} .ad-header-banner{margin:1rem 0;padding:1rem 0;border-bottom:1px solid var(--border-color,#e9ecef);}.ad-leaderboard{margin:2rem 0;padding:1.5rem 0;}.ad-sidebar{margin:1rem 0;padding:1rem;background:var(--surface-secondary,#f8f9fa);border-radius:var(--border-radius);border:1px solid var(--border-color,#e9ecef);}.ad-large-rectangle{margin:3rem 0;padding:2rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:var(--border-radius);} .ad-between-sections{margin:5rem 0;padding:2.5rem 0;border-top:1px solid var(--border-color,#e9ecef);border-bottom:1px solid var(--border-color,#e9ecef);background:var(--surface-secondary,rgba(248,249,250,0.5));}.ad-sticky-sidebar,.ad-sidebar-left,.ad-sidebar-right{position:sticky;top:2rem;z-index:10;}.ad-sidebar-left .ad-container,.ad-sidebar-right .ad-container{margin:0;padding:0;}.ad-sidebar-left .ad-placeholder,.ad-sidebar-right .ad-placeholder{background:var(--surface-secondary,#f8f9fa);border:1px solid var(--border-color,#dee2e6);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:0.85rem;font-weight:500;transition:var(--transition);}.ad-sidebar-left .ad-placeholder:hover,.ad-sidebar-right .ad-placeholder:hover{background:var(--surface-tertiary,#e9ecef);border-color:var(--border-color-hover,#ced4da);} .homepage .ad-leaderboard{max-width:100%;overflow-x:auto;}.homepage .ad-leaderboard .ad-placeholder{min-width:728px;} .ad-loading{position:relative;overflow:hidden;}.ad-loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);animation:shimmer 2s infinite;}@keyframes shimmer{0%{left:-100%;}100%{left:100%;}}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--surface-secondary,#f1f1f1);border-radius:4px;}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark);} .page-header{background:var(--gradient-light);padding:4rem 0 3rem;margin-bottom:3rem;position:relative;overflow:hidden;}.page-header-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23000" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');}.page-header-content{position:relative;z-index:2;}.page-icon{font-size:3.5rem;color:var(--primary-color);}.text-gradient{color:var(--primary-color);} .section-title{font-weight:var(--font-weight-bold);color:var(--dark-color);margin-bottom:1.5rem;position:relative;}.section-title::after{content:'';position:absolute;bottom:-0.3rem;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px;} .tool-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition-slow);overflow:hidden;}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg);border-color:var(--border-color-hover);}.tool-card-header{background:var(--surface-tertiary);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);}.tool-card-title{font-weight:var(--font-weight-semibold);color:var(--dark-color);margin:0;display:flex;align-items:center;gap:0.5rem;}.tool-card-body{padding:1.5rem;} .config-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;height:100%;transition:var(--transition);}.config-card:hover{border-color:var(--border-color-hover);box-shadow:var(--box-shadow);}.config-title{font-weight:var(--font-weight-semibold);color:var(--dark-color);margin-bottom:1rem;font-size:0.95rem;} .statistics-container{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);}.stat-card{padding:1rem;border-radius:var(--border-radius-sm);background:var(--surface-tertiary);transition:var(--transition);}.stat-card:hover{transform:translateY(-2px);background:var(--surface-primary);box-shadow:var(--box-shadow);}.stat-number{font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:0.25rem;}.stat-label{color:var(--muted-color);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.05em;font-size:0.75rem;} .custom-accordion .accordion-item{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius) !important;margin-bottom:1rem;overflow:hidden;box-shadow:var(--box-shadow);}.custom-accordion .accordion-button{background:var(--surface-primary);border:none;font-weight:var(--font-weight-semibold);padding:1.25rem 1.5rem;color:var(--dark-color);}.custom-accordion .accordion-button:not(.collapsed){background:var(--primary-color);color:white;}.custom-accordion .accordion-button:focus{box-shadow:none;border:none;}.custom-accordion .accordion-body{padding:1.5rem;background:var(--surface-tertiary);color:var(--dark-color);} .seo-block{margin-bottom:2rem;}.seo-title{color:var(--dark-color);font-weight:var(--font-weight-semibold);margin-bottom:1rem;font-size:1.25rem;}.seo-text{color:var(--muted-color);line-height:1.7;font-size:1rem;} .footer{background:var(--gradient-dark) !important;color:white;}.footer-brand{display:flex;align-items:center;margin-bottom:1rem;}.footer-title{color:white;font-weight:var(--font-weight-semibold);margin-bottom:1rem;}.footer-links{list-style:none;padding:0;margin:0;}.footer-links li{margin-bottom:0.5rem;}.footer-links a{color:rgba(255,255,255,0.8);text-decoration:none;transition:var(--transition);font-weight:var(--font-weight-medium);}.footer-links a:hover{color:white;padding-left:0.5rem;}.footer-divider{border-color:rgba(255,255,255,0.2);}.text-light-muted{color:rgba(255,255,255,0.7) !important;}.social-link{color:rgba(255,255,255,0.8);text-decoration:none;font-size:1.25rem;transition:var(--transition);}.social-link:hover{color:white;transform:translateY(-2px);}.bg-dark-gradient{background:var(--gradient-dark) !important;} .text-primary-custom{color:var(--primary-color) !important;}.text-success-custom{color:var(--success-color) !important;}.text-info-custom{color:var(--info-color) !important;}.text-warning-custom{color:var(--warning-color) !important;}.text-muted-custom{color:var(--muted-color) !important;}.text-danger-custom{color:var(--danger-color) !important;}.text-secondary-custom{color:var(--secondary-color) !important;}.text-purple-custom{color:var(--purple-color) !important;}.text-dark-custom{color:var(--dark-color) !important;} .bg-primary-custom{background:var(--gradient-primary) !important;}.bg-success-custom{background:var(--gradient-success) !important;}.bg-info-custom{background:var(--gradient-info) !important;} .btn-primary-custom{background:var(--gradient-primary);color:white;border:none;font-weight:var(--font-weight-semibold);}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);filter:brightness(1.1);color:white;}.btn-success-custom{background:var(--gradient-success);color:white;border:none;font-weight:var(--font-weight-semibold);}.btn-success-custom:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);filter:brightness(1.1);color:white;}.btn-info-custom{background:var(--gradient-info);color:white;border:none;font-weight:var(--font-weight-semibold);}.btn-info-custom:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);filter:brightness(1.1);color:white;}.btn-outline-secondary-custom{border:2px solid var(--border-color);color:var(--muted-color);background:transparent;font-weight:var(--font-weight-semibold);}.btn-outline-secondary-custom:hover{background:var(--surface-tertiary);border-color:var(--border-color-hover);color:var(--dark-color);transform:translateY(-1px);}.btn-outline-primary-custom{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;font-weight:var(--font-weight-semibold);}.btn-outline-primary-custom:hover{background:var(--primary-color);color:white;transform:translateY(-1px);} .form-control-custom{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:var(--font-mono);background:var(--surface-primary);transition:var(--transition);color:var(--dark-color);}.form-control-custom:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1);outline:none;color:var(--dark-color);}.form-select-custom{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--surface-primary);font-weight:var(--font-weight-medium);transition:var(--transition);color:var(--dark-color);}.form-select-custom:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1);color:var(--dark-color);}.alert-info-custom{background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);color:var(--info-color);border-radius:var(--border-radius-sm);padding:1rem;font-weight:var(--font-weight-medium);} .navbar-brand .brand-text{color:var(--dark-color) !important;font-weight:var(--font-weight-bold);}.section-title::after{background:var(--primary-color);}.footer-brand .brand-icon{color:var(--brand-accent);}.footer-brand .brand-text{color:white !important;} .feature-title{color:var(--dark-color);font-weight:var(--font-weight-semibold);}.step-title{color:var(--dark-color);font-weight:var(--font-weight-semibold);}.benefit-title{color:var(--primary-color);font-weight:var(--font-weight-semibold);}.feature-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem 1rem;height:100%;transition:var(--transition);}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color);}.step-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem 1.5rem;height:100%;transition:var(--transition);}.step-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color);}.feature-icon{color:var(--primary-color);font-size:3rem;}.benefit-icon{color:var(--primary-color);font-size:2.5rem;}.security-icon{color:var(--success-color);font-size:2.5rem;} .qr-preview{min-height:300px;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);border-radius:var(--border-radius);padding:2rem;}.qr-placeholder{text-align:center;color:var(--muted-color);}.qr-placeholder i{opacity:0.5;}.download-buttons{margin-top:1rem;}.download-buttons .btn{margin-bottom:0.5rem;}.form-control-color{width:100%;height:40px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);}.form-control-color:hover{border-color:var(--border-color-hover);}.form-control-color:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1);}.qr-code-generator-page .tool-card{margin-bottom:2rem;}.qr-code-generator-page .config-title{font-size:0.9rem;font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em;}.qr-code-generator-page .btn-group .btn{font-size:0.85rem;padding:0.5rem 0.75rem;}.qr-code-generator-page .btn-group .btn i{font-size:0.8rem;} @media (max-width:768px){.qr-preview{min-height:200px;padding:1rem;}.qr-code-generator-page .btn-group{flex-direction:column;}.qr-code-generator-page .btn-group .btn{border-radius:var(--border-radius-sm) !important;margin-bottom:0.5rem;}.download-buttons .btn{font-size:0.9rem;}} .categories-page .hero-section{background:transparent;}.categories-page .hero-card{background:var(--gradient-dark);border-radius:var(--border-radius-lg);box-shadow:0 20px 45px rgba(79,70,229,0.25);overflow:hidden;}.categories-page .hero-card .stat-item{text-align:center;min-width:120px;}.categories-page .hero-card .stat-number{display:block;font-weight:var(--font-weight-bold);color:#ffffff;}.categories-page .hero-card .stat-label{font-size:0.85rem;letter-spacing:0.04em;text-transform:uppercase;color:rgba(255,255,255,0.75);}.categories-page .categories-grid{background:transparent;}.categories-page .category-card{background:var(--surface-primary);border:1px solid rgba(15,23,42,0.06);border-radius:16px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;}.categories-page .category-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(15,23,42,0.08);}.categories-page .category-card .card-header{background:var(--surface-secondary);border-bottom:1px solid rgba(15,23,42,0.05);padding:1.5rem;}.categories-page .category-card .category-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--category-color-rgb,99,102,241),0.12);color:var(--category-color,var(--primary-color));}.categories-page .category-card .tool-link{transition:all 0.25s ease;background:transparent;}.categories-page .category-card .tool-link:hover{background:rgba(var(--category-color-rgb,99,102,241),0.12);color:var(--category-color,var(--primary-color));transform:translateX(4px);}.categories-page .category-card .tool-link .category-bullet{color:var(--category-color,var(--primary-color));transition:transform 0.3s ease;}.categories-page .category-card .tool-link:hover .category-bullet{transform:translateX(4px);}.categories-page .btn-outline-accent{border-color:var(--category-color,var(--primary-color));color:var(--category-color,var(--primary-color));transition:all 0.3s ease;}.categories-page .btn-outline-accent:hover{background:var(--category-color,var(--primary-color));color:#ffffff;box-shadow:0 12px 25px rgba(var(--category-color-rgb,99,102,241),0.25);}.categories-page .quick-search{background:var(--surface-secondary);}.categories-page .quick-search .search-container{max-width:600px;margin:0 auto;}.categories-page .quick-search .input-group-text{background:var(--surface-primary);border:1px solid var(--border-color);border-right:0;color:var(--muted-color);font-size:1.1rem;}.categories-page .quick-search .form-control{border:1px solid var(--border-color);border-left:0;background:var(--surface-primary);color:var(--dark-color);padding-right:3rem;border-radius:0 var(--border-radius) var(--border-radius) 0;}.categories-page .quick-search .form-control::placeholder{color:var(--muted-color);}.categories-page .quick-search .form-control:focus{background:var(--surface-primary);border-color:var(--primary-color);color:var(--dark-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),0.1);}.categories-page .quick-search .search-results{background:var(--surface-primary);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,0.12);max-height:300px;overflow-y:auto;display:none;}.categories-page .quick-search .search-result-item{padding:12px 16px;border-bottom:1px solid rgba(15,23,42,0.06);cursor:pointer;transition:background 0.2s ease;}.categories-page .quick-search .search-result-item:hover{background:var(--surface-tertiary);}.categories-page .quick-search .search-result-item:last-child{border-bottom:none;}.categories-page .feature-card{border-radius:12px;background:var(--surface-secondary);border:1px solid rgba(15,23,42,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;}.categories-page .feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,0.12);}.categories-page .category-card[data-accent="primary"]{--category-color:var(--primary-color);--category-color-rgb:var(--primary-color-rgb);}.categories-page .category-card[data-accent="secondary"]{--category-color:var(--secondary-color);--category-color-rgb:var(--secondary-color-rgb);}.categories-page .category-card[data-accent="success"]{--category-color:var(--success-color);--category-color-rgb:var(--success-color-rgb);}.categories-page .category-card[data-accent="info"]{--category-color:var(--info-color);--category-color-rgb:var(--info-color-rgb);}.categories-page .category-card[data-accent="warning"]{--category-color:var(--warning-color);--category-color-rgb:var(--warning-color-rgb);}.categories-page .category-card[data-accent="danger"]{--category-color:var(--danger-color);--category-color-rgb:var(--danger-color-rgb);}.categories-page .category-card[data-accent="dark"]{--category-color:var(--dark-color);--category-color-rgb:15,23,42;}@media (max-width:768px){.categories-page .hero-stats{justify-content:center;}.categories-page .category-card{margin-bottom:1.5rem;}}@keyframes highlight{0%{transform:scale(1);box-shadow:0 10px 30px rgba(0,0,0,0.1);}50%{transform:scale(1.02);box-shadow:0 20px 50px rgba(99,102,241,0.3);}100%{transform:scale(1);box-shadow:0 10px 30px rgba(0,0,0,0.1);}} .category-page .category-hero{background:transparent;}.category-page .category-hero .hero-card{background:linear-gradient(135deg,var(--category-color) 0%,rgba(var(--category-color-rgb),0.92) 100%);border-radius:var(--border-radius-lg);margin:1.5rem auto 0;color:#ffffff;box-shadow:0 24px 50px rgba(15,23,42,0.25);}.category-page .category-hero .badge{background:rgba(255,255,255,0.95);color:var(--dark-color);}.category-page .category-hero .btn-light{background:var(--surface-primary);border-color:transparent;color:var(--dark-color);}.category-page .category-search{background:var(--surface-secondary);}.category-page .category-search .input-group-text{background:var(--surface-primary);border:1px solid var(--border-color);border-right:0;color:var(--muted-color);}.category-page .category-search .form-control{border:1px solid var(--border-color);border-left:0;background:var(--surface-primary);color:var(--dark-color);border-radius:0 var(--border-radius) var(--border-radius) 0;}.category-page .category-search .form-control::placeholder{color:var(--muted-color);}.category-page .category-search .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),0.12);}.category-page .category-tools{background:var(--surface-tertiary);}.category-page .tool-card{border-color:rgba(15,23,42,0.08);}.category-page .tool-card:hover{border-color:var(--category-color,var(--primary-color));}.category-page .tool-card .btn-primary-custom{background:var(--category-color,var(--primary-color));border-color:transparent;}.category-page .tool-card .btn-primary-custom:hover{background:rgba(var(--category-color-rgb,99,102,241),0.85);}@media (max-width:768px){.category-page .category-hero .hero-card{border-radius:var(--border-radius);margin-top:1rem;padding:2.5rem 2rem;}} .random-string-generator-page .tool-interface{margin-bottom:3rem;}.random-string-generator-page .tool-card{height:100%;margin-bottom:2rem;}.random-string-generator-page .tool-card-header{background:var(--surface-tertiary);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);}.random-string-generator-page .tool-card-header.bg-success-custom{background:var(--gradient-success) !important;}.random-string-generator-page .tool-card-title{font-weight:var(--font-weight-semibold);color:var(--dark-color);margin:0;display:flex;align-items:center;gap:0.5rem;}.random-string-generator-page .tool-card-title.text-white{color:white !important;}.random-string-generator-page .tool-card-body{padding:1.5rem;}.random-string-generator-page .form-label{font-weight:var(--font-weight-medium);color:var(--dark-color);margin-bottom:0.5rem;}.random-string-generator-page .form-control{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);padding:0.75rem;font-family:var(--font-mono);background:var(--surface-primary);transition:var(--transition);color:var(--dark-color);}.random-string-generator-page .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1);outline:none;color:var(--dark-color);}.random-string-generator-page .form-check{margin-bottom:0.75rem;}.random-string-generator-page .form-check-input{margin-top:0.25rem;}.random-string-generator-page .form-check-label{font-weight:var(--font-weight-medium);color:var(--dark-color);cursor:pointer;}.random-string-generator-page .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);}.random-string-generator-page .btn-primary-custom{background:var(--gradient-primary);color:white;border:none;font-weight:var(--font-weight-semibold);padding:0.75rem 1.5rem;border-radius:var(--border-radius-sm);transition:var(--transition);}.random-string-generator-page .btn-primary-custom:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);filter:brightness(1.1);color:white;}.random-string-generator-page .btn-success-custom{background:var(--gradient-success);color:white;border:none;font-weight:var(--font-weight-semibold);padding:0.5rem 1rem;border-radius:var(--border-radius-sm);transition:var(--transition);}.random-string-generator-page .btn-success-custom:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);filter:brightness(1.1);color:white;}.random-string-generator-page .btn-info-custom{background:var(--gradient-info);color:white;border:none;font-weight:var(--font-weight-semibold);padding:0.5rem 1rem;border-radius:var(--border-radius-sm);transition:var(--transition);}.random-string-generator-page .btn-info-custom:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);filter:brightness(1.1);color:white;}.random-string-generator-page .btn-outline-secondary-custom{border:2px solid var(--border-color);color:var(--muted-color);background:transparent;font-weight:var(--font-weight-semibold);padding:0.5rem 1rem;border-radius:var(--border-radius-sm);transition:var(--transition);}.random-string-generator-page .btn-outline-secondary-custom:hover{background:var(--surface-tertiary);border-color:var(--border-color-hover);color:var(--dark-color);transform:translateY(-1px);}.random-string-generator-page .form-control-custom{border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:var(--font-mono);background:var(--surface-primary);transition:var(--transition);color:var(--dark-color);padding:0.75rem;resize:vertical;}.random-string-generator-page .form-control-custom:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1);outline:none;color:var(--dark-color);}.random-string-generator-page .statistics-section{margin-bottom:3rem;}.random-string-generator-page .statistics-container{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);}.random-string-generator-page .stat-card{padding:1rem;border-radius:var(--border-radius-sm);background:var(--surface-tertiary);transition:var(--transition);text-align:center;}.random-string-generator-page .stat-card:hover{transform:translateY(-2px);background:var(--surface-primary);box-shadow:var(--box-shadow);}.random-string-generator-page .stat-number{font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:0.25rem;}.random-string-generator-page .stat-label{color:var(--muted-color);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.05em;font-size:0.75rem;}.random-string-generator-page .benefits-section{margin-bottom:3rem;}.random-string-generator-page .feature-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem 1rem;height:100%;transition:var(--transition);text-align:center;}.random-string-generator-page .feature-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color);}.random-string-generator-page .feature-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem;}.random-string-generator-page .feature-title{color:var(--dark-color);font-weight:var(--font-weight-semibold);margin-bottom:0.75rem;}.random-string-generator-page .feature-description{color:var(--muted-color);font-size:0.9rem;line-height:1.4;}.random-string-generator-page .usage-examples-section{margin-bottom:3rem;}.random-string-generator-page .example-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);height:100%;}.random-string-generator-page .example-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);}.random-string-generator-page .example-card .card-header{background:var(--primary-color);color:white;border-bottom:none;padding:1rem 1.25rem;}.random-string-generator-page .example-card .card-body{padding:1.25rem;}.random-string-generator-page .example-card .card-footer{background:var(--surface-tertiary);border-top:1px solid var(--border-color);padding:1rem 1.25rem;}.random-string-generator-page .example-preview{background:var(--surface-tertiary);border-radius:var(--border-radius-sm);padding:0.75rem;border:1px solid var(--border-color);}.random-string-generator-page .example-preview code{font-family:var(--font-mono);font-size:0.85rem;color:var(--muted-color);}.random-string-generator-page .btn-outline-primary{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;font-weight:var(--font-weight-semibold);padding:0.5rem 1rem;border-radius:var(--border-radius-sm);transition:var(--transition);}.random-string-generator-page .btn-outline-primary:hover{background:var(--primary-color);color:white;transform:translateY(-1px);} @media (max-width:768px){.random-string-generator-page .tool-card-body{padding:1rem;}.random-string-generator-page .statistics-container{padding:1.5rem;}.random-string-generator-page .feature-card{padding:1rem;}.random-string-generator-page .feature-icon{font-size:2.5rem;}.random-string-generator-page .stat-number{font-size:1.75rem;}}@media (max-width:576px){.random-string-generator-page .tool-card-header{padding:1rem;}.random-string-generator-page .tool-card-body{padding:0.75rem;}.random-string-generator-page .statistics-container{padding:1rem;}.random-string-generator-page .feature-icon{font-size:2rem;}.random-string-generator-page .stat-number{font-size:1.5rem;}}