*{margin:0;padding:0;box-sizing:border-box}.page-load{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skillsync-container{width:100%}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background-color:#f5f7fb;color:#222;line-height:1.6}.navbar{position:fixed;top:0;width:100%;background:#fff;padding:15px 5%;border-bottom:1px solid #ddd;z-index:1000}.navbar.scrolled{box-shadow:0 2px 10px #0000001a}.nav-content{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700;color:#2563eb;line-height:1}.nav-links{display:flex;align-items:center;gap:30px;font-weight:700}.menu-icon{display:none;font-size:26px;cursor:pointer}.nav-links a{text-decoration:none;color:#222;font-family:Inter,sans-serif;font-weight:600}.nav-links a:hover{color:#2563eb}.nav-buttons{display:flex;gap:10px}.mobile-menu{background:#fff;padding:20px;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:15px}.mobile-menu a{text-decoration:none;color:#222;font-size:16px}.mobile-menu a:hover{color:#265edf}button{cursor:pointer;border:none;border-radius:6px;font-weight:700}.btn-primary{background:#3f77f0;color:#fff;padding:20px 40px;border-radius:120px;font-size:15px;transition:transform .3s ease,background-color .3s ease;display:inline-flex;justify-content:center;align-items:center}.btn-primary:hover{background-color:#265edf;transform:translateY(-7px)}.btn-primary-sm{background:#3570f0;color:#fff;padding:10px 20px}.btn-secondary{background:#e5e7eb;padding:20px 40px;border-radius:120px;font-size:15px;display:inline-flex;justify-content:center;align-items:center}.btn-text{background:transparent;padding:6px 10px;font-size:18px;margin-right:10px}.btn-white{background:#fff;color:#2563eb;padding:12px 25px;font-weight:700}.icon{margin-left:10px;display:inline-flex;align-items:center}.btn-primary svg{color:#fff;font-weight:700}.btn-secondary svg{color:#000}.btn-primary:hover svg{transform:translate(4px);transition:transform .3s ease}.btn-secondary:hover svg{transform:translate(4px);transition:transform .3s ease}.hero-section{padding:140px 5% 80px;background:#fff}.hero-content{max-width:1100px;margin:auto;display:flex;gap:40px;align-items:center}.hero-text h1{font-size:50px;margin-bottom:20px;line-height:1.3}.hero-text span{color:#000;font-weight:700}@media(max-width:768px){.hero-title{font-size:36px;line-height:1.1}}.hero-text p{margin-bottom:25px;color:#555;max-width:520px}.hero-cta{display:flex;gap:15px;margin-top:24px;flex-wrap:wrap}.mockup-dashboard{background:#fff;border:1px solid #ddd;border-radius:10px;width:400px}.mockup-header{background:#eee;padding:10px;display:flex;gap:5px}.dot{width:10px;height:10px;border-radius:50%}.red{background:red}.yellow{background:orange}.green{background:green}.mockup-body{padding:20px}.analysis-bar{margin-bottom:15px}.bar-label{font-size:14px;margin-bottom:5px}.bar-bg{background:#ddd;height:8px;border-radius:5px}.bar-fill{background:#2563eb;height:100%;border-radius:5px}.bar-fill.gap{background:orange}.gap-tag{font-size:12px;color:orange}.features-section{padding:80px 5%;background:#f5f7fb}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:30px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card{background:#fff;padding:25px;border-radius:14px;border:1px solid #ddd;box-shadow:0 8px 25px #00000014;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:28px;margin-bottom:15px}.how-it-works{padding:80px 5%;background:#fff}.steps-container{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.step-item{text-align:center;transition:transform .3s ease;padding:20px;box-shadow:0 4px 5px #0003;border-radius:14px}.step-item:hover{transform:translateY(-10px);border:1px solid transparent;border-radius:14px;box-shadow:0 5px 10px #0000004d;border-left:4px solid #265edf}.step-number{font-size:36px;color:#2563eb;font-weight:700}.stories-section{padding:80px 5%;background:#fff}.stories-title{text-align:center;font-size:32px;margin-bottom:50px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto}.story-card{background:#f9fafb;padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000014;transition:transform .3s ease}.story-card:hover{transform:translateY(-6px);box-shadow:0 5px 10px #0003}.story-text{font-style:italic;color:#374151;margin-bottom:25px}.story-user{display:flex;align-items:center;gap:15px}.avatar{width:45px;height:45px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-user h4{margin:0;font-size:16px}.story-user span{font-size:14px;color:#6b7280}.cta-section{padding:80px 5%;display:flex;justify-content:center}.cta-box{background:linear-gradient(135deg,#0f172a,#0c3474);color:#fff;padding:50px;border-radius:15px;text-align:center;max-width:1000px;height:400px}.cta-box h2{font-size:50px}.cta-box p{margin:10px 70px 50px;font-size:17px}.cta-btn{display:flex;justify-content:center;gap:40px}.cta-btn button{padding:20px 40px;border-radius:30px;font-size:17px}.btn-one{background-color:#0a4ebc;color:#fff;transition:background-color o.3s ease;box-shadow:0 0 30px #2563eb59}.btn-one:hover{background-color:#2563eb}.btn-two{border:1px solid rgb(171,169,169);color:#fff;background-color:transparent}.btn-two:hover{background-color:#ffffff14}.cta-box .line{margin-top:14px;font-size:15px;color:#ffffffbf;letter-spacing:.5px}.footer{background:#0f172a;color:#fff;padding:60px 5% 30px}.footer-content{display:flex;justify-content:space-between;margin-bottom:30px}.footer-links a{color:#cbd5f5;margin-left:15px;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{text-align:center;font-size:14px;color:#94a3b8}@media(max-width:900px){.nav-links{display:none;position:static;transform:none}.nav-buttons{display:flex}.menu-icon{display:block}.nav-content{justify-content:space-between}}@media(min-width:901px){.nav-content{position:relative}.nav-links{position:absolute;left:50%;transform:translate(-50%)}}@media(max-width:900px){.cta-box{padding:40px 25px;height:auto}.cta-box h2{font-size:36px;line-height:1.2}.cta-box p{margin:18px 0 35px;font-size:15px}.cta-btn{flex-direction:column;gap:20px}.cta-btn button{width:100%;max-width:320px;margin:0 auto}.cta-box .line{margin-top:20px;font-size:14px}}@media(max-width:480px){.cta-box h2{font-size:28px}.cta-box p{font-size:14px}.cta-btn button{padding:16px 20px;font-size:15px}}@media(max-width:900px){.hero-section{padding:110px 6% 60px}.hero-content{flex-direction:column;align-items:center}.hero-text{text-align:center}.hero-text h1{font-size:34px;line-height:1.15}.hero-text p{font-size:15px;max-width:100%}}@media(max-width:900px){.how-it-works{padding:60px 6%}.steps-container{flex-direction:column;align-items:center;gap:25px}.step-item{width:100%;max-width:360px;padding:25px 20px;text-align:center}.step-number{font-size:32px;margin-bottom:10px}.step-item h3{font-size:18px;margin-bottom:8px}.step-item p{font-size:14px;line-height:1.6}}@media(max-width:900px){.hero-cta{flex-direction:column;width:100%;gap:16px;margin-top:24px}.hero-cta button{width:100%;max-width:340px;margin:0 auto;padding:16px 22px;font-size:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-secondary{background:#fff;border:1px solid #e5e7eb}}@media(max-width:900px){.hero-content{flex-direction:column;align-items:center}.hero-text{order:1;text-align:center}.hero-cta{order:2}.hero-visual{order:3;margin-top:30px;display:flex;justify-content:center;width:100%}.mockup-dashboard{width:100%;max-width:340px}}*{box-sizing:border-box}.auth-page{min-height:100vh;background:linear-gradient(135deg,#eef2f7,#dde5f0);display:flex;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif}.auth-card{background:#fff;width:380px;padding:35px;border-radius:22px;box-shadow:0 25px 50px #00000026}.brand{text-align:center;color:#6c63ff;margin-bottom:6px}.tagline{text-align:center;color:#777;margin-bottom:25px}.auth-tabs{display:flex;justify-content:space-around;margin-bottom:25px;font-weight:700}.auth-tabs span{cursor:pointer;padding-bottom:8px;color:#555}.auth-tabs .active{color:#6c63ff;border-bottom:3px solid #6c63ff}.auth-form input{width:100%;padding:14px;margin-bottom:14px;border-radius:12px;border:1px solid #ccc;font-size:14px}.forgot{text-align:right;font-size:13px;color:#6c63ff;cursor:pointer;margin-bottom:20px}.primary-btn{width:100%;padding:14px;background:#6c63ff;color:#fff;border:none;border-radius:14px;font-size:15px;cursor:pointer;margin-bottom:25px}.primary-btn:hover{background:#5a54e6}.divider{text-align:center;position:relative;margin-bottom:25px}.divider span{background:#fff;padding:0 12px;color:#999}.divider:before{content:"";height:1px;background:#ddd;width:100%;position:absolute;top:50%;left:0;z-index:-1}.social-btn{width:100%;padding:14px;border-radius:14px;border:none;font-size:14px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#fff;transition:transform .3s ease}.social-btn:hover{background-color:#f0eeee}.google,.apple{background:none;border:1px solid lightgrey;border-radius:30px;color:#000}.auth-error{color:#dc2626;font-size:14px;margin-bottom:12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif}.layout{display:flex;min-height:100vh;background:#f5f7fb}.sidebar{width:260px;background:#fff;padding:24px;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.sidebar-top{display:flex;flex-direction:column}.logo{font-size:22px;font-weight:700;color:#2563eb;line-height:1;margin-bottom:20px}.menu{display:flex;flex-direction:column;gap:12px}.menu-item{border:none;background:transparent;padding:12px 16px;text-align:left;border-radius:10px;font-size:15px;cursor:pointer;color:#334155}.menu-item.active,.menu-item:hover{background:#e0e7ff;color:#1e3a8a;font-weight:600}.user-box{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.avatar{width:40px;height:40px;background:#2563eb;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:600}.name{font-weight:600}.plan{font-size:13px;color:#64748b}.content{flex:1;padding:30px;overflow-y:auto}.hero-gradient{background:linear-gradient(135deg,#0c51e6,#a551f3);color:#fff;padding:36px;border-radius:22px;margin-bottom:30px}.hero-text h1{font-size:28px;margin-bottom:6px}.hero-text p{opacity:.9;color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.hero-stat{background:#ffffff26;padding:20px;border-radius:16px}.hero-stat h2{font-size:28px}.hero-stat span{font-size:14px;opacity:.9}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000000f}.card h3{margin-bottom:20px}.resume-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:16px;border-radius:14px}.resume-title{font-weight:600}.resume-sub{font-size:13px;color:#64748b}.link-btn{background-color:#0c51e6;border:1px solid lightgray;border-radius:40px;color:#fff;font-weight:600;cursor:pointer;padding:14px 30px;font-size:16px;display:flex;align-items:center}.link-btn .plus{width:26px;height:26px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.action-card{padding:16px;border-radius:16px;color:#fff;transition:transform .3s ease}.action-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px #0000000f}.action-card h4{margin-bottom:6px}.action-card p{font-size:13px;opacity:.9}.action-card.blue{background:#3b82f6}.action-card.green{background:#22c55e}.action-card.purple{background:#a855f7}.action-card.orange{background:#f97316}@media(max-width:1000px){.dashboard-grid,.hero-stats{grid-template-columns:1fr}}.primary-btn{padding:12px 20px;border:none;background:#2563eb;color:#fff;border-radius:10px;cursor:pointer}@media(max-width:1000px){.sidebar{position:fixed;left:-100%;top:0;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}}.mobile-topbar{display:none}@media(max-width:1000px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:999}.hamburger{font-size:22px;cursor:pointer;order:2}.mobile-topbar .logo{order:1;margin-bottom:0}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:26px}.date{font-size:13px;color:#64748b}.info-card{background:#fff;padding:22px;border-radius:18px;box-shadow:0 8px 24px #0000000f}.info-card span{color:#64748b;font-size:14px}.info-card h2{margin-top:12px;font-size:28px}.info-card.dark{background:linear-gradient(135deg,#0f172a,#020617);color:#fff}.reports-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.reports-toolbar input,.reports-toolbar select{padding:12px;border-radius:10px;border:1px solid #e5e7eb}.table-card{background:#fff;border-radius:20px;padding:20px}.table-header{display:grid;grid-template-columns:repeat(5,1fr);font-size:13px;color:#64748b;margin-bottom:20px}.table-empty{text-align:center;padding:40px;color:#94a3b8}.upload-wrapper{display:flex;justify-content:center;margin-top:60px}.upload-box-large{width:100%;max-width:720px;background:#fff;border-radius:24px;padding:60px 40px;text-align:center;border:2px dashed #c7d2fe;box-shadow:0 12px 30px #0000000f}.upload-icon{font-size:48px;margin-bottom:16px}.upload-box-large h2{margin-bottom:8px;font-size:22px}.upload-box-large p{color:#64748b;margin-bottom:24px}.upload-hint{display:block;margin-top:14px;font-size:13px;color:#94a3b8}.upload-box-large:hover{border-color:#2563eb}.skill-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.skill-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 30px #00000002;transition:transform .3s ease}.skill-card:hover{box-shadow:0 10px 30px #0000000f;transform:translateY(-8px)}.skill-card h3{margin-bottom:6px}.skill-card p{font-size:14px;color:#64748b}.skill-count{display:inline-block;margin-top:12px;font-size:13px;color:#2563eb}.readiness-card{background:#fff;border-radius:24px;padding:30px;margin-bottom:40px;box-shadow:0 10px 30px #0000000f}.readiness-card h2{margin-bottom:20px}.progress-group{display:flex;flex-direction:column;gap:18px}.progress-item{width:100%}.progress-header{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.progress-bar{height:10px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);width:0%}@media(max-width:900px){.skill-categories{grid-template-columns:1fr}}.download-section{margin-top:60px}.download-section h2{font-size:20px;margin-bottom:20px}.download-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.download-card{background:#fff;border-radius:20px;padding:26px;box-shadow:0 12px 30px #0000000f;transition:transform .2s ease}.download-card:hover{transform:translateY(-4px)}.download-card h3{font-size:16px;margin-bottom:8px;color:#0f172a}.download-card p{font-size:14px;color:#64748b;margin-bottom:18px;line-height:1.5}.download-btn{padding:10px 18px;border-radius:12px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;font-size:14px}.download-btn:hover{background:#1e4fd6}@media(max-width:1000px){.download-cards{grid-template-columns:1fr}.bar-list{max-width:100%}}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px}.suggestion-list{list-style:disc;padding-left:20px;color:#0f172a}.suggestion-list li{margin-bottom:10px;font-size:14px}.skill-gap-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skill-gap-grid h4{margin-bottom:10px}.skill-gap-grid ul{list-style:none;padding:0}.skill-gap-grid li{background:#f8fafc;padding:10px 14px;border-radius:10px;font-size:14px;margin-bottom:8px}.role-list{display:flex;flex-direction:column;gap:16px}.role-item{background:#f8fafc;padding:14px 16px;border-radius:14px}.role-item strong{display:block;font-size:15px}.role-item span{font-size:13px;color:#2563eb;font-weight:600}.role-item p{font-size:13px;color:#64748b;margin-top:4px}.action-plan{list-style:none;padding:0}.action-plan li{background:#eef2ff;padding:12px 14px;border-radius:12px;margin-bottom:10px;font-size:14px}.hint{margin-top:14px;font-size:12px;color:#64748b}.logout{color:#dc2626}.logout:hover{background:#c80101;color:#fff}.export-btn{padding:15px 30px;font-size:14px;font-weight:600;border-radius:999px;border:1px solid #e5e7eb;background:#000;color:#fff;cursor:pointer;white-space:nowrap}.export-btn:hover{background:#f1f5ff;color:#135dcd;border:1px solid lightgrey}.chat-box{background:#fff;border-radius:14px;padding:20px;height:360px;overflow-y:auto;box-shadow:0 10px 30px #0000000f;margin-bottom:16px}.chat{max-width:75%;padding:12px 16px;border-radius:14px;margin-bottom:12px;font-size:14px;line-height:1.5}.chat.ai{background:#f1f5ff;color:#1e3a8a;align-self:flex-start}.chat.user{background:#2563eb;color:#fff;margin-left:auto}.chat-input{display:flex;gap:10px;margin-bottom:14px}.chat-input input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid #dbeafe;outline:none;font-size:14px}.chat-input button{padding:12px 20px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.chat-input button:hover{background:#1e40af}.suggested-questions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.suggested-questions span{background:#eef2ff;padding:8px 14px;border-radius:20px;font-size:13px;cursor:pointer;color:#1e3a8a}.suggested-questions span:hover{background:#dbeafe}.disclaimer{background:#fff7ed;color:#92400e;padding:12px;border-radius:10px;font-size:13px}.tabs{display:flex;justify-content:center;gap:24px;margin-bottom:28px}.tabs button{padding:10px 32px;min-width:180px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:600;transition:all .25s ease}.tabs button:hover{background:#f1f5f9}.tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card-grid .card{background:#fff;padding:20px;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .25s ease,box-shadow .25s ease;width:100%}.card-grid .card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #00000014}.card-grid .card img{width:72px;height:72px;border-radius:12px;object-fit:contain;background:#f9fafb;padding:8px;margin-bottom:12px}.card-grid .card h3{font-size:16px;font-weight:700;margin-bottom:6px}.card-grid .card p{font-size:14px;color:#6b7280;margin-bottom:10px}.rating{font-size:14px;font-weight:600;color:#f59e0b;margin-bottom:14px}.card-grid .primary-btn{background:#2563eb;color:#fff;border:none;padding:15px 60px;border-radius:30px;font-weight:600;cursor:pointer;width:100%;transition:background .25s ease}.card-grid .primary-btn:hover{background:#1e40af}@media(max-width:600px){.tabs{flex-direction:column;align-items:stretch}.tabs button{width:100%;min-width:unset;padding:14px}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.grid-4{grid-template-columns:repeat(1,1fr)}}.menu-item.logout{margin-top:20px;color:#dc2626;font-weight:600}.menu-item.logout:hover{background:#fee2e2}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}}@media(max-width:900px){.card-grid{grid-template-columns:1fr}}@media(max-width:1000px){.layout{flex-direction:column}.content{padding-top:70px}.sidebar{top:0;left:-100%;position:fixed;height:100vh;width:260px;background:#fff;z-index:2000}.sidebar.open{left:0}}