@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap";:root{--primary-dark: #1a237e;--primary-light: #3949ab;--secondary-color: #ff6f00;--success-color: #2e7d32;--warning-color: #f57c00;--danger-color: #c62828;--info-color: #1565c0;--accent-color: #6a1b9a;--bg-white: #ffffff;--bg-light-gray: #f5f5f5;--bg-light-blue: #ecf0f1;--bg-dark: #212121;--text-primary: #212121;--text-secondary: #666666;--text-light: #999999;--text-white: #ffffff;--border-color: #e0e0e0;--border-light: #f0f0f0;--shadow-light: 0 2px 8px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .12);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-base);line-height:1.6;color:#212121;color:var(--text-primary);background-color:#f5f5f5;background-color:var(--bg-light-gray)}.rf-hero{width:100%;background:#f5f7fb;padding:48px 16px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.rf-hero__inner{max-width:920px;margin:0 auto}.rf-badge{display:block;text-align:center;margin:0 auto 24px;max-width:640px;background:#dbe6fb;color:#2450d6;font-size:12px;font-weight:700;letter-spacing:.3px;padding:8px 18px;border-radius:999px}.rf-badge__icon{margin-right:4px}.rf-title{text-align:center;font-size:40px;line-height:1.2;font-weight:800;color:#0f172a;margin:0 0 20px}.rf-subtitle{text-align:center;max-width:760px;margin:0 auto 28px;background:#eef2fa;padding:20px 28px;border-radius:14px;color:#334155;font-size:15px;line-height:1.7}.rf-upload-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,#3557e8,#1c2b6b);border-radius:20px;padding:20px 24px;flex-wrap:wrap}.rf-upload-bar__left{display:flex;align-items:center;gap:14px;flex:1 1 380px}.rf-upload-bar__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.rf-upload-bar__text{display:flex;flex-direction:column;gap:4px}.rf-upload-bar__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rf-upload-bar__title{color:#fff;font-weight:700;font-size:15px}.rf-upload-bar__badge{background:#16c784;color:#062e1e;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.rf-upload-bar__desc{color:#cdd6f0;font-size:13px;line-height:1.5}.rf-upload-btn{background:#fff;color:#1d2c6b;border:none;border-radius:999px;padding:14px 24px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.rf-upload-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.rf-upload-btn__icon{font-size:16px}.template-image-wrapper{position:relative}.template-free-badge{position:absolute;top:0;left:-2px;z-index:20;background:#16a34a;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:6px 9px;border-radius:5px;letter-spacing:.5px;box-shadow:0 2px 6px #0000002e}@media(max-width:640px){.rf-title{font-size:28px}.rf-upload-bar{flex-direction:column;align-items:stretch}.rf-upload-btn{justify-content:center}}.combined-templates-wrapper{width:100%;padding:24px;padding:var(--spacing-xl);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;transition:background .3s ease-in-out;transition:background var(--transition-base)}@media(max-width:768px){.combined-templates-wrapper{padding:16px;padding:var(--spacing-lg)}}@media(max-width:480px){.combined-templates-wrapper{padding:12px;padding:var(--spacing-md)}}.top-section,.bottom-section{margin-bottom:32px;margin-bottom:var(--spacing-2xl);animation:slideInDown .5s ease-out}.bottom-section{margin-top:32px;margin-top:var(--spacing-2xl);animation:slideInUp .5s ease-out}.top-button-section,.bottom-button-section{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-xl);margin-bottom:24px;margin-bottom:var(--spacing-xl)}.top-button-container,.bottom-button-container{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg)}.button-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;grid-gap:var(--spacing-lg);gap:16px;gap:var(--spacing-lg);padding:16px;padding:var(--spacing-lg);background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);transition:box-shadow .3s ease-in-out;transition:box-shadow var(--transition-base)}.button-wrapper:hover{box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-medium)}.button-group{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md);animation:fadeInUp .4s ease-out}.button-group h4{font-size:16px;font-size:var(--font-size-md);font-weight:600;letter-spacing:.5px;margin:0}@media(max-width:768px){.button-wrapper{grid-template-columns:1fr;gap:12px;gap:var(--spacing-md);padding:12px;padding:var(--spacing-md)}}.category-btn{padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:8px;border-radius:var(--radius-md);font-size:13px;font-size:var(--font-size-sm);font-weight:600;color:#fff;color:var(--text-white);cursor:pointer;transition:all .3s ease-in-out;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .3s ease-in-out,height .3s ease-in-out;transition:width var(--transition-base),height var(--transition-base)}.category-btn:hover:before{width:300px;height:300px}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-medium)}.category-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light)}.category-btn.active{box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-heavy);transform:scale(1.05)}@media(max-width:480px){.category-btn{padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);font-size:12px;font-size:var(--font-size-xs)}}.template-category-section{width:100%;box-sizing:border-box;background:#c6e5fa;padding:46px 30px 56px;text-align:center;font-family:Arial,Helvetica,sans-serif}.template-category-section h2{margin:0;color:#071d3a;font-size:40px;line-height:1.15;font-weight:800}.template-category-section h3{margin:4px 0 32px;color:#071d3a;font-size:40px;line-height:1.15;font-weight:800}.category-list{max-width:930px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 8px}.category-item{min-height:48px;padding:0 16px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;border-radius:28px;color:#7284a3;font-size:16px;font-weight:500;white-space:nowrap;transition:all .2s ease}.category-item span{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#7c8dab;font-size:21px;font-weight:500}.category-item:hover{transform:translateY(-2px);box-shadow:0 5px 12px #2850781f;cursor:pointer}@media(max-width:768px){.template-category-section{padding:35px 15px 40px}.template-category-section h2,.template-category-section h3{font-size:28px}.template-category-section h3{margin-bottom:25px}.category-list{gap:8px}.category-item{min-height:44px;padding:0 13px;font-size:14px}}@media(max-width:480px){.template-category-section h2,.template-category-section h3{font-size:24px}.category-item{min-height:42px;padding:0 12px;font-size:13px}}.explore-heading{color:#fff;color:var(--text-white);padding:32px;padding:var(--spacing-2xl);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--spacing-xl);text-align:center;box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-medium);animation:slideInRight .5s ease-out}.explore-heading h2{font-weight:700;line-height:1.5;margin:0;font-size:50px}@media(max-width:768px){.explore-heading{padding:24px;padding:var(--spacing-xl)}.explore-heading h2{font-size:18px;font-size:var(--font-size-lg)}}.templates-section{animation:fadeIn .4s ease-out}.all-templates-container{animation:slideInUp .5s ease-out}.all-templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:16px;padding:var(--spacing-lg);background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light)}.all-templates-title{font-size:24px;font-size:var(--font-size-2xl);font-weight:700;color:#212121;color:var(--text-primary);margin:0}.all-templates-count{font-size:16px;font-size:var(--font-size-md);font-weight:600;color:#666;color:var(--text-secondary);background:#f5f5f5;background:var(--bg-light-gray);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:8px;border-radius:var(--radius-md)}@media(max-width:768px){.all-templates-header{flex-direction:column;gap:12px;gap:var(--spacing-md)}.all-templates-title{font-size:20px;font-size:var(--font-size-xl)}}.all-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;grid-gap:var(--spacing-lg);gap:16px;gap:var(--spacing-lg);animation:fadeIn .5s ease-out}@media(max-width:1200px){.all-templates-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.all-templates-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;gap:var(--spacing-md)}}@media(max-width:480px){.all-templates-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;gap:var(--spacing-sm)}}.template-card{position:relative;border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;background:#fff;background:var(--bg-white);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);cursor:pointer;transition:all .3s ease-in-out;transition:all var(--transition-base);height:100%;display:flex;flex-direction:column;animation:cardSlideIn .4s ease-out}.template-card:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-8px)}.template-card:active{transform:translateY(-4px)}.template-image-wrapper{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}.template-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out;transition:transform var(--transition-base)}.template-card:hover .template-image{transform:scale(1.08)}.template-no-image{font-size:20px;font-size:var(--font-size-xl);color:#999;color:var(--text-light);text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.template-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:overlayFadeIn .3s ease-out;z-index:10}.template-overlay-btn{padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);background:#4caf50;color:#fff;color:var(--text-white);border:none;border-radius:8px;border-radius:var(--radius-md);font-size:13px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease-in-out;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-medium);text-transform:uppercase;letter-spacing:.5px}.template-overlay-btn:hover{background:#45a049;transform:scale(1.08);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-heavy)}.template-overlay-btn:active{transform:scale(.95)}.template-card-footer{padding:12px;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:12px;gap:var(--spacing-md);flex-wrap:wrap}.template-card-title{font-size:13px;font-size:var(--font-size-sm);font-weight:600;color:#212121;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-badge{display:inline-block;padding:4px 12px;padding:var(--spacing-xs) var(--spacing-md);border-radius:4px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-xs);font-weight:700;color:#fff;color:var(--text-white);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);transition:all .3s ease-in-out;transition:all var(--transition-base)}.template-card:hover .template-card-badge{transform:scale(1.1);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-medium)}.template-card-meta{padding:0 12px 12px;padding:0 var(--spacing-md) var(--spacing-md);display:flex;justify-content:space-between;font-size:12px;font-size:var(--font-size-xs);color:#999;color:var(--text-light);border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light)}.template-card-meta span{font-weight:500}.category-container{animation:slideInUp .5s ease-out}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:16px;padding:var(--spacing-lg);background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);border-left:4px solid #1a237e;border-left:4px solid var(--primary-dark)}.category-title{font-size:20px;font-size:var(--font-size-xl);font-weight:700;color:#212121;color:var(--text-primary);margin:0}.category-count{background:#3949ab;background:var(--primary-light);color:#fff;color:var(--text-white);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:8px;border-radius:var(--radius-md);font-weight:600;font-size:13px;font-size:var(--font-size-sm)}@media(max-width:768px){.category-header{flex-direction:column;gap:12px;gap:var(--spacing-md);align-items:flex-start}.category-title{font-size:18px;font-size:var(--font-size-lg)}}.category-content{animation:fadeIn .4s ease-out}.category-loading{padding:32px;padding:var(--spacing-2xl);text-align:center;color:#666;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;gap:12px;gap:var(--spacing-md)}.category-loading:before{content:"";display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border:3px solid var(--border-color);border-top-color:#3949ab;border-top-color:var(--primary-light);border-radius:50%;animation:spin .8s linear infinite}.category-no-data{padding:32px;padding:var(--spacing-2xl);text-align:center;background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);color:#666;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:32px;padding:var(--spacing-2xl);background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light)}.loading-container p,.error-container p{font-size:16px;font-size:var(--font-size-md);color:#666;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-lg)}.error-message{color:#c62828;color:var(--danger-color);font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:12px;gap:var(--spacing-md);padding:32px;padding:var(--spacing-2xl);color:#666;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-md)}.loading-spinner:after{content:"";display:inline-block;width:24px;height:24px;border:3px solid #e0e0e0;border:3px solid var(--border-color);border-top-color:#3949ab;border-top-color:var(--primary-light);border-radius:50%;animation:spin 1s linear infinite}.template-no-data{padding:32px;padding:var(--spacing-2xl);text-align:center;background:linear-gradient(135deg,#fff5e1,#ffe0b2);border-radius:12px;border-radius:var(--radius-lg);color:#666;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-md);border:2px dashed #e0e0e0;border:2px dashed var(--border-color)}.template-no-data p{margin:0}.retry-btn{padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);background:#3949ab;background:var(--primary-light);color:#fff;color:var(--text-white);border:none;border-radius:8px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s ease-in-out;transition:all var(--transition-base);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);text-transform:uppercase;letter-spacing:.5px}.retry-btn:hover{background:#1a237e;background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-medium)}.retry-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-light-gray)}::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:8px;border-radius:var(--radius-md);-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-light)}button:focus,input:focus{outline:2px solid #3949ab;outline:2px solid var(--primary-light);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}@media print{.combined-templates-wrapper{background:none;padding:0}.top-button-section,.bottom-button-section,.explore-heading{display:none}.template-card{box-shadow:none;border:1px solid #e0e0e0;border:1px solid var(--border-color)}}@media(prefers-color-scheme:dark){:root{--bg-white: #1e1e1e;--bg-light-gray: #121212;--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-light: #808080;--border-color: #333333;--border-light: #2a2a2a;--shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .5)}.combined-templates-wrapper{background:linear-gradient(135deg,#1a1a2e,#16213e)}.explore-heading{background:linear-gradient(135deg,#1a1a2e,#2d3561)}}@media(prefers-contrast:more){.category-btn{border:2px solid currentColor}.template-card{border:2px solid #e0e0e0;border:2px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1440px){.all-templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:1024px){.combined-templates-wrapper{padding:16px;padding:var(--spacing-lg)}.button-wrapper{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.button-wrapper{grid-template-columns:1fr}.all-templates-header{padding:12px;padding:var(--spacing-md)}.all-templates-title{font-size:18px;font-size:var(--font-size-lg)}.category-header{padding:12px;padding:var(--spacing-md)}}.template-card,.category-btn{will-change:transform,box-shadow}.template-image{contain:layout style paint}.text-center{text-align:center}.text-muted{color:#999;color:var(--text-light)}.mt-lg{margin-top:16px;margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.gap-md{gap:12px;gap:var(--spacing-md)}.cursor-pointer{cursor:pointer}:root{--primary: #4f46e5;--primary-light: #818cf8;--primary-dark: #3730a3;--primary-bg: #eef2ff;--primary-gradient: linear-gradient(135deg, #4f46e5, #7c3aed);--success: #10b981;--success-bg: #d1fae5;--success-text: #065f46;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-bg: #fee2e2;--danger-text: #991b1b;--info: #3b82f6;--info-bg: #eff6ff;--info-text: #1e40af;--bg-body: #f8fafc;--bg-white: #ffffff;--bg-card: #ffffff;--bg-light: #f1f5f9;--bg-muted: #e2e8f0;--text-dark: #0f172a;--text-body: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--border-light: #e2e8f0;--border-muted: #cbd5e1;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 4px 12px rgba(0,0,0,.05);--shadow-md: 0 8px 30px rgba(0,0,0,.08);--shadow-lg: 0 20px 60px rgba(0,0,0,.1);--shadow-xl: 0 30px 80px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--container-max: 1200px;--container-padding: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);background:#f8fafc;background:var(--bg-body);color:#1e293b;color:var(--text-body);line-height:1.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-light);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#818cf8;background:var(--primary-light);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary)}::-moz-selection{background:#4f46e5;background:var(--primary);color:#fff}::selection{background:#4f46e5;background:var(--primary);color:#fff}.ats-checker{max-width:1200px;max-width:var(--container-max);margin:0 auto;padding:20px;padding:var(--container-padding);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.ats-checker-uploader{margin-bottom:32px;margin-bottom:var(--spacing-8)}.ats-checker-compare{background:#fff;background:var(--bg-white);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-8);border:1px solid rgba(226,232,240,.6);backdrop-filter:blur(2px);transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base)}.ats-checker-compare:hover{box-shadow:0 20px 60px #0000001a;box-shadow:var(--shadow-lg)}.ats-checker-result{margin-top:32px;margin-top:var(--spacing-8);animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ats-guide-section{margin-top:48px;margin-top:var(--spacing-12);background:#fff;background:var(--bg-white);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);padding:40px 48px;padding:var(--spacing-10) var(--spacing-12);border:1px solid rgba(226,232,240,.5);transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base);position:relative;overflow:hidden}.ats-guide-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--primary-gradient);background-size:200% 100%;animation:gradientMove 4s ease-in-out infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ats-guide-section:hover{box-shadow:0 20px 60px #0000001a;box-shadow:var(--shadow-lg)}.ats-guide-section h2{font-size:34px;font-weight:800;color:#0f172a;color:var(--text-dark);margin-bottom:16px;margin-bottom:var(--spacing-4);letter-spacing:-.025em;line-height:1.2;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ats-guide-section h2:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);margin-top:8px;margin-top:var(--spacing-2);-webkit-text-fill-color:initial}.ats-guide-section h3{font-size:24px;font-weight:700;color:#0f172a;color:var(--text-dark);margin:32px 0 12px;margin:var(--spacing-8) 0 var(--spacing-3);padding-bottom:8px;padding-bottom:var(--spacing-2);border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--bg-light);letter-spacing:-.02em;display:flex;align-items:center;gap:8px;gap:var(--spacing-2)}.ats-guide-section h3 .badge{font-size:14px;font-weight:600;background:#eef2ff;background:var(--primary-bg);color:#4f46e5;color:var(--primary);padding:2px 12px;border-radius:9999px;border-radius:var(--radius-full);-webkit-text-fill-color:initial}.ats-guide-section h4{font-size:19px;font-weight:600;color:#0f172a;color:var(--text-dark);margin:20px 0 8px;margin:var(--spacing-5) 0 var(--spacing-2);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;gap:var(--spacing-2)}.ats-guide-section p{font-size:16px;color:#1e293b;color:var(--text-body);margin-bottom:16px;margin-bottom:var(--spacing-4);line-height:1.8;max-width:75ch}.ats-guide-section p:last-child{margin-bottom:0}.ats-guide-section ul,.ats-guide-section ol{padding-left:24px;padding-left:var(--spacing-6);margin-bottom:20px;margin-bottom:var(--spacing-5)}.ats-guide-section li{font-size:15.5px;color:#1e293b;color:var(--text-body);margin-bottom:8px;margin-bottom:var(--spacing-2);line-height:1.7;position:relative}.ats-guide-section li::marker{color:#4f46e5;color:var(--primary)}.ats-guide-section li strong{color:#0f172a;color:var(--text-dark);font-weight:600}.ats-guide-section li code{background:#f1f5f9;background:var(--bg-light);padding:2px 10px;border-radius:8px;border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:13.5px;color:#3730a3;color:var(--primary-dark);border:1px solid #e2e8f0;border:1px solid var(--border-light)}.ats-guide-section .highlight-box{background:#eef2ff;background:var(--primary-bg);border:1px solid rgba(79,70,229,.2);border-left:6px solid #4f46e5;border-left:6px solid var(--primary);padding:20px 24px;padding:var(--spacing-5) var(--spacing-6);border-radius:12px;border-radius:var(--radius-md);margin:20px 0;margin:var(--spacing-5) 0;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.ats-guide-section .highlight-box:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(79,70,229,.03),transparent 60%);pointer-events:none}.ats-guide-section .highlight-box:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-sm)}.ats-guide-section .highlight-box p{margin:0;font-weight:500;color:#0f172a;color:var(--text-dark)}.ats-guide-section .highlight-box p strong{color:#4f46e5;color:var(--primary)}.ats-guide-section .table-wrap{overflow-x:auto;margin:20px 0;margin:var(--spacing-5) 0;border-radius:12px;border-radius:var(--radius-md);border:1px solid #e2e8f0;border:1px solid var(--border-light);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs)}.ats-guide-section table{width:100%;border-collapse:collapse;font-size:15px;min-width:400px}.ats-guide-section table thead{background:#f1f5f9;background:var(--bg-light)}.ats-guide-section table th{font-weight:600;color:#0f172a;color:var(--text-dark);padding:14px 18px;text-align:left;border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--border-muted);font-size:14px;letter-spacing:.02em;text-transform:uppercase}.ats-guide-section table td{padding:13px 18px;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);vertical-align:top;color:#1e293b;color:var(--text-body)}.ats-guide-section table tr:last-child td{border-bottom:none}.ats-guide-section table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.ats-guide-section table tbody tr:hover{background:#f1f5f9;background:var(--bg-light)}.ats-guide-section table td:first-child{font-weight:500;color:#991b1b;color:var(--danger-text)}.ats-guide-section table td:last-child{color:#065f46;color:var(--success-text)}.ats-guide-section .checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 24px;grid-gap:var(--spacing-3) var(--spacing-6);gap:12px 24px;gap:var(--spacing-3) var(--spacing-6);background:#f1f5f9;background:var(--bg-light);padding:24px 32px;padding:var(--spacing-6) var(--spacing-8);border-radius:16px;border-radius:var(--radius-lg);margin:20px 0;margin:var(--spacing-5) 0;border:1px solid #e2e8f0;border:1px solid var(--border-light)}.ats-guide-section .checklist li{padding-left:32px;position:relative;margin-bottom:0;font-size:15px;color:#1e293b;color:var(--text-body)}.ats-guide-section .checklist li:before{content:"✓";position:absolute;left:0;top:0;color:#10b981;color:var(--success);font-weight:700;font-size:18px;background:#d1fae5;background:var(--success-bg);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.ats-guide-section code{background:#f1f5f9;background:var(--bg-light);padding:2px 10px;border-radius:8px;border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:14px;color:#3730a3;color:var(--primary-dark);border:1px solid #e2e8f0;border:1px solid var(--border-light);white-space:nowrap}.ats-guide-section strong{color:#0f172a;color:var(--text-dark);font-weight:600}.ats-guide-section .mt-4{margin-top:16px;margin-top:var(--spacing-4)}.ats-guide-section .mt-6{margin-top:24px;margin-top:var(--spacing-6)}@media(max-width:1024px){.ats-guide-section{padding:32px;padding:var(--spacing-8) var(--spacing-8)}}@media(max-width:768px){.ats-checker{padding:0 12px}.ats-checker-compare{padding:20px;padding:var(--spacing-5)}.ats-guide-section{padding:24px 20px;padding:var(--spacing-6) var(--spacing-5);border-radius:16px;border-radius:var(--radius-lg);margin-top:32px;margin-top:var(--spacing-8)}.ats-guide-section h2{font-size:26px}.ats-guide-section h3{font-size:20px;margin-top:24px;margin-top:var(--spacing-6)}.ats-guide-section h4{font-size:17px}.ats-guide-section p{font-size:15px}.ats-guide-section li{font-size:14.5px}.ats-guide-section .checklist{grid-template-columns:1fr;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5);gap:8px;gap:var(--spacing-2)}.ats-guide-section .checklist li{font-size:14px}.ats-guide-section .highlight-box{padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.ats-guide-section table{font-size:14px;min-width:300px}.ats-guide-section table th,.ats-guide-section table td{padding:10px 14px}}@media(max-width:480px){.ats-checker-compare{padding:16px;padding:var(--spacing-4);border-radius:16px;border-radius:var(--radius-lg)}.ats-guide-section{padding:16px;padding:var(--spacing-4) var(--spacing-4);border-radius:12px;border-radius:var(--radius-md)}.ats-guide-section h2{font-size:22px}.ats-guide-section h3{font-size:18px}.ats-guide-section h4{font-size:16px}.ats-guide-section p{font-size:14.5px}.ats-guide-section li{font-size:14px}.ats-guide-section .highlight-box{padding:12px 16px;padding:var(--spacing-3) var(--spacing-4);border-left-width:4px}.ats-guide-section .highlight-box p{font-size:14px}.ats-guide-section .checklist{padding:12px 16px;padding:var(--spacing-3) var(--spacing-4)}.ats-guide-section .checklist li{font-size:13.5px;padding-left:28px}.ats-guide-section .checklist li:before{width:18px;height:18px;font-size:14px}.ats-guide-section table th,.ats-guide-section table td{padding:8px 12px;font-size:13px}.ats-guide-section table{min-width:250px}.ats-guide-section code{font-size:12.5px;padding:1px 8px}}@media print{.ats-checker-uploader,.ats-checker-compare,.ats-checker-result{display:none}.ats-guide-section{box-shadow:none;border:1px solid #ddd;padding:20px;margin-top:0}.ats-guide-section:before{display:none}.ats-guide-section h2{-webkit-text-fill-color:#0f172a;-webkit-text-fill-color:var(--text-dark);background:none}.ats-guide-section h2:after{background:#0f172a;background:var(--text-dark)}}@media(prefers-color-scheme:dark){:root{--bg-body: #0f172a;--bg-white: #1e293b;--bg-light: #334155;--bg-muted: #475569;--text-dark: #f1f5f9;--text-body: #e2e8f0;--text-muted: #94a3b8;--border-light: #334155;--border-muted: #475569;--shadow-md: 0 8px 30px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5);--primary-bg: #1e1b4b}.ats-checker-compare,.ats-guide-section{border-color:#e2e8f0;border-color:var(--border-light)}.ats-guide-section code{background:#f1f5f9;background:var(--bg-light);color:#818cf8;color:var(--primary-light);border-color:#e2e8f0;border-color:var(--border-light)}.ats-guide-section .checklist{background:#f1f5f9;background:var(--bg-light);border-color:#e2e8f0;border-color:var(--border-light)}.ats-guide-section table thead{background:#f1f5f9;background:var(--bg-light)}.ats-guide-section table td{border-color:#e2e8f0;border-color:var(--border-light)}.ats-guide-section .highlight-box{background:#1e1b4b;border-color:#4f46e54d}.ats-guide-section .highlight-box p{color:#1e293b;color:var(--text-body)}.ats-guide-section table tbody tr:hover{background:#f1f5f9;background:var(--bg-light)}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#3730a3;background:var(--primary-dark)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ats-guide-section a[href^="#"]{scroll-margin-top:80px}@media print{.ats-guide-section .checklist li:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ats-guide-section a:focus-visible,.ats-guide-section button:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ats-checker-result{animation:none}.ats-guide-section:before{animation:none}.ats-guide-section .highlight-box,.ats-checker-compare,.ats-guide-section{transition:none}.ats-guide-section .highlight-box:hover{transform:none}}