@charset "UTF-8";html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{box-sizing:border-box;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fafafa;color:#111827}*,*:before,*:after{box-sizing:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(16,185,129,.1);transition:all .3s ease-in-out}@media (max-width: 767px){.navbar{background:#fff;box-shadow:0 1px 3px #0000000d}}.navbar .navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.navbar .navbar-container{padding:0 1.5rem}}.navbar .navbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}@media (min-width: 768px){.navbar .navbar-inner{height:70px}}.navbar .navbar-left .navbar-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;color:#111;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.25rem}@media (min-width: 768px){.navbar .navbar-left .navbar-logo{font-size:1.5rem}}.navbar .navbar-left .navbar-logo .logo-icon{width:20px;height:20px;color:#10b943}@media (min-width: 768px){.navbar .navbar-left .navbar-logo .logo-icon{width:24px;height:24px}}.navbar .navbar-left .navbar-logo span{background:linear-gradient(135deg,#10b943,#1ca527);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.navbar .navbar-left .navbar-logo:hover{transform:translateY(-1px)}.navbar .navbar-left .navbar-logo:hover .logo-icon{transform:rotate(5deg)}.navbar .navbar-links{display:none}@media (min-width: 768px){.navbar .navbar-links{display:flex;gap:1.5rem}}@media (min-width: 1024px){.navbar .navbar-links{gap:2rem}}.navbar .navbar-links a{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;text-decoration:none;color:#0c0c0c;border-radius:.75rem;transition:all .3s ease-in-out}.navbar .navbar-links a .link-icon{width:16px;height:16px;opacity:.7;transition:all .3s ease-in-out}.navbar .navbar-links a:hover{color:#10b943;background:#10b9810d}.navbar .navbar-links a:hover .link-icon{opacity:1;transform:scale(1.1)}.navbar .navbar-links a.active{color:#10b943;background:#10b9811a}.navbar .navbar-actions .get-started-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.8rem;padding:.5rem .75rem;border-radius:.5rem;transition:all .3s ease-in-out;box-shadow:none;border:1px solid rgba(65,168,44,.25);background:linear-gradient(135deg,#10b943);color:#fff;background-clip:border-box;-webkit-background-clip:border-box}@media (min-width: 768px){.navbar .navbar-actions .get-started-btn{font-size:.85rem;padding:.5rem 1rem}}.navbar .navbar-actions .get-started-btn:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000000d;background:#007bff}.navbar .navbar-actions .get-started-btn:active{transform:scale(.98)}.navbar .navbar-actions .get-started-btn:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.navbar .navbar-actions .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b943,#1ca527);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out;font-weight:600;font-size:.875rem}@media (min-width: 768px){.navbar .navbar-actions .user-avatar{width:40px;height:40px;font-size:.95rem}}.navbar .navbar-actions .user-avatar .link-icon{width:20px;height:20px}@media (min-width: 768px){.navbar .navbar-actions .user-avatar .link-icon{width:22px;height:22px}}.navbar .navbar-actions .user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 14px #10b98126}.navbar .navbar-actions .user-avatar:active{transform:scale(.98)}.navbar.scrolled{background:#fffffffa;border-bottom-color:#10b98126;box-shadow:0 1px 3px #0000000d}.hero{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#fafafa,#f3f4f6);padding:3rem 0 4rem;position:relative;overflow:hidden;padding-top:calc(60px + 2rem)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.02) 0%,transparent 50%);pointer-events:none}.hero .hero-container{max-width:1280px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.hero .hero-grid{display:flex;flex-direction:column;gap:3rem;align-items:center;min-height:calc(100vh - 120px);justify-content:center}.hero .hero-grid .hero-content{order:1;text-align:center}.hero .hero-grid .hero-visual{order:2}.hero .hero-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px}.hero .hero-content .hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#32d81c,#34d399);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:500;width:fit-content;box-shadow:0 4px 14px #10b98133;transition:all .3s ease-in-out;padding-top:12px;margin:0 auto}.hero .hero-content .hero-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.hero .hero-content .hero-badge .sparkles-icon{width:18px;height:18px;animation:sparkle 2s ease-in-out infinite}.hero .hero-content .hero-badge .badge-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.025em}.hero .hero-content .hero-title{font-size:2.25rem;font-weight:700;color:#111;line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.hero .hero-content .hero-title .accent-text{background:linear-gradient(135deg,#32d81c,#1ca527);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero .hero-content .hero-title .accent-text:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(135deg,#32d81c,#34d399);border-radius:2px;opacity:.3}.hero .hero-content .hero-subtitle{font-size:1.125rem;color:#0c0c0c;line-height:1.6;font-weight:400;margin:0}.hero .hero-content .hero-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%}.hero .hero-content .hero-actions .upload-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#32d81c,#1ca527);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 14px #10b98133;position:relative;overflow:hidden;width:auto;min-width:200px;max-width:280px;min-height:44px}.hero .hero-content .hero-actions .upload-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #10b98166}.hero .hero-content .hero-actions .upload-btn .upload-icon{width:20px;height:20px}.hero .hero-content .hero-actions .reassurance-text{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#0c0c0c;font-weight:500;margin-top:.5rem}.hero .hero-content .hero-actions .reassurance-text .check-icon{width:14px;height:14px;color:#32d81c;flex-shrink:0}.hero .hero-content .hero-actions .reassurance-text .text{line-height:1.4}.hero .hero-content .hero-features{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.hero .hero-content .hero-features .feature{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#0c0c0c;font-weight:500}.hero .hero-content .hero-features .feature .feature-dot{width:8px;height:8px;background:#32d81c;border-radius:50%;box-shadow:0 0 0 3px #10b98133}.hero .hero-visual{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.hero .hero-visual .illustration-container{width:100%;max-width:400px;position:relative;filter:drop-shadow(0 10px 30px rgba(16,185,129,.1))}.hero .hero-visual .illustration-container .office-illustration{width:100%;height:auto;border-radius:.75rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .5s ease-in-out}.hero .hero-visual .illustration-container .office-illustration:hover{transform:scale(1.02)}@media (min-width: 640px){.hero{padding-top:calc(60px + 3rem)}.hero .hero-container{padding:0 1.5rem}.hero .hero-grid{gap:4rem}.hero .hero-content{gap:2rem}.hero .hero-content .hero-title{font-size:3rem}.hero .hero-content .hero-subtitle{font-size:1.25rem}.hero .hero-content .hero-actions{gap:1rem}.hero .hero-content .hero-actions .upload-btn{padding:1rem 2rem;font-size:1.1rem;min-width:220px;max-width:320px;min-height:48px}.hero .hero-content .hero-actions .reassurance-text{font-size:.95rem;margin-top:.75rem}.hero .hero-content .hero-features{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.5rem}.hero .hero-visual .illustration-container{max-width:500px}}@media (min-width: 1024px){.hero{padding-top:5rem;padding-bottom:5rem}.hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;min-height:calc(100vh - 120px)}.hero .hero-grid .hero-content{order:0;text-align:left;max-width:none}.hero .hero-grid .hero-visual{order:0}.hero .hero-content .hero-badge{margin:0}.hero .hero-content .hero-title{font-size:clamp(3rem,4vw,3.75rem)}.hero .hero-content .hero-actions{justify-content:flex-start;align-items:flex-start}.hero .hero-content .hero-actions .upload-btn{width:auto;min-width:240px;max-width:none}.hero .hero-content .hero-features{justify-content:flex-start}.hero .hero-visual .illustration-container{max-width:600px}}@media (min-width: 1280px){.hero{padding-top:6rem}.hero .hero-grid{gap:6rem}.hero .hero-content .hero-title{font-size:clamp(3.5rem,5vw,4rem)}}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.1);opacity:.8}}.text-gradient-green{background:linear-gradient(135deg,#32d81c,#1ca527);-webkit-text-fill-color:transparent}.bg-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.how-it-works{padding:4rem 0;background:#fff;position:relative;overflow:hidden}@media (max-width: 768px){.how-it-works{padding:3rem 0}}.how-it-works .container{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}@media (max-width: 768px){.how-it-works .container{padding:0 1rem}}.how-it-works .section-header{text-align:center;margin-bottom:4rem}@media (max-width: 768px){.how-it-works .section-header{margin-bottom:3rem}}.how-it-works .section-header h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:#111;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 0 1rem;position:relative}.how-it-works .section-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#10b943,#34d399);border-radius:2px}@media (max-width: 768px){.how-it-works .section-header h2{font-size:2rem}}.how-it-works .section-header p{font-size:1.25rem;color:#0c0c0c;line-height:1.6;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:600px;margin:0 auto}@media (max-width: 768px){.how-it-works .section-header p{font-size:1.125rem}}.how-it-works .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:start}@media (max-width: 1024px){.how-it-works .steps{grid-template-columns:1fr;gap:2rem;max-width:600px;margin:0 auto}}.how-it-works .steps .step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;border-radius:.75rem;background:linear-gradient(135deg,#f9fafb,#fafafa);border:1px solid rgba(16,185,129,.1);transition:all .3s ease-in-out;position:relative;overflow:hidden}.how-it-works .steps .step:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 0%,rgba(16,185,129,.02) 0%,transparent 50%);pointer-events:none}.how-it-works .steps .step:hover{transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#10b98133}.how-it-works .steps .step:hover .icon-wrapper{transform:scale(1.1);box-shadow:0 8px 25px #10b9814d}.how-it-works .steps .step:hover .step-number{transform:translateY(-2px)}.how-it-works .steps .step .icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b943,#1ca527);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease-in-out;box-shadow:0 4px 14px #10b98133;position:relative}.how-it-works .steps .step .icon-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#34d399,#6ee7b7);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease-in-out}.how-it-works .steps .step .icon-wrapper .step-icon{width:32px;height:32px;color:#fff;stroke-width:2}.how-it-works .steps .step:hover .icon-wrapper:before{opacity:1}.how-it-works .steps .step .step-number{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#111;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-bottom:1rem;transition:transform .3s ease-in-out;letter-spacing:.025em;min-width:70px}.how-it-works .steps .step .step-number span{white-space:nowrap}.how-it-works .steps .step h3{font-size:1.5rem;font-weight:700;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 0 1rem;position:relative;transition:all .3s ease-in-out}.how-it-works .steps .step:hover h3{background:linear-gradient(135deg,#10b943,#1ca527);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works .steps .step p{font-size:1rem;color:#0c0c0c;line-height:1.6;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;max-width:280px}@media (max-width: 640px){.how-it-works .steps .step{padding:1.5rem}.how-it-works .steps .step .icon-wrapper{width:70px;height:70px}.how-it-works .steps .step .icon-wrapper .step-icon{width:28px;height:28px}.how-it-works .steps .step h3{font-size:1.25rem}.how-it-works .steps .step p{font-size:.95rem}}@media (min-width: 1024px){.how-it-works .steps .step{position:relative}.how-it-works .steps .step:not(:last-child):after{content:"";position:absolute;top:50%;right:-1.5rem;width:3rem;height:2px;background:linear-gradient(90deg,#10b9814d,#10b9811a);transform:translateY(-50%);z-index:-1}}.how-it-works:after{content:"";position:absolute;top:15%;left:8%;width:20px;height:20px;background:#a7f3d0;border-radius:50%;opacity:.4;animation:float 10s ease-in-out infinite}.how-it-works:before{content:"";position:absolute;bottom:20%;right:12%;width:15px;height:15px;background:#6ee7b7;border-radius:50%;opacity:.3;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(-8px) rotate(240deg)}}.how-it-works .steps .step{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.how-it-works .steps .step:nth-child(1){animation-delay:.1s}.how-it-works .steps .step:nth-child(2){animation-delay:.2s}.how-it-works .steps .step:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.how-it-works .steps .step{border-width:2px;border-color:#10b943}.how-it-works .steps .step .icon-wrapper{border:2px solid #ffffff}}@media (max-width: 375px){.how-it-works .steps{gap:1.5rem}.how-it-works .steps .step{padding:1rem}.how-it-works .steps .step .icon-wrapper{width:60px;height:60px}.how-it-works .steps .step .icon-wrapper .step-icon{width:24px;height:24px}.how-it-works .steps .step h3{font-size:1.125rem}}.call-to-action{padding:4rem 0;background:linear-gradient(135deg,#f9fafb,#fafafa,#f3f4f6);position:relative;overflow:hidden}.call-to-action:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 75%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(16,185,129,.02) 0%,transparent 50%);pointer-events:none}@media (max-width: 768px){.call-to-action{padding:3rem 0}}.call-to-action .container{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center;position:relative;z-index:1}@media (max-width: 768px){.call-to-action .container{padding:0 1rem}}.call-to-action h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#111;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 0 1.5rem}.call-to-action h2 span{background:linear-gradient(135deg,#10b943,#1ca527);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.call-to-action h2 span:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(135deg,#10b943,#34d399);border-radius:2px;opacity:.3}@media (max-width: 768px){.call-to-action h2{font-size:2rem;margin-bottom:1rem}}.call-to-action p{font-size:1.25rem;color:#0c0c0c;line-height:1.6;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 0 3rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.call-to-action p{font-size:1.125rem;margin-bottom:2rem}}.call-to-action .actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.call-to-action .actions .cta-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#10b943,#1ca527);color:#fff;border:none;padding:1.5rem 3rem;border-radius:1rem;font-size:1.125rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 14px #10b98133;position:relative;overflow:hidden;min-width:220px;justify-content:center}.call-to-action .actions .cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease-in-out}.call-to-action .actions .cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #10b98166}.call-to-action .actions .cta-btn:hover:before{left:100%}.call-to-action .actions .cta-btn:hover .icon{transform:translate(4px)}.call-to-action .actions .cta-btn:active{transform:translateY(-1px)}.call-to-action .actions .cta-btn .icon{width:20px;height:20px;transition:transform .3s ease-in-out}@media (max-width: 640px){.call-to-action .actions .cta-btn{width:100%;max-width:300px;padding:1rem 2rem;font-size:1.1rem}}.call-to-action .actions .note{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#0c0c0c;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;opacity:.8;position:relative}.call-to-action .actions .note:before,.call-to-action .actions .note:after{content:"";width:4px;height:4px;background:#10b943;border-radius:50%;opacity:.6}@media (max-width: 640px){.call-to-action .actions .note{font-size:.85rem}}.call-to-action:after{content:"";position:absolute;top:20%;right:10%;width:15px;height:15px;background:#36b32b;border-radius:50%;opacity:.4;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-green{0%,to{box-shadow:0 4px 14px #10b98133}50%{box-shadow:0 4px 20px #10b9814d}}.call-to-action .actions .cta-btn.pulse{animation:pulse-green 3s ease-in-out infinite}@media (max-width: 640px){.call-to-action .container{padding:0 1rem}.call-to-action .actions{gap:1rem}}@media (prefers-contrast: high){.call-to-action .cta-btn{border:2px solid #ffffff}}@media (prefers-reduced-motion: reduce){.call-to-action:after{animation:none}.call-to-action .cta-btn:before{transition:none}.call-to-action .cta-btn:hover,.call-to-action .cta-btn:hover .icon{transform:none}}.footer{background:linear-gradient(135deg,#111827,#111);color:#d1d5db;padding:3rem 0 1.5rem;margin-top:auto;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#10b943,#34d399,#10b943);opacity:.6}.footer:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 75%,rgba(16,185,67,.02) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(16,185,67,.01) 0%,transparent 50%);pointer-events:none}.footer .footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}@media (max-width: 768px){.footer .footer-grid{grid-template-columns:1fr;gap:2rem}}.footer .footer-about h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.footer .footer-about h3 span{background:linear-gradient(135deg,#10b943,#1ca527);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer .footer-about p{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;opacity:.9}.footer .footer-about .contact-info .contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#d1d5db;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s ease-in-out;opacity:.8}.footer .footer-about .contact-info .contact-item svg{color:#10b943;flex-shrink:0;opacity:.9}.footer .footer-about .contact-info .contact-item:hover{color:#fff;opacity:1;transform:translate(2px)}.footer .footer-links h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.footer .footer-links h4:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#10b943,#34d399);border-radius:1px;opacity:.7}.footer .footer-links ul{list-style:none;padding:0}.footer .footer-links ul li{margin-bottom:.75rem}.footer .footer-links ul li a{color:#d1d5db;text-decoration:none;font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s ease-in-out;position:relative;opacity:.8}.footer .footer-links ul li a:hover{color:#34d399;opacity:1;transform:translate(3px)}.footer .footer-connect h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.footer .footer-connect h4:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#10b943,#34d399);border-radius:1px;opacity:.7}.footer .footer-connect .social-links{display:flex;flex-direction:column;gap:.75rem}.footer .footer-connect .social-links .social-link{display:flex;align-items:center;gap:.75rem;color:#d1d5db;text-decoration:none;font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:.4rem 0;border-radius:6px;transition:all .3s ease-in-out;opacity:.8}.footer .footer-connect .social-links .social-link svg{color:#10b943;transition:all .3s ease-in-out;opacity:.9}.footer .footer-connect .social-links .social-link:hover{color:#fff;opacity:1;transform:translate(3px)}.footer .footer-connect .social-links .social-link:hover svg{color:#34d399;transform:scale(1.05);opacity:1}.footer .footer-bottom{border-top:1px solid #0c0c0c;padding-top:1.5rem;text-align:center}.footer .footer-bottom p{color:#d1d5db;font-size:.9rem;margin:0}@media (max-width: 992px){.footer .footer-grid{grid-template-columns:1fr 1fr}.footer .footer-grid .footer-about{grid-column:1/-1}}@media (max-width: 576px){.footer{padding:2rem 0 1rem}.footer .footer-container{padding:0 1rem}.footer .footer-connect .social-links{flex-direction:row;flex-wrap:wrap;gap:.5rem}.footer .footer-connect .social-links .social-link{flex:1;min-width:120px;justify-content:center}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.auth-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e3f2fd);display:flex;align-items:center;justify-content:center;padding:1rem}.auth-container .auth-form{margin:0}.auth-form{max-width:420px;width:100%;background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;animation:slideIn .6s ease-out;position:relative;margin:2rem auto}@supports (min-height: 100vh){.auth-form{margin-top:max(2rem,50vh - 250px);margin-bottom:2rem}}.auth-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4caf50,#43a047);border-radius:16px 16px 0 0}.auth-form .form-header{text-align:center;margin-bottom:2rem}.auth-form .form-header h2{font-size:2rem;font-weight:700;color:#333;margin:0 0 .5rem;letter-spacing:-.02em}.auth-form .form-header .form-subtitle{font-size:1rem;color:#666;margin:0;font-weight:400}.auth-form h2{text-align:center;font-size:2rem;font-weight:700;color:#333;margin:0 0 2rem;letter-spacing:-.02em}.auth-form .google-signin-container{margin-bottom:1.5rem}.auth-form .google-signin-container #google-signin-button{display:flex;justify-content:center;transition:opacity .3s ease}.auth-form .google-signin-container #google-signin-button>div{width:100%!important;max-width:250px}.auth-form .google-signin-container.loading #google-signin-button{opacity:.6;pointer-events:none}.auth-form .divider{position:relative;margin:1.5rem 0;text-align:center}.auth-form .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9;z-index:1}.auth-form .divider span{background:#fff;padding:0 1rem;color:#666;font-size:.9rem;font-weight:500;position:relative;z-index:2}.auth-form .input-wrapper{position:relative;display:flex;align-items:center}.auth-form .input-wrapper .input-icon{position:absolute;left:12px;color:#666;z-index:2;pointer-events:none;transition:color .2s ease}.auth-form .input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;background:#fff;transition:all .2s ease;font-weight:400;box-sizing:border-box}.auth-form .input-wrapper input::placeholder{color:#a0a0a0;font-weight:400}.auth-form .input-wrapper input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.auth-form .input-wrapper input:focus+.input-icon,.auth-form .input-wrapper input:focus~.input-icon{color:#4caf50}.auth-form .input-wrapper input:hover:not(:focus):not(:disabled){border-color:#c4ccd3}.auth-form .input-wrapper input.error{border-color:#e74c3c;animation:shake .4s ease-in-out}.auth-form .input-wrapper input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.auth-form .input-wrapper input:disabled{background:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.auth-form .input-wrapper input:invalid{border-color:#e74c3c}.auth-form .input-wrapper input[type=password],.auth-form .input-wrapper input[type=text].password-input{padding-right:2.75rem}.auth-form .input-wrapper .password-toggle{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;z-index:3}.auth-form .input-wrapper .password-toggle:hover:not(:disabled){color:#4caf50;background:#4caf501a}.auth-form .input-wrapper .password-toggle:focus{outline:2px solid #4caf50;outline-offset:1px}.auth-form .input-wrapper .password-toggle:disabled{cursor:not-allowed;opacity:.5}.auth-form .input-wrapper .password-toggle svg{width:18px;height:18px}.auth-form .form-group{margin-bottom:1.5rem;position:relative}.auth-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem;letter-spacing:.01em}.auth-form .form-group>input:not(.input-wrapper input){width:100%;padding:.875rem 1rem;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;background:#fff;transition:all .2s ease;font-weight:400;box-sizing:border-box}.auth-form .form-group>input:not(.input-wrapper input)::placeholder{color:#a0a0a0;font-weight:400}.auth-form .form-group>input:not(.input-wrapper input):focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.auth-form .form-group>input:not(.input-wrapper input):hover:not(:focus):not(:disabled){border-color:#c4ccd3}.auth-form .form-group>input:not(.input-wrapper input).error{border-color:#e74c3c;animation:shake .4s ease-in-out}.auth-form .form-group>input:not(.input-wrapper input).error:focus{box-shadow:0 0 0 3px #e74c3c1a}.auth-form .form-group>input:not(.input-wrapper input):disabled{background:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.auth-form .form-group>input:not(.input-wrapper input):invalid{border-color:#e74c3c}.auth-form .form-group .field-error{display:block;color:#e74c3c;font-size:.85rem;margin-top:.5rem;animation:fadeIn .2s ease-in;font-weight:500}.auth-form .message,.auth-form .error-message,.auth-form .success-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;animation:fadeIn .3s ease-in}.auth-form .error-message{background:#fdf2f2;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.auth-form .success-message{background:#d5f4e6;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.auth-form .submit-btn{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #4caf504d;position:relative;overflow:hidden;margin-bottom:1.5rem}.auth-form .submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.auth-form .submit-btn:hover:not(:disabled):before{left:100%}.auth-form .submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4caf504d}.auth-form .submit-btn:focus{outline:3px solid rgba(76,175,80,.3);outline-offset:2px}.auth-form .submit-btn:disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.auth-form .submit-btn:disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}.auth-form .submit-btn .loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.auth-form .switch-form{text-align:center;margin:0;color:#666;font-size:.95rem}.auth-form .switch-form .switch-link{color:#4caf50;text-decoration:none;font-weight:600;margin-left:.25rem;transition:color .2s ease}.auth-form .switch-form .switch-link:hover{color:#43a047;text-decoration:underline}.auth-form .switch-form .switch-link:focus{outline:2px solid #4caf50;outline-offset:2px;border-radius:2px}.auth-form .switch-form a{color:#4caf50;text-decoration:none;font-weight:600;margin-left:.25rem;transition:color .2s ease}.auth-form .switch-form a:hover{color:#43a047;text-decoration:underline}.auth-form .switch-form a:focus{outline:2px solid #4caf50;outline-offset:2px;border-radius:2px}.auth-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.auth-form .form-options .checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#666;font-weight:500;-webkit-user-select:none;user-select:none}.auth-form .form-options .checkbox-label input[type=checkbox]{display:none}.auth-form .form-options .checkbox-label .checkmark{width:18px;height:18px;border:2px solid #e1e5e9;border-radius:4px;margin-right:.5rem;position:relative;transition:all .2s ease}.auth-form .form-options .checkbox-label .checkmark:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:12px;font-weight:700;transition:transform .2s ease}.auth-form .form-options .checkbox-label input[type=checkbox]:checked+.checkmark{background:#4caf50;border-color:#4caf50}.auth-form .form-options .checkbox-label input[type=checkbox]:checked+.checkmark:after{transform:translate(-50%,-50%) scale(1)}.auth-form .form-options .checkbox-label:hover .checkmark{border-color:#4caf50}.auth-form .form-options .forgot-link{color:#4caf50;text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s ease}.auth-form .form-options .forgot-link:hover{color:#43a047;text-decoration:underline}.auth-form .form-options .forgot-link:focus{outline:2px solid #4caf50;outline-offset:2px;border-radius:2px}.google-signin-loading{text-align:center;margin-top:10px;color:#666;font-size:14px;animation:pulse 1.5s ease-in-out infinite}@media (max-width: 480px){.auth-container{padding:.5rem}.auth-form{padding:2rem 1.5rem;border-radius:12px}.auth-form .form-header h2,.auth-form h2{font-size:1.75rem}.auth-form .form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.auth-form .google-signin-container #google-signin-button>div{max-width:100%!important}}@media (prefers-contrast: high){.auth-form{border:2px solid #333}.auth-form .form-group input,.auth-form .input-wrapper input{border-width:2px}.auth-form .submit-btn{border:2px solid #333}.auth-form .divider:before{background:#333}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-form input:focus-visible,.auth-form button:focus-visible,.auth-form a:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.job-recommendations-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.recommendations-header h2{color:#1f2937;margin:0;font-size:28px}.header-actions{display:flex;gap:15px}.generate-btn,.refresh-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.generate-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.refresh-btn:hover:not(:disabled){background:#e5e7eb}.no-resume-message,.error-message,.no-recommendations{text-align:center;padding:40px;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db;margin:20px 0}.error-message{background:#fef2f2;border-color:#fecaca;color:#dc2626}.filters{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:12px}.filter-buttons{display:flex;gap:8px}.filter-buttons button{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.filter-buttons button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-buttons button:hover:not(.active){background:#f3f4f6}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-bottom:30px}.job-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease}.job-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a;border-color:#3b82f6}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.job-title-company h3{margin:0 0 8px;color:#1f2937;font-size:20px;font-weight:600}.company{color:#6b7280;font-weight:500;margin:0 0 4px}.location{color:#9ca3af;font-size:14px;margin:0}.compatibility-score{display:flex;flex-direction:column;align-items:center;gap:8px}.score-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.score-text{font-weight:700;font-size:14px;color:#1f2937}.score-label{font-size:12px;font-weight:500;color:#6b7280;text-align:center}.job-details{margin-bottom:20px}.job-description{color:#4b5563;line-height:1.6;margin-bottom:15px}.salary{color:#059669;font-weight:600;margin-bottom:15px}.skills-section{margin-bottom:20px}.matching-skills,.missing-skills{margin-bottom:15px}.matching-skills strong{color:#059669}.missing-skills strong{color:#dc2626}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.skill-tag.matching{background:#d1fae5;color:#065f46}.skill-tag.missing{background:#fee2e2;color:#991b1b}.requirements{margin-bottom:20px}.requirements ul{margin:8px 0 0;padding-left:20px}.requirements li{color:#4b5563;line-height:1.5;margin-bottom:4px}.ai-reasoning{background:#f0f9ff;padding:15px;border-radius:8px;border-left:4px solid #3b82f6;margin-bottom:20px}.ai-reasoning strong{color:#1e40af}.ai-reasoning p{margin:8px 0 0;color:#1e40af;font-style:italic}.job-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e5e7eb}.job-source{color:#6b7280;font-size:14px}.apply-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease;font-size:14px}.apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.loading-state{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-subtext{color:#6b7280;font-size:14px;margin-top:8px}@media (max-width: 768px){.recommendations-grid{grid-template-columns:1fr}.recommendations-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{justify-content:center}.filters{flex-direction:column;align-items:flex-start;gap:10px}.filter-buttons{flex-wrap:wrap}.job-header{flex-direction:column;gap:15px}.compatibility-score{flex-direction:row;align-items:center;gap:15px}}.upload-resume-container{max-width:900px;margin:0 auto;padding:2rem 1rem}@media (max-width: 480px){.upload-resume-container{padding:1rem .75rem}}.tab-navigation{display:flex;background:#f5f5f5;border-radius:12px;padding:4px;margin-bottom:2rem;box-shadow:0 1px 2px #0000000d}.tab-navigation .tab{flex:1;padding:.875rem 1.5rem;border:none;background:transparent;border-radius:8px;font-weight:500;font-size:.95rem;color:#525252;cursor:pointer;transition:all .15s ease-in-out;position:relative}.tab-navigation .tab:hover:not(:disabled){color:#6366f1;background:#6366f10d}.tab-navigation .tab.active{background:#fff;color:#6366f1;box-shadow:0 1px 2px #0000000d;font-weight:600}.tab-navigation .tab:disabled{opacity:.5;cursor:not-allowed}.tab-navigation .tab .tab-badge{position:absolute;top:-6px;right:-6px;background:#22c55e;color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:10px;font-weight:600;animation:pulse 2s infinite}.upload-tab{position:relative}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.loading-overlay .loading-content{text-align:center;background:#fff;padding:3rem 2rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:300px}.loading-overlay .loading-content .loading-spinner{position:relative;width:60px;height:60px;margin:0 auto 1.5rem}.loading-overlay .loading-content .loading-spinner .spinner{width:60px;height:60px;border:3px solid #e5e5e5;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;position:absolute}.loading-overlay .loading-content .loading-spinner .spinner-ring{width:60px;height:60px;border:3px solid transparent;border-bottom:3px solid #10b981;border-radius:50%;animation:spin 1.5s linear infinite reverse;position:absolute}.loading-overlay .loading-content .loading-text{font-size:1.1rem;font-weight:600;color:#262626;margin:0 0 .5rem}.loading-overlay .loading-content .loading-subtext{font-size:.9rem;color:#737373;margin:0}.dropzone{border:2px dashed #d4d4d4;border-radius:12px;padding:3rem 2rem;text-align:center;background:#fafafa;transition:all .3s ease-in-out;position:relative;cursor:pointer;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dropzone:hover{border-color:#6366f1;background:#e0e7ff;transform:translateY(-2px)}.dropzone.drag-over{border-color:#6366f1;background:#e0e7ff;transform:scale(1.02);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dropzone p{margin:.5rem 0;color:#525252;font-size:1rem}.dropzone p:first-child{font-size:1.2rem;font-weight:600;color:#262626}.dropzone .dropzone-button{background:#6366f1;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;margin:1rem 0;transition:all .15s ease-in-out;box-shadow:0 1px 2px #0000000d}.dropzone .dropzone-button:hover{background:#5855eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dropzone .dropzone-button:active{transform:translateY(0)}.dropzone .dropzone-hint{font-size:.85rem!important;color:#a3a3a3!important;margin-top:1rem!important}.dropzone input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}@media (max-width: 480px){.dropzone{padding:2rem 1rem;min-height:160px}}.file-preview{margin-top:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow:hidden;animation:slideIn .3s ease-out}.file-preview .file-info{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-preview .file-info .file-details{display:flex;align-items:center;gap:1rem;flex:1}.file-preview .file-info .file-details .file-icon{font-size:2rem;background:#e0e7ff;padding:.5rem;border-radius:8px}.file-preview .file-info .file-details .file-name{font-weight:600;color:#262626;margin:0 0 .25rem;font-size:1rem;word-break:break-word}.file-preview .file-info .file-details .file-size{color:#737373;font-size:.85rem;margin:0}.file-preview .file-info .submit-btn{background:linear-gradient(135deg,#6366f1,#5855eb);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.file-preview .file-info .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.file-preview .file-info .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.file-preview .file-info .submit-btn.loading{pointer-events:none}.file-preview .file-info .submit-btn .spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.file-preview .file-info{flex-direction:column;align-items:stretch;gap:1.5rem}.file-preview .file-info .submit-btn{justify-content:center}}.message{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:8px;font-weight:500;text-align:center;animation:slideIn .3s ease-out}.message.success{background:#22c55e1a;color:#1a9a49;border:1px solid rgba(34,197,94,.2)}.message.ready{background:linear-gradient(135deg,#6366f11a,#10b9811a);color:#6366f1;border:1px solid rgba(99,102,241,.2)}.message.warning{background:#f59e0b1a;color:#c57f08;border:1px solid rgba(245,158,11,.2)}.message.error{background:#ef44441a;color:#eb1515;border:1px solid rgba(239,68,68,.2)}.message.service_busy{background:linear-gradient(135deg,#f59e0b1a,#6366f10d);color:#ac6f07;border:1px solid rgba(245,158,11,.2)}.message.service_busy .retry-timer{font-weight:600;color:#6366f1}.message.login_required{background:#f59e0b1a;color:#c57f08;border:1px solid rgba(245,158,11,.2)}.analysis-result{margin-top:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;animation:slideIn .5s ease-out}.analysis-result .analysis-header{background:linear-gradient(135deg,#6366f1,#5855eb);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.analysis-result .analysis-header h3{margin:0;font-size:1.5rem;font-weight:700}.analysis-result .analysis-header .view-jobs-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .15s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analysis-result .analysis-header .view-jobs-btn:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width: 480px){.analysis-result .analysis-header{flex-direction:column;gap:1rem;align-items:stretch}.analysis-result .analysis-header .view-jobs-btn{text-align:center}}.analysis-result .analysis-content{padding:2rem}.analysis-result .analysis-content .analysis-summary{margin-bottom:2rem;padding:1.5rem;background:#fafafa;border-radius:12px;border-left:4px solid #6366f1}.analysis-result .analysis-content .analysis-summary h4{margin:0 0 1rem;color:#262626;font-size:1.1rem;font-weight:600}.analysis-result .analysis-content .analysis-summary p{margin:0;color:#404040;line-height:1.6}.analysis-result .analysis-content .analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (max-width: 480px){.analysis-result .analysis-content .analysis-grid{grid-template-columns:1fr;gap:1rem}}.analysis-result .analysis-content .analysis-grid .analysis-item{background:#fafafa;padding:1.5rem;border-radius:12px;transition:all .15s ease-in-out}.analysis-result .analysis-content .analysis-grid .analysis-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.analysis-result .analysis-content .analysis-grid .analysis-item h4{margin:0 0 1rem;color:#262626;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.analysis-result .analysis-content .analysis-grid .analysis-item .experience-years{font-size:2rem;font-weight:700;color:#6366f1;margin:0}.analysis-result .analysis-content .analysis-grid .analysis-item .skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.analysis-result .analysis-content .analysis-grid .analysis-item .skills-grid .skill-chip{background:#6366f1;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.analysis-result .analysis-content .analysis-grid .analysis-item .strengths-list,.analysis-result .analysis-content .analysis-grid .analysis-item .improvements-list{margin:0;padding:0;list-style:none}.analysis-result .analysis-content .analysis-grid .analysis-item .strengths-list li,.analysis-result .analysis-content .analysis-grid .analysis-item .improvements-list li{color:#404040;position:relative;padding:.5rem 0 .5rem 1.5rem}.analysis-result .analysis-content .analysis-grid .analysis-item .strengths-list li:before,.analysis-result .analysis-content .analysis-grid .analysis-item .improvements-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.analysis-result .analysis-content .analysis-grid .analysis-item .improvements-list li:before{content:"→";color:#6366f1}.analysis-result .analysis-content .analysis-grid .analysis-item .education-list .education-item{margin-bottom:1rem}.analysis-result .analysis-content .analysis-grid .analysis-item .education-list .education-item:last-child{margin-bottom:0}.analysis-result .analysis-content .analysis-grid .analysis-item .education-list .education-item .degree{display:block;font-weight:600;color:#262626}.analysis-result .analysis-content .analysis-grid .analysis-item .education-list .education-item .institution{display:block;color:#525252;font-size:.9rem}.analysis-result .analysis-content .analysis-grid .analysis-item .education-list .education-item .year{color:#737373;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid #6366f1;outline-offset:2px}.safe-html .html-content{line-height:1.6;color:#404040}.safe-html .html-content p{margin:0 0 1rem}.safe-html .html-content p:last-child{margin-bottom:0}.safe-html .html-content strong,.safe-html .html-content b{font-weight:600;color:#262626}.safe-html .html-content em,.safe-html .html-content i{font-style:italic}.safe-html .html-content ul,.safe-html .html-content ol{margin:0 0 1rem 1.5rem;padding:0}.safe-html .html-content ul li,.safe-html .html-content ol li{margin-bottom:.5rem}.safe-html .html-content ul li:last-child,.safe-html .html-content ol li:last-child{margin-bottom:0}.safe-html .html-content h1,.safe-html .html-content h2,.safe-html .html-content h3,.safe-html .html-content h4,.safe-html .html-content h5,.safe-html .html-content h6{margin:1.5rem 0 1rem;color:#262626;line-height:1.3}.safe-html .html-content h1:first-child,.safe-html .html-content h2:first-child,.safe-html .html-content h3:first-child,.safe-html .html-content h4:first-child,.safe-html .html-content h5:first-child,.safe-html .html-content h6:first-child{margin-top:0}.safe-html .html-content h1{font-size:1.5rem;font-weight:700}.safe-html .html-content h2{font-size:1.3rem;font-weight:600}.safe-html .html-content h3{font-size:1.1rem;font-weight:600}.safe-html .html-content h4{font-size:1rem;font-weight:600}.safe-html .html-content h5{font-size:.9rem;font-weight:600}.safe-html .html-content h6{font-size:.85rem;font-weight:600}.safe-html .html-content span[style*=font-size]{font-size:1rem!important}.safe-html .html-content br+br{display:none}.safe-html .read-more-btn{background:none;border:none;color:#6366f1;font-weight:500;font-size:.9rem;cursor:pointer;margin-top:.5rem;padding:0;transition:all .15s ease-in-out}.safe-html .read-more-btn:hover{color:#5855eb;text-decoration:underline}.job-description .html-content{max-height:200px;overflow:hidden;transition:all .3s ease-in-out}.job-description .html-content.expanded{max-height:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}html,body{height:100%;width:100%;font-family:Inter,system-ui,sans-serif;background:linear-gradient(to bottom,#f9fafb,#eef2f7);color:#1f2937;line-height:1.6;-webkit-font-smoothing:antialiased}
