* { margin: 0; padding: 0; box-sizing: border-box; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes glow { 0%, 100% { box-shadow: 0 0 20px rgba(252, 108, 63, 0.3); } 50% { box-shadow: 0 0 30px rgba(252, 108, 63, 0.5); } } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } .noscript-container { min-height: 100vh; background: linear-gradient(135deg, #0A3A40 0%, #1A5F5F 25%, #0A3A40 50%, #1A5F5F 75%, #0A3A40 100%); background-size: 400% 400%; display: flex; align-items: center; justify-content: center; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; padding: 20px; position: relative; overflow: hidden; } .noscript-container::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(245, 230, 211, 0.1) 0%, transparent 70%); animation: float 20s ease-in-out infinite; } .noscript-card { background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 230, 211, 0.95) 100%); border-radius: 32px; padding: 56px; max-width: 650px; box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(252, 108, 63, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.8); text-align: center; position: relative; backdrop-filter: blur(20px); border: 2px solid rgba(245, 230, 211, 0.3); } .noscript-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 32px; padding: 2px; background: linear-gradient(135deg, rgba(252, 108, 63, 0.3), rgba(255, 143, 107, 0.3), rgba(245, 230, 211, 0.3)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .noscript-icon-wrapper { position: relative; margin: 0 auto 32px; width: 100px; height: 100px; } .noscript-icon { width: 100px; height: 100px; background: linear-gradient(135deg, #FC6C3F 0%, #FF8F6B 50%, #FC6C3F 100%); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 56px; animation: glow 3s ease-in-out infinite; box-shadow: 0 10px 25px rgba(252, 108, 63, 0.3), inset 0 -2px 10px rgba(0, 0, 0, 0.1), inset 0 2px 10px rgba(255, 255, 255, 0.3); } .noscript-icon::after { content: '⚡'; animation: float 3s ease-in-out infinite; } .noscript-title { background: linear-gradient(135deg, #0A3A40 0%, #1A5F5F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 38px; font-weight: 900; margin-bottom: 20px; font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: -0.5px; } .noscript-message { color: #555; font-size: 19px; line-height: 1.7; margin-bottom: 36px; } .noscript-highlight { background: linear-gradient(135deg, rgba(252, 108, 63, 0.08) 0%, rgba(255, 143, 107, 0.08) 100%); border-left: 5px solid #FC6C3F; border-radius: 16px; padding: 24px; margin: 28px 0; text-align: left; box-shadow: 0 4px 12px rgba(252, 108, 63, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5); } .noscript-highlight strong { background: linear-gradient(135deg, #FC6C3F 0%, #FF8F6B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: block; margin-bottom: 14px; font-size: 17px; font-weight: 700; } .noscript-instructions { text-align: left; background: linear-gradient(135deg, rgba(10, 58, 64, 0.03) 0%, rgba(26, 95, 95, 0.03) 100%); padding: 28px; border-radius: 16px; margin-top: 28px; border: 1px solid rgba(10, 58, 64, 0.1); box-shadow: inset 0 1px 2px rgba(10, 58, 64, 0.05); } .noscript-instructions h3 { background: linear-gradient(135deg, #0A3A40 0%, #1A5F5F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 20px; margin-bottom: 20px; font-weight: 800; } .noscript-browser { margin-bottom: 24px; padding: 16px; background: rgba(255, 255, 255, 0.6); border-radius: 12px; border-left: 4px solid #FC6C3F; transition: all 0.3s ease; } .noscript-browser h4 { background: linear-gradient(135deg, #FC6C3F 0%, #FF8F6B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 15px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; } .noscript-steps { list-style: none; padding: 0; } .noscript-steps li { color: #444; font-size: 14px; line-height: 1.8; margin-bottom: 8px; padding-left: 28px; position: relative; } .noscript-steps li:before { content: '→'; color: #FC6C3F; position: absolute; left: 0; font-weight: bold; font-size: 16px; } .noscript-footer { margin-top: 36px; padding-top: 28px; border-top: 2px solid rgba(252, 108, 63, 0.15); background: linear-gradient(to right, rgba(252, 108, 63, 0.03), rgba(255, 143, 107, 0.03), rgba(252, 108, 63, 0.03)); border-radius: 12px; padding: 20px; color: #666; font-size: 15px; } .noscript-footer strong { background: linear-gradient(135deg, #FC6C3F 0%, #FF8F6B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 700; } .noscript-logo { font-weight: 900; background: linear-gradient(135deg, #FC6C3F 0%, #FF8F6B 50%, #FC6C3F 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer 3s linear infinite; } @media (max-width: 640px) { .noscript-card { padding: 32px 24px; } .noscript-title { font-size: 28px; } .noscript-message { font-size: 16px; } }

JavaScript Required

Smart ATS is a modern web application that requires JavaScript to function properly.

✨ Why do we need JavaScript?

Our AI-powered CV analysis platform uses cutting-edge technology to provide you with real-time insights, interactive dashboards, and seamless file uploads. All of these features require JavaScript to be enabled.

📋 How to Enable JavaScript

Chrome / Edge

Click the three dots menu (⋮) in the top right
Go to Settings → Privacy and Security
Click Site Settings → JavaScript
Select "Sites can use Javascript"

Firefox

Type "about:config" in the address bar
Search for "javascript.enabled"
Set it to "true"

Safari

Go to Safari → Preferences
Click Security tab
Check "Enable JavaScript"