@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.field-error{color:red;font-size:.85rem;margin-top:-10px;margin-bottom:10px}.login-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{width:420px;max-width:95%;background:#fff;border-radius:12px;padding:24px;position:relative;box-shadow:0 8px 30px #0003}.login-modal-close{color:#111;position:absolute;top:10px;right:12px;background:none;border:none;font-size:20px;cursor:pointer}.brand-title{text-align:center;font-weight:700;color:#ffb400;font-size:22px;margin-bottom:10px}.login-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.login-tabs button{flex:1;padding:10px;border:none;background:#9190904f;cursor:pointer;border-radius:6px}.login-tabs button.active{color:#000;background:#fff;border-bottom:3px solid #111;font-weight:700}.auth-form{display:flex;flex-direction:column;gap:10px}.name-fields{display:flex;gap:8px}.auth-form input{padding:10px;border-radius:8px;border:1px solid #ddd;width:100%}.forgot{text-align:right;font-size:13px;color:#1976d2;text-decoration:none;background:none;border:none;cursor:pointer}.btn-primary-login{background:#111;color:#fff;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:700;margin-top:6px}.divider{text-align:center;color:#888;margin:12px 0;position:relative}.btn-google,.btn-linkedin{color:#111;background-color:#88888847;display:flex;align-items:center;gap:10px;justify-content:center;width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;cursor:pointer;margin-top:8px}.btn-linkedin{background:#e7e5e5;color:#111}.btn-google img,.btn-linkedin img{width:20px;height:20px}.error{color:#d32f2f;font-size:13px;text-align:center;margin-top:6px}.letter1{color:#000;font-weight:700}a{text-decoration:none}.letter2{color:#ffb400;font-weight:700}header .brand{display:flex;align-items:center}header .brand{width:150px;height:auto;object-fit:contain;display:block;overflow:hidden}header{position:sticky;top:0;background:var(--tertiary-color);display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;box-shadow:0 2px 5px #0000001a;z-index:10}.brand img{height:60px;width:auto}nav{display:flex;gap:3.2rem;align-items:center}nav a{text-decoration:none;color:#333;font-weight:600;font-size:20px}nav a:hover{color:#ff8c00}.header-buttons{display:flex;gap:.8rem}.btn-login,.btn-signup{padding:.5rem 1.2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:medium}.btn-login{background:#fff;color:#000;border:2px solid #FFD700}.btn-login:hover{background-color:gold}.btn-signup{background:#fff;color:#111;border:2px solid black}.btn-signup:hover{background:#111;color:#fff}.hamburger{display:none;font-size:2rem;background:none;border:none;cursor:pointer;color:var(--secondary-color)}@media(max-width:768px){header{padding:3.4rem 2rem}.hamburger{display:block;margin-right:60rem}.brand{position:absolute;left:50%;transform:translate(-50%)}nav{display:none;position:absolute;top:80px;left:0;width:100%;flex-direction:column;background:var(--tertiary-color);padding:1rem 0;box-shadow:0 2px 8px #00000026}nav.open{display:flex;flex-direction:column;align-items:center}nav a{padding:.8rem;text-align:center;font-size:1.2rem;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.header-buttons{position:absolute;right:1rem;display:flex;flex-direction:column;gap:.5rem}.header-buttons .btn-login,.header-buttons .btn-signup{padding:.3rem .8rem;font-size:.9rem}}@media(max-width:300px){header{padding:.8rem 1rem}.brand img{height:40px}.hamburger{font-size:1.6rem}nav a{font-size:1rem;padding:.6rem 0}.header-buttons .btn-login,.header-buttons .btn-signup{font-size:.8rem;padding:.4rem .6rem}}.footer{background:#fff;border-top:3px solid orange;padding:40px 20px}.footer-container{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;margin-bottom:35px}.footer-col h2{font-size:28px;font-weight:700;color:#000;margin-bottom:12px}.footer-brand{font-weight:700;color:#ffb400;font-size:30px}.footer-col p{font-size:15px;color:#444;margin-bottom:20px;line-height:1.6}.footer-col h3{font-size:18px;font-weight:700;color:#ffb400;margin-bottom:15px;margin-left:4rem}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{text-decoration:none;color:#000;font-size:15px;transition:color .3s;margin-left:4rem}.footer-col ul li a:hover{color:#ffb400}.logo-box{background:#ffb400;color:#000;font-weight:700;font-size:20px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:12px}.social-icons{display:flex;gap:12px}.social-icons a{width:40px;height:40px;background:gold;color:#000;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;transition:all .3s ease;text-decoration:none}.social-icons a:hover{background:#000;color:#ffb400}.footer-bottom{display:flex;align-items:center;border-top:1px solid #eee;padding-right:140px;position:relative}.footer-bottom .copyright{margin-top:1rem;flex:1;text-align:left;font-size:14px;color:#555}.footer-center{flex:1;text-align:center}.footer-links{list-style:none;display:inline-flex;gap:25px;margin:0;padding:0}.footer-links li a{text-decoration:none;color:orange;font-weight:500}.footer-links li a:hover{text-decoration:underline}.chat-btn{position:fixed;right:2rem;bottom:2rem;background:gold;color:#000;padding:.8rem 1.2rem;border-radius:30px;border:none;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:all .3s ease;z-index:9999;display:flex;align-items:center;gap:8px;min-width:200px;height:55px;justify-content:center}.chat-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.chat-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.logo-wrapper{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:transform .3s ease}.logo-wrapper img{width:100%;height:100%;object-fit:contain}.cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:750px;font-family:Arial,sans-serif;z-index:9999}.cookie-content{display:flex;align-items:center;gap:15px}.cookie-content img{width:40px;height:40px}.cookie-text{font-size:14px;color:#333;line-height:1.4}.cookie-text a{color:#3b82f6;text-decoration:underline;font-weight:500}.cookie-actions{display:flex;gap:12px}.cookie-btn{border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s ease}.cookie-btn.accept{background:#2d2d2d;color:#fff}.cookie-btn.accept:hover{background:#000}.cookie-btn.decline{background:transparent;color:#333}.cookie-btn.decline:hover{color:#000;text-decoration:underline}@media(max-width:600px){.footer-container{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:30px;justify-content:center}.footer-col{text-align:left}.footer-col h3{margin-left:0;text-align:left}.footer-col ul li a{margin-left:0}.footer-col:first-child{grid-column:1 / span 2;text-align:center}.social-icons{justify-content:center}.footer-bottom{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-top:1px solid #eee;padding:15px 0 0!important;margin:0 auto}.footer-bottom .copyright{text-align:center!important;width:100%;margin:10px 0 5px}.footer-center{width:100%;text-align:center!important}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:8px 0 0}.footer-links li a{font-size:.9rem}.chat-btn{right:1rem;bottom:1rem;min-width:110px;height:36px;font-size:.8rem;padding:.3rem .8rem;border-radius:20px;gap:5px}.chat-btn .logo-wrapper{width:24px;height:24px}.chat-btn .logo-wrapper img{width:100%;height:100%;object-fit:contain}.chat-btn span{font-size:.75rem}}@media(max-width:600px){.chat-btn{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:6px;background:gold;color:#000;font-weight:600;font-size:.8rem;border:none;border-radius:25px;padding:.5rem 1rem;width:140px;height:38px;margin-top:20px;margin-bottom:25px;box-shadow:0 4px 8px #00000040;cursor:pointer;transition:all .3s ease}footer,.footer,body{margin-bottom:0!important;padding-bottom:0!important}.chat-btn:hover{background:#fff;transform:translate(-50%) translateY(-2px)}.chat-btn:active{transform:translate(-50%) translateY(0)}.chat-btn .logo-wrapper{width:20px;height:20px}.chat-btn span{font-size:.75rem}}@media(max-width:600px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px;width:90%;max-width:350px}.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px;width:90%;max-width:350px;padding:12px 14px;bottom:10px;font-size:13px}.cookie-content{flex-direction:row;align-items:center;gap:10px}.cookie-content img{width:30px;height:30px}.cookie-text{font-size:13px;line-height:1.3}.cookie-actions{width:100%;justify-content:flex-end;gap:8px}.cookie-btn{padding:6px 12px;font-size:12px;border-radius:6px}.chat-btn{transition:margin-bottom .4s ease,bottom .4s ease}.chat-btn.active-footer{margin-bottom:55px!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #f39c12;--secondary-color: #333;--tertiary-color: #fff;--text-dark: #1a1a1a;--text-medium: #555;--text-light: #ddd}body{font-family:Poppins,sans-serif;color:#333;line-height:1.6;scroll-behavior:smooth;background:#fafafa}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero h1{font-size:2.5rem}}@media(max-width:480px){.btn-login,.btn-signup{padding:.4rem 1rem;font-size:.85rem}.hero h1{font-size:2rem}.footer-container{grid-template-columns:1fr}}.hero{background:#fff;text-align:center;padding:0rem 2rem 3rem;margin-top:0}.badge-Ai{margin-top:4rem;display:inline-block;background:#ffb84d;color:#000;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;font-weight:600}.hero h1{font-size:5.5rem;font-weight:700;color:#1a1a1a;line-height:1}.hero h1 span{background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero p{font-size:1rem;margin:1rem auto;max-width:600px;color:#555}.hero-video{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.hero-video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/Background.jpg) no-repeat center center;background-size:cover;opacity:.4;z-index:1}.hero-video video{position:relative;z-index:2;width:100%;max-width:820px;height:460px;border-radius:16px;border:none;box-shadow:0 8px 20px #0000001a}@media(max-width:480px){.hero h1{font-size:2rem}}@media(max-width:992px){.hero-video{min-height:60vh}.hero-video video{max-width:90%;height:auto;border-radius:12px}.hero-video:before{opacity:.35}}@media(max-width:600px){.hero-video{min-height:45vh;padding:1rem 0}.hero-video video{max-width:95%;height:auto}}.features-section{text-align:center;justify-content:center;padding:4rem 2rem;background-color:#f6f6f6}.features-section h2{font-size:2rem;text-align:center;padding:2rem;display:flex;margin-bottom:.1rem;margin-top:-3rem;justify-content:center;align-items:center}.features-section h2 span{color:var(--primary-color)}.features-section p{color:#555;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--tertiary-color);padding:2rem;border:#cdcccc;border-radius:12px;box-shadow:0 6px 10px #0000000d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:36px;width:70px;height:70px;border-radius:50%;background:#ffb400;color:#111;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all .3s ease}.feature-card:hover .feature-icon{background:#ffd766;color:#111;box-shadow:0 6px 16px #ffb40066;transform:scale(1.1)}@media(max-width:1024px){.features-section{padding:3rem 1.5rem}.features-section h2{font-size:1.8rem;margin-top:-2rem;padding:1rem}.features-section p{font-size:1rem;margin-bottom:1.5rem}.features-grid{gap:1.5rem}.feature-card{padding:1.5rem}}@media(max-width:768px){.features-section{padding:2.5rem 1rem}.features-section h2{font-size:1.6rem;margin-top:-1rem;padding:1rem}.features-section p{font-size:.95rem;margin-bottom:1.2rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.2rem;border-radius:10px}.feature-icon{width:60px;height:60px;font-size:30px}}@media(max-width:480px){.features-section{padding:2rem .8rem}.features-section h2{font-size:1.4rem}.features-section p{font-size:.9rem}.feature-card{padding:1rem}.feature-icon{width:55px;height:55px;font-size:28px}}.cta-section{background:linear-gradient(90deg,#1a1a1a,#333);color:#fff;text-align:center;padding:2rem;min-height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.cta-section h2{color:#fff;font-size:2rem;margin-bottom:1rem}.cta-section p{margin-bottom:1.5rem;color:#ddd}.cta-buttons-center{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.btn-yellow{background:var(--primary-color);color:var(--tertiary-color);padding:1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.btn-yellow:hover{background:linear-gradient(45deg,#fdd835,#f9a825);box-shadow:0 4px 12px #0003}.cta-section .btn-outline{border:2px solid #fdd835;background:transparent;color:#fff;padding:1.5rem;border-radius:8px;text-decoration:none;font-weight:600}.cta-section .btn-outline:hover{background:#fff;color:#000}#careers{display:flex;justify-content:center;align-items:center;text-align:center;margin:100px;padding:60px 20px;border:2px solid #FFD700;border-radius:20px;box-shadow:0 0 20px #f9a82580}#careers .btn-primary:first-child{font-size:.8rem;padding:4px 14px;margin:10px;border-radius:16px;background:gold;color:#000;font-weight:600;transition:all .3s ease}#careers .btn-primary:last-child{font-size:1.2rem;padding:14px 32px;border-radius:16px;background:gold;color:#000;font-weight:700;transition:all .3s ease}#careers .btn-primary:last-child:hover{background:linear-gradient(45deg,#fdd835,#f9a825);transform:scale(1.08);color:#000}.container{max-width:100%;padding:40px 20px;margin:40px;border:2px solid #f9a825;border-radius:20px;box-shadow:0 0 20px #f9a82580}p{font-size:1.1rem;color:#666;margin-bottom:30px}@media(max-width:1024px){#careers{flex-direction:column;margin:60px 30px;padding:40px 20px}#careers .btn-primary:first-child{font-size:.9rem;padding:6px 16px}#careers .btn-primary:last-child{font-size:1rem;padding:10px 24px}.container{margin:30px 20px;padding:30px 15px}}@media(max-width:768px){#careers{flex-direction:column;margin:40px 15px;padding:30px 15px;text-align:center}#careers h2{font-size:1.5rem}#careers p{font-size:1rem;margin-bottom:20px}#careers .btn-primary:first-child{font-size:.8rem;padding:5px 14px}#careers .btn-primary:last-child{font-size:1rem;padding:10px 20px}.container{margin:20px 10px;padding:20px 10px}}@media(max-width:480px){#careers{margin:30px 10px;padding:20px 10px}#careers h2{font-size:1.3rem}#careers p{font-size:.95rem}#careers .btn-primary{width:100%;max-width:250px}.container{margin:15px 5px;padding:15px}}.pricing{background:#fff;padding:60px 20px;font-family:Arial,sans-serif}.pricing-container{display:flex;gap:25px;flex-wrap:wrap;max-width:1100px;margin:auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px 25px;text-align:center;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease;flex:1;min-width:280px}.card:hover{transform:translateY(-6px);box-shadow:0 6px 18px #0000001a}.card h3{font-size:22px;font-weight:700;margin-bottom:8px}.card .subtitle{font-size:14px;color:#6b7280;margin-bottom:20px}.card .price{font-size:26px;font-weight:700;color:#f59e0b;margin-bottom:6px;text-align:left}.card .price span{font-size:14px;color:#6b7280}.card .alt-price{font-size:14px;color:#6b7280;margin-bottom:20px;text-align:left}.card ul{list-style:none;padding:0;margin:0 0 20px;text-align:left}.card ul li{font-size:15px;margin:10px 0;color:#111827}.btn-outline,.btn-primary-pro{display:inline-block;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s ease-in-out}.btn-outline{background:#fff;border:2px solid #000;color:#000}.btn-outline:hover{background:#f3f4f6}.btn-primary-pro{background:#f59e0b;border:none;color:#fff}.btn-primary-pro:hover{background:#d97706}.note{font-size:12px;color:#6b7280;margin-top:10px;text-align:center}.featured{border:2px solid #f59e0b;box-shadow:0 8px 22px #f59e0b33;position:relative}.featured .badge{right:auto;position:absolute;top:-30px;left:20px;background:#f59e0b;color:#fff;font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px}@media(max-width:768px){.featured{padding-top:40px}.featured .badge{top:10px;left:50%;transform:translate(-50%);font-size:12px;padding:4px 10px}.featured h3{margin-top:25px}}.badge-about{display:inline-block;background:#ffb84d;color:#000;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;font-weight:500;margin-top:auto}.hero.about-hero h1{font-size:3.5rem!important;line-height:1.2;margin-bottom:10px}.hero.about-hero .badge-about{margin-top:0;margin-bottom:15px}.hero p{margin:6px auto 0;max-width:720px;font-size:20px;color:var(--muted)}.section{background:#f9f9f9;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;position:relative}h2{font-size:20px;margin-bottom:10px;display:flex;align-items:center;gap:10px}h2 .svg-inline--fa{color:#ffb400}p{color:#6b7280}ul{margin:10px 0;padding-left:20px;list-style:none}.section ul li{margin-bottom:8px;display:flex;align-items:center;gap:10px}.flex-box{display:flex;gap:20px;flex-wrap:wrap}.flex-box .section{flex:1}.buttons{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap;justify-content:space-evenly}.buttons button{border:2px solid #facc15;background:#fff9db;color:#444;padding:8px 14px;border-radius:20px;cursor:pointer;font-size:14px;transition:.3s}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.value-card{background:#fff;border:1px solid #eee;border-radius:12px;text-align:center;box-shadow:0 2px 5px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;height:140px;padding:15px}.value-card .svg-inline--fa{font-size:28px;margin-bottom:8px;color:#ffb400}.value-card p{margin:0}.value-card p b{color:#000;font-weight:700;font-size:16px;text-align:center}.value-card:hover{transform:translateY(-6px);box-shadow:0 4px 15px #0003}@media(max-width:980px){.values{grid-template-columns:1fr 1fr}}@media(max-width:640px){.values{grid-template-columns:1fr}}.what-we-do-list{list-style:none;padding:0}.what-we-do-list li{display:flex;align-items:center;margin-bottom:.5em}.what-we-do-list .item-number{font-weight:700;color:#333;font-size:1.2em}.contact-section{max-width:750px;margin:60px auto;padding:20px;text-align:center}.contact-section .title{color:#333;font-size:28px;margin-bottom:10px}.contact-section .subtitle{font-size:15px;color:#555;margin-bottom:25px}.card,.contact-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px;width:100%;box-sizing:border-box}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.form-header h2{font-size:18px;margin-left:2.6rem}.reply-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#0b0b0b;background:var(--yellow);padding:6px 15px;border-radius:999px;font-weight:600;margin-right:2rem}.contact-form{background-color:#fff;box-shadow:none}form{display:flex;flex-direction:column;gap:16px}.field,.form-group{display:flex;flex-direction:column;text-align:left;width:100%}label{font-weight:600;font-size:14px;margin-bottom:6px;color:var(--fg)}input,textarea{width:100%;background:#fafafa;border:1px solid #ddd;color:var(--fg);padding:14px;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}textarea{min-height:140px;resize:vertical}input::placeholder,textarea::placeholder{color:#999}.error{display:none;font-size:13px;color:red;margin-top:5px}.phone-group{display:flex;flex-direction:column;gap:12px}.phone-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.form-btn{display:flex;justify-content:center;margin-top:20px}.form-btn button{background:gold;color:#000;padding:12px 30px;border:none;border-radius:8px;font-size:18px;cursor:pointer;font-weight:700;transition:.3s}.form-btn button:hover{background:#000;color:gold}@media screen and (max-width:992px){html,body{overflow-x:hidden;width:100%}.contact-section{width:100%;max-width:100%;padding:20px 15px;margin:20px auto}.contact-card,.card{width:100%;margin:0 auto;padding:20px 15px;border-radius:12px}.contact-section .title{font-size:22px;margin-bottom:8px}.contact-section .subtitle{font-size:14px;padding:0 10px;margin-bottom:18px}.form-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.form-header h2{font-size:16px;margin-left:0}.reply-pill{font-size:11px;padding:4px 10px;margin-right:0}label{font-size:13px;margin-bottom:4px}input,textarea{font-size:15px;padding:12px;border-radius:10px}textarea{min-height:110px}.form-btn button{width:100%;padding:14px;font-size:16px;border-radius:8px}}.blog-hero{padding:64px 7% 36px;text-align:center}.blog-hero .badge{display:inline-block;background:#fff6dd;color:#7a4b00;border:1px solid #ffe39a;padding:6px 12px;border-radius:999px;font-weight:600;font-size:12px;margin-bottom:12px}.blog-hero h1{font-size:2.5rem;font-weight:800;text-align:center}.blog-hero p{margin-top:12px;font-size:1.1rem;color:#555;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.blog-hero{text-align:center;font-weight:400}.toolbar{padding:18px 7%;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}input,textarea{width:100%;background:#fafafa;border:1px solid #ddd;color:var(--fg);padding:14px;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s,transform .06s}.search{flex:1;min-width:280px;max-width:640px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow)}.search input{border:none;outline:none;background:transparent;width:100%;font-size:15px}.filters{display:flex;gap:10px}.filters select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-weight:600;cursor:pointer}.grid-blog{padding:18px 7% 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card-blogs{background:#fff;border:1px solid #eee;border-radius:18px;overflow:hidden;box-shadow:0 2px 5px #0000000d;transition:.3s}.card-blogs:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}.thumb{height:190px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.card-blogs:hover .thumb img{transform:scale(1.04)}.body{padding:16px 16px 18px}.meta{display:flex;align-items:center;gap:10px;color:#8a8a8a;font-size:13px;margin-bottom:6px}.chip{background:#fff3cd;color:#7a4b00;border:1px solid #ffe39a;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px}.dot{width:5px;height:5px;background:#cfcfcf;border-radius:50%}.card-blogs h3{margin:6px 0 8px;font-size:18px;line-height:1.35}.card-blogs p{margin:0 0 14px;color:#6b7280;font-size:14px}.btn{display:inline-block;background:gold;color:#000;font-weight:700;text-decoration:none;padding:10px 14px;border-radius:10px;transition:.25s}.btn:hover{background:#ffc400;transform:translateY(-2px)}.cta-band{margin:10px 7% 60px;border:2px solid black;border-radius:18px;padding:32px;text-align:center;background:#fff}.cta-band h2{margin:0 0 10px;font-size:28px;align-items:center;justify-content:center}.underline-link{text-decoration:underline;color:#1b05db}.topbar{position:sticky;top:0;z-index:10;background:#f7f7f8;padding:14px 18px}.back{text-decoration:none;font-weight:600;color:#111;background:#ffd34d;padding:8px 14px;border-radius:10px;border:1px solid #e7c13f;box-shadow:0 4px 10px #0000000d}.wrapper{max-width:780px;margin:32px auto;padding:0 18px}.article{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;border:1px solid #eee;overflow:hidden}.header{padding:22px 24px 10px}.title{font-size:26px;font-weight:800;margin:0;line-height:1.3;padding-left:14px}.badges{display:flex;gap:10px;margin-top:10px;padding-left:14px}.badge{display:inline-flex;align-items:center;margin-top:4rem;font-weight:600;gap:6px;font-size:12px;color:#9f7200;background:#fff7db;border:1px solid #ffe590;padding:6px 10px;border-radius:999px}.hero img{width:100%;display:block}.content{padding:18px 24px 28px}.content p{margin:0 0 14px;color:#2b2b2b}.highlight{background:#fff9e6;border-left:5px solid #ffd34d;padding:12px 16px;margin:14px 0;border-radius:6px;font-weight:500}.section-title{margin:18px 0 8px;font-size:16px;font-weight:800;color:#111}.section-title:after{content:"";display:block;width:72px;height:3px;border-radius:999px;margin-top:6px}.content ul{margin:10px 0 18px;padding-left:0;list-style:none}.content ul li{position:relative;padding-left:22px;margin:6px 0}.content ul li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:50%;background:#ffd34d;box-shadow:0 0 0 2px #fff7db}.footer-note{margin-top:12px;padding:12px 14px;background:#fff9e6;border:1px solid #ffe39c;border-radius:10px;color:#5c5130;font-size:14px}.back-btn{text-align:left}.back-btn button{background:#facc15;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:.3s}.blog-card{max-width:750px;background:#fff;border-radius:14px;padding:30px;box-shadow:0 6px 18px #0000001a;line-height:1.8;animation:fadeIn 1s ease-in;margin:0 auto}.blog-card h1{font-size:2rem;margin-bottom:8px;color:#111827}.date{color:#6b7280;font-size:.95rem;margin-bottom:16px}.blog-card .blog-img{width:100%;border-radius:10px;margin:18px 0;transition:.4s}.blog-content{padding:18px 24px 28px}.blog-content h3{margin-top:20px;font-size:1.3rem;color:#1f2937;border-left:4px solid #fbbf24;padding-left:10px;margin-bottom:10px}.blog-content p{margin:14px 0;color:#374151;font-size:1rem}blockquote{margin:20px 0;padding:14px 18px;background:#fef3c7;border-left:5px solid #f59e0b;border-radius:6px;font-style:italic;color:#92400e;transition:.3s}.blog-card .meta{font-size:14px;color:#6b7280;margin-bottom:16px}.blog-card .blog-content p{margin-bottom:15px;line-height:1.7;font-size:16px;color:#444}.highlight.yellow{background:#fff7ed;border-left:4px solid #fb923c}.cta-band h2{margin:0;font-size:28px;align-items:center;justify-content:center}.cta-band .underline-link{text-decoration:underline;color:#1b05db;margin-left:6px}@media(max-width:600px){.cta-band h2{display:flex;flex-direction:column;gap:10px}.cta-band .underline-link{margin-left:0}}.faq-container{background-color:#fff;color:#1a1a1a;padding:40px 20px}.faq-inner{max-width:800px;margin:0 auto}.faq-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.faq-search-wrapper{display:flex;align-items:center;border:2px solid #ff9900;border-radius:8px;padding:8px 12px;margin-bottom:30px}.faq-search-icon{margin-right:8px;font-size:1.2rem;color:#999}.faq-search-input{flex:1;border:none;outline:none;font-size:1rem;color:#333;background:transparent}.faq-section{margin-bottom:30px}.faq-section-title{font-size:1.5rem;font-weight:600;color:#f90;margin-bottom:12px;border-bottom:2px solid #ff9900;display:inline-block;padding-bottom:4px}.faq-item{border-bottom:1px solid #e0e0e0;padding:12px 0}.faq-question{width:100%;text-align:left;font-size:1.125rem;font-weight:500;color:#222;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-question:hover{color:#f90}.faq-toggle{color:#f90;font-size:1.25rem;font-weight:700}.faq-answer{margin-top:8px;font-size:1rem;color:#555;line-height:1.5;padding-left:12px}h1{font-size:28px;margin:10px 0 5px}h2{font-size:22px;margin:15px 0}.section{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 8px #0000000d}.section h3{font-size:18px;margin-bottom:10px}.section p,.section li{font-size:15px;line-height:1.6}.top-header{display:flex;align-items:center;margin-bottom:10px}.top-header a{text-decoration:none;color:#333;font-size:14px;margin-right:15px;padding:6px 10px;border-radius:6px;transition:.3s}.top-header a:hover{background:gold;color:#000}.page-title{margin-top:20px}.container{max-width:900px;margin:20px auto;padding:20px}.cookie-wrapper{max-width:900px;margin:20px auto;padding:20px;font-family:Segoe UI,Arial,sans-serif;color:#000;border:2px solid #f9a825;border-radius:20px;box-sizing:border-box;background:#f5f5f5;min-height:100vh;box-shadow:0 0 20px #f9a82580}.back-link-top{text-decoration:none;color:#333;font-size:14px;margin-right:15px;padding:6px 10px;border-radius:6px;transition:.3s;display:inline-block}.back-link-top:hover{background:gold;color:#000}.page-title{font-size:28px;margin:10px 0 5px;font-weight:700;color:#000}.last-updated{font-size:14px;color:#777;margin-bottom:20px}.cookie-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 8px #0000000d;position:relative}.cookie-section h2{font-size:22px;margin:15px 0;color:#000}.cookie-section h3{font-size:18px;margin-bottom:10px;margin-top:15px;color:#000}.cookie-section p,.cookie-section li{font-size:15px;line-height:1.6;color:#000}.cookie-section ul{margin:10px 0 15px 20px;list-style-type:disc}strong{font-weight:700}.icon{position:absolute;top:20px;right:20px;color:gold}.highlight{border-left:5px solid #FFD700;padding-left:10px}.cookie-email{color:#000;text-decoration:underline;margin-left:5px}.cookie-email:hover{opacity:.8}.reset-password-container{max-width:400px;margin:80px auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 8px 20px #0000001a;font-family:Poppins,sans-serif}.reset-password-container h2{text-align:center;margin-bottom:1.5rem;color:#111827;justify-content:center}.reset-password-container form{display:flex;flex-direction:column;gap:1rem;position:relative}.input-wrapper{position:relative}.input-wrapper input{padding:.75rem 2.5rem .75rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:1rem;width:100%}.toggle-eye{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;width:20px;height:20px;opacity:.7;transition:opacity .2s}.toggle-eye:hover{opacity:1}.error{color:#ef4444;font-size:.875rem;text-align:center}.success{color:#10b981;font-size:.875rem;text-align:center}.reset-button{padding:.75rem;background-color:#2563eb;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.reset-button:disabled{background-color:#93c5fd;cursor:not-allowed}.reset-button:hover:not(:disabled){background-color:#1d4ed8}@media(max-width:480px){.reset-password-container{margin:40px 1rem;padding:1.5rem}}.dashboard-container{padding:20px;font-family:Arial,sans-serif;background:#f9fafb;min-height:100vh}.dashboard-nav{display:flex;gap:20px;margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.dashboard-nav a{text-decoration:none;color:#374151;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s ease}.dashboard-nav a:hover,.dashboard-nav a.active{background:#2563eb;color:#fff}.dashboard-header h2{font-size:1.5rem;color:#111827;margin-bottom:5px}.dashboard-header p{margin:0 0 10px;color:#4b5563}.dashboard-avatar{width:90px;height:90px;border-radius:50%;margin:15px 0;object-fit:cover;border:2px solid #ddd}.logout-button{display:block;margin-top:15px;padding:.6rem 1.2rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background .2s ease}.logout-button:hover{background:#b91c1c}@media(max-width:600px){.dashboard-container{padding:10px}.dashboard-nav{gap:10px;flex-wrap:wrap}.dashboard-header h2{font-size:1.2rem}}body{font-family:Poppins,sans-serif;background:#f3f4f6;margin:0}.dashboard{display:flex;height:100vh;overflow:hidden}.sidebar{width:17rem;background:#fff;border-radius:1.5rem;margin:1.25rem;padding:1.5rem 1rem;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000014;overflow-y:auto;height:calc(100vh - 2.5rem);font-family:Poppins,sans-serif;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:.5rem}.sidebar-header .logo{width:75%;height:auto;display:flex;margin-left:1rem;font-weight:700;font-size:1rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:.75rem;text-decoration:none;font-size:.95rem;font-weight:500;color:#374151;transition:all .2s;line-height:1.5;width:100%}.nav-item .sidebar-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative;top:-1px;right:-1px;color:#ffb400}.nav-item .fa-icon{position:relative;top:-1px}.nav-item .sidebar-icon svg{position:relative;top:-2px}.nav-item-active{background:#fef9c3;width:100%;color:#ca8a04;font-weight:600}.nav-item-locked{cursor:not-allowed;opacity:.7;background:#fff;color:#424242}.nav-item-locked:hover{background:#fff;color:#000}.sidebar-footer{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.upgrade-pro-card{background-image:linear-gradient(to bottom right,#8b5cf6,#9333ea);color:#fff;padding:1.25rem;border-radius:1rem;text-align:center;margin:auto}[data-theme=dark] .upgrade-pro-card{background-image:linear-gradient(to bottom right,#6d28d9,#a855f7)}.upgrade-pro-icon-container{width:3rem;height:3rem;background-color:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}@media screen and (max-width:768px){.upgrade-pro-icon-container{display:none}.upgrade-pro-card{padding:1rem;margin:auto}.upgrade-pro-title{margin:.5rem}}.upgrade-pro-icon{width:1.75rem;height:1.75rem;color:#fff}.upgrade-pro-title{font-weight:700;font-size:1rem}.upgrade-pro-text{font-size:.75rem;font-weight:300;color:#fffc;margin-top:.25rem;margin-bottom:.5rem}.upgrade-pro-button{width:100%;background-color:#facc15;color:#1f2937;padding:.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;transition-property:background-color;transition-duration:.2s;border:none;cursor:pointer}.upgrade-pro-button:hover{background-color:#eab308}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.main{flex:1;padding:1.5rem 2.5rem;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-radius:1rem}.search-bar input{width:20rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:9999px;outline:none}.search-bar input:focus{border-color:#facc15;box-shadow:0 0 0 2px #fde68a}.user-area{display:flex;align-items:center;gap:1rem}.messages{position:relative}.messages button{color:#000;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;top:-6px}.notification-icon{height:20px;width:20px}.badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .35rem;border-radius:9999px}.profile{position:relative;display:flex;align-items:center;gap:1rem;cursor:pointer}.username{font-weight:500;margin-right:.5rem}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#facc15;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center}.dropdown{position:absolute;top:3rem;right:0;width:12rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;padding:.5rem 0;z-index:10}.dropdown a{display:block;padding:.5rem 1rem;font-size:.875rem;color:#374151;text-decoration:none}.dropdown a:hover{background:#f3f4f6}.dropdown .logout{color:#dc2626}.banner-text h2{color:#fff;font-size:1.75rem;font-weight:800;margin:0 0 .5rem}.banner-text p{color:#d1d5db;margin:0}.banner-btn{background:#facc15;color:#111827;padding:.5rem 1.25rem;font-weight:600;border-radius:9999px;text-decoration:none;box-shadow:0 2px 6px #0003;border:none;cursor:pointer}.banner-btn:hover{background:#fbbf24}.logout-btn{background:none;color:#fd0000;padding:.5rem 1.25rem;font-weight:600;border-radius:9999px;text-decoration:none;border:none;cursor:pointer}.top-section{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.welcome-banner{flex:2;background:linear-gradient(to right,#7c3aed,#ec4899);color:#fff;border-radius:1rem;padding:2.5rem 2.5rem 1.5rem;display:flex;flex-direction:column;justify-content:flex-start}.banner-content{display:flex;align-items:center;margin-bottom:2rem;text-align:center;justify-content:space-between;width:100%}.welcome-banner h2{font-size:2rem;font-weight:700}.welcome-banner p{opacity:.9;margin-top:.5rem}.welcome-banner .banner-btn-full-width{background:#fff;color:#7c3aed;font-weight:600;border-radius:9999px;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s,transform .1s;border:none;cursor:pointer;font-size:1rem;width:100%;text-align:center}.welcome-banner .banner-btn-full-width:hover{background:#f3f4f6;transform:translateY(-1px)}.banner-text{max-width:70%}.banner-icon{display:flex;justify-content:center;margin-top:auto}.rocket-btn{background:#fff;color:#7c3aed;font-size:1.5rem;padding:12px;border-radius:50%;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 8px #00000026;border:none}.rocket-btn:hover{background:#f3f4f6;transform:scale(1.1) rotate(-10deg)}.community-card{flex:1;background:#fff0f5;border-radius:1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;box-shadow:0 4px 15px #0000000d;transition:transform .25s ease,box-shadow .25s ease;font-family:Poppins,sans-serif}.community-title{font-size:1.35rem;font-weight:700;color:#7c1c39;margin-bottom:.5rem;letter-spacing:.3px}.community-subtext{color:#5a3848;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5;max-width:85%}.community-button{background:linear-gradient(90deg,#fb6f92,#ff85a1);color:#fff;border:none;border-radius:15px;width:80%;margin-top:1rem;padding:.75rem 2.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease}.community-button:hover{background:linear-gradient(90deg,#ff85a1,#ff477e);transform:translateY(-2px)}.community-card.pastel-lavender{background:#f5f3ff}.community-card.pastel-blue{background:#eff6ff}.community-card.pastel-pink{background:#fff1f2}@media(max-width:640px){.community-card{padding:1.5rem}.community-title{font-size:1.2rem}.community-subtext{font-size:.9rem}.community-button{width:90%}}.dashboard-row,.dashboard-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.resume-analyzer-card{flex:1;background:#eff6ff;border:1px solid #bfdbfe;border-radius:1rem;padding:1.5rem;text-align:center;justify-self:center}.resume-analyzer-card h3{color:#1e3a8a;font-weight:700;margin-bottom:.5rem}.resume-analyzer-card button{width:100%;background:#3b82f6;border:none;color:#fff;border-radius:9999px;padding:.5rem;cursor:pointer}.resume-analyzer-card button:hover{background:#2563eb}.upload-icon{height:40px;width:50px}.skill-assessment-card{flex:1;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:1rem;padding:1.5rem;text-align:center}.skill-assessment-card h3{color:#6d28d9;font-weight:700;margin-bottom:.5rem}.skill-assessment-card button{width:100%;background:#8b5cf6;border:none;color:#fff;border-radius:9999px;padding:.5rem;margin-top:.8rem;cursor:pointer}.skill-assessment-card button:hover{background:#7c3aed}.assessment-icon-container{padding:8px;margin-top:24px}.assessment-icon{height:40px;width:50px}.ai-interview-card{flex:1;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:1rem;padding:1.5rem;text-align:center}.ai-interview-card h3{color:#065f46;font-weight:700;margin-bottom:.5rem}.ai-interview-card button{width:75%;background:#22c55e;border:none;color:#fff;border-radius:9999px;padding:.5rem;cursor:pointer}.ai-interview-card button:hover{background:#16a34a}.ai-interview-btn{height:40px;width:50px;margin-top:2rem}.card-title-green{color:#065f46;margin-bottom:.5rem;font-weight:700}.card-footer{margin-top:.9rem;display:flex;justify-content:space-between;padding:12px}.card-arrow-icon-green{align-self:center}.card-button-green{margin-top:.1rem}.dashboard-column{display:flex;flex:2;flex-direction:column;gap:1.5rem}.career-recommendations-card{color:#000;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.recommendation-item{border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:transform .2s;background:#fcfcea}.recommendation-item:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000014}.recommendation-title{font-weight:600}.recommendation-tag{font-size:.9rem;background:none;color:#374151;padding:.25rem .5rem;margin-right:.25rem;display:flex}.view-all-button{background:none;color:orange;margin-bottom:.5rem;border:none;cursor:pointer}.card-header-with-button{display:flex;justify-content:space-between;align-items:center}.digital-badges-card{background-color:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex:1}.trophy-icon{width:1.5rem;height:1.5rem;color:#f59e0b}.badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.badges-grid{grid-template-columns:repeat(3,1fr)}}.badge-card{padding:1rem;border-radius:1rem;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;min-height:auto;transition-property:transform,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);cursor:pointer}.badge-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-.25rem)}.badge-earned{background-color:#fffbeb;border-color:#fde68a}.badge-in-progress{background-color:#f8fafc;border-color:#e2e8f0}[data-theme=dark] .badge-in-progress{background-color:#374151;border-color:#4b5563}.badge-icon-container{margin-bottom:.5rem}.badge-name{font-size:.875rem;font-weight:600;color:#1f2937}.badge-status-container{margin-top:.5rem;width:100%}.badge-status-earned{font-size:.75rem;font-weight:700;padding:.125rem .5rem;background-color:#fde68a;color:#92400e;border-radius:9999px}.badge-date{font-size:.75rem;color:#6b7280;margin-top:.375rem}.badge-progress-bar-bg{width:100%;background-color:#e2e8f0;border-radius:9999px;height:.375rem;margin-top:.25rem}.badge-progress-bar-fill{background-color:#94a3b8;height:.375rem;border-radius:9999px}.badge-progress-text{font-size:.75rem;color:#6b7280;margin-top:.375rem}.badges-summary{margin-top:1rem}.badges-progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.badges-progress-label{font-size:.875rem;font-weight:500;color:#4b5563}.badges-progress-count{font-size:.875rem;font-weight:700;color:#d97706}.badges-progress-bar-bg{width:100%;background-color:#e2e8f0;border-radius:9999px;height:.5rem}.badges-progress-bar-fill{background-color:#fbbf24;height:.5rem;border-radius:9999px}.card-header-with-icon{display:flex;align-items:center;gap:.5rem}.upcoming-features-card{background-image:linear-gradient(to bottom right,#91d1fc,#f0fdf4);border:1px solid #e0f2fe;color:#000;padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;justify-content:center}[data-theme=dark] .upcoming-features-card{background-image:linear-gradient(to bottom right,#1f2937,#1f2937);border:1px solid #374151}.card-title-sky-center{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#082f49}[data-theme=dark] .card-title-sky-center{color:#7dd3fc}.card-text-sky-center{font-size:.9rem;color:#0369a1;margin-bottom:4rem;text-align:center}[data-theme=dark] .card-text-sky-center{color:#38bdf8}.upcoming-features-animation-container{position:relative;flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:13rem;margin-bottom:2rem}.animated-ring{position:absolute;border-radius:9999px;animation:spin 8s linear infinite}.animated-ring-center{box-shadow:none!important}.ring-1{width:12rem;height:12rem;border:1px solid #e0f2fe}[data-theme=dark] .ring-1{border-color:#082f49}.ring-2{width:8rem;height:8rem;border:1px solid #dcfce7;animation-direction:reverse;animation-duration:8s}[data-theme=dark] .ring-2{border-color:#14532d}.animated-ring-center{position:absolute;width:4rem;height:4rem;background-color:#0ea5e91a;border-radius:9999px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .animated-ring-center{background-color:#0ea5e933}.feature-icon-group{position:absolute;text-align:center;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.feature-icon-group.top{top:-2rem;left:50%;transform:translate(-50%)}.feature-icon-group.bottom-left{bottom:-2rem;left:25%;transform:translate(-50%)}.feature-icon-group.bottom-right{bottom:-2rem;right:25%;transform:translate(50%)}.feature-icon-circle{width:3.5rem;height:3.5rem;background-color:#ffffffb3;border-radius:9999px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e0f2fe;transition:transform .3s ease,background-color .3s ease;cursor:pointer}[data-theme=dark] .feature-icon-circle{background-color:#37415180;border-color:#4b5563}.feature-icon-group:hover .feature-icon-circle{transform:scale(1.15);background-color:#facc15}.feature-icon-label{font-size:.75rem;margin-top:.5rem;color:#6b7280;display:block;font-weight:500}.upcoming-features-button{margin-top:2.5rem;width:100%;background-color:#facc15;color:#1f2937;padding:.5rem;border-radius:9999px;font-weight:600;transition:background-color .2s ease;border:none;cursor:pointer}.upcoming-features-button:hover{background-color:#eab308}.calendar-card{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;max-height:380px;overflow:hidden;margin-top:1.5rem}.card-title-default{font-weight:600;font-size:1rem;color:#222;text-align:left;margin:6px 0 10px;letter-spacing:.5px}.react-calendar{border:none;font-size:.95rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.react-calendar__navigation{display:flex;justify-content:center;align-items:center;margin:0;padding:0}.react-calendar__navigation__arrow,.react-calendar__navigation__label{background:none;border:none;color:#333;font-size:1.25rem;font-weight:600;cursor:pointer;padding:4px 6px}.react-calendar__navigation__label__labelText--active{font-weight:600}.react-calendar__month-view__weekdays{text-align:center;font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase;border-bottom:1px dotted #ddd;padding:2px 0 4px;margin:0}.react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);gap:4px}.react-calendar__tile{display:flex;justify-content:center;align-items:center;aspect-ratio:auto;min-height:28px;max-height:32px;border-radius:50%;font-weight:500;color:#333;background:none;border:none;font-size:.85rem;transition:background-color .2s ease,color .2s ease}.react-calendar__tile:hover{background-color:#f0f0f0;color:#000}.react-calendar__tile--active,.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background-color:#facc15!important;color:#000!important;font-weight:700}.react-calendar__tile--now{background-color:#000!important;color:#fff!important;font-weight:700}.react-calendar__tile--range:hover,.react-calendar__tile--rangeStart:hover,.react-calendar__tile--rangeEnd:hover{background-color:#f0f0f0!important;color:#000!important}.react-calendar__tile--neighboringMonth{color:#ccc;opacity:.8;pointer-events:none}.user-dropdown{position:absolute;top:3rem;right:0;width:12.5rem;background:#fff;border-radius:12px;box-shadow:0 8px 24px #1c232b1f;padding:.4rem;z-index:200;animation:dropdownPop .2s ease-out;transform-origin:top right;border:1px solid #f1f3f5;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes dropdownPop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-dropdown-link{display:flex;align-items:center;width:100%;background:transparent;border:none;color:#374151;font-size:.9rem;font-weight:500;padding:.75rem .9rem;text-align:left;cursor:pointer;border-radius:8px;transition:background-color .15s ease,color .15s ease;will-change:background,color}.user-dropdown-link:hover{background-color:#eef4ff;color:#2563eb}.user-dropdown-link:focus,.user-dropdown-link:active{outline:none;box-shadow:none;background-color:#eef4ff;color:#2563eb}.user-logout-btn{display:flex;align-items:center;width:100%;background:transparent;border:none;color:#ef4444;font-weight:500;font-size:.9rem;padding:.75rem .9rem;cursor:pointer;text-align:left;border-radius:8px;transition:background-color .15s ease,color .15s ease;will-change:background,color}.user-logout-btn:hover{background-color:#fff4f4;color:#dc2626}.user-logout-btn:focus,.user-logout-btn:active{outline:none;box-shadow:none;background-color:#fff4f4;color:#dc2626}.user-dropdown hr{border:none;height:1px;background-color:#e5e7eb;margin:.5rem 0}.admin-access-banner{background:#8cb4f4;display:flex;color:#fff;border-radius:12px;padding:16px;margin:20px auto;text-align:center;max-width:100%;box-shadow:0 4px 10px #0003;align-items:baseline;justify-content:space-around}.admin-access-banner p{font-size:1rem;font-weight:500;margin:0}.btn-admin-access{background:#22c55e;color:#fff;border:none;border-radius:8px;padding:10px 20px;margin-top:0;cursor:pointer;font-weight:500;transition:background-color .2s ease}.btn-admin-access:hover{background:#16a34a}.mobile-topbar{display:none!important}.sidebar{position:relative;left:auto;top:auto;height:auto;width:17rem;box-shadow:none;transform:none;z-index:auto}.desktop-only{display:flex}.overlay,.mobile-topbar{display:none}@media(max-width:768px){.mobile-topbar{display:flex!important;position:fixed;top:0;left:0;right:0;height:60px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 1rem;z-index:5000;box-sizing:border-box}.mobile-left,.mobile-center,.mobile-right{flex:1;display:flex;align-items:center}.mobile-left{justify-content:flex-start}.mobile-center{justify-content:center}.mobile-right{justify-content:flex-end;gap:.75rem}.dashboard-row{flex-direction:column}.hamburger{font-size:1.5rem;background:none;border:none;color:#facc15;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;transition:transform .2s ease;position:fixed;z-index:7000}.hamburger:active{transform:scale(.95)}.sidebar{position:fixed;margin:0;top:0;left:-100%;height:100vh;width:80%;max-width:320px;background:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem 1rem;z-index:6000;transition:left .35s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0!important;transform:none!important;visibility:visible!important;opacity:1!important}.sidebar-header{display:none!important}.sidebar-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.sidebar-nav{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;padding-right:.2rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:.75rem;text-decoration:none;font-size:.95rem;font-weight:500;color:#374151;transition:all .2s;width:100%}.nav-item:hover{background:#fef9c3;color:#ca8a04}.nav-item-active{background:#fef9c3;color:#ca8a04;font-weight:600}.nav-item-locked{cursor:not-allowed;opacity:.7}.sidebar-footer{margin-top:auto;flex-shrink:0;padding-top:1.25rem;border-top:1px solid #f3f4f6}.upgrade-pro-card{background-image:linear-gradient(to bottom right,#8b5cf6,#9333ea);color:#fff;padding:1.25rem;border-radius:1rem;text-align:center;margin-top:1rem;box-shadow:0 4px 10px #8b5cf640}.upgrade-pro-icon-container{width:3rem;height:3rem;background-color:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.upgrade-pro-icon{width:1.75rem;height:1.75rem;color:#fff}.upgrade-pro-title{font-weight:700;font-size:1rem}.upgrade-pro-text{font-size:.75rem;font-weight:300;color:#fffc;margin-top:.25rem;margin-bottom:.5rem}.upgrade-pro-button{width:100%;background-color:#facc15;color:#1f2937;padding:.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease}.upgrade-pro-button:hover{background-color:#eab308}.overlay{display:block!important;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5500;animation:fadeIn .3s ease}.mobile-topbar{position:fixed;z-index:6500}.mobile-logo-img{display:block;height:32px;width:auto;object-fit:contain}.notif-btn{background:none;border:none;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px}.notif-btn .notification-icon{width:22px;height:22px;color:#111827}.avatar-small{width:36px;height:36px;border-radius:50%;background:#facc15;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem;text-transform:uppercase;cursor:pointer;transition:transform .2s ease}.avatar-small:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.desktop-only,.topbar{display:none!important}.main{padding-top:70px;padding-left:1rem;padding-right:1rem;overflow-y:auto}.sidebar-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-nav{flex:1 1 auto;overflow-y:auto;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.45rem}.sidebar-footer{flex:0 0 auto;padding:.8rem;border-top:1px solid #f3f4f6;background:linear-gradient(180deg,#fffffff2,#fff)}}@media(min-width:769px){.mobile-topbar,.overlay{display:none!important}.desktop-only,.topbar{display:flex!important}.sidebar{position:relative;left:auto;top:auto;height:calc(100vh - 2.5rem);width:17rem;box-shadow:0 4px 12px #00000014;z-index:auto;transform:none;padding-top:0;overflow:auto;margin:1.25rem;padding:1.5rem 1rem;border-radius:1.5rem}.sidebar.open{left:0!important;transform:none!important;visibility:visible!important;opacity:1!important}.main{padding-top:0;padding:1.5rem 2.5rem}}.pro-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.pro-modal-content{background:#fff;border-radius:16px;padding:40px;max-width:450px;width:90%;text-align:center;position:relative;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.pro-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;line-height:1;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.pro-modal-close:hover{color:#1f2937;background:#f3f4f6}.pro-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #ffd7004d}.pro-modal-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:16px;background:linear-gradient(135deg,gold,#ff8c00);flex-direction:column;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pro-modal-message{font-size:18px;color:#374151;margin-bottom:12px;line-height:1.6}.pro-modal-message strong{color:#1f2937;font-weight:600}.pro-modal-description{font-size:14px;color:#6b7280;margin-bottom:32px;line-height:1.6}.pro-modal-actions{display:flex;gap:12px;justify-content:center}.pro-modal-btn{padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.pro-modal-btn.primary{background:linear-gradient(135deg,gold,#ff8c00);color:#fff;box-shadow:0 4px 12px #ff8c004d}.pro-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff8c0066}.pro-modal-btn.secondary{background:#f3f4f6;color:#6b7280}.pro-modal-btn.secondary:hover{background:#e5e7eb;color:#374151}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.report-container{margin:1rem auto;padding:2rem;background:#f9f8ff;border-radius:16px;box-shadow:0 4px 20px #00000014;font-family:Poppins,sans-serif;color:#1f2937}.report-header{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#111827}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;justify-items:center;margin-bottom:2rem}.trait-card{background:#fff;width:100%;max-width:240px;min-height:200px;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:transform .2s ease}.trait-card:hover{transform:translateY(-4px) scale(1.02)}.trait-icon{margin-bottom:.5rem}.trait-name{display:block;font-weight:600;font-size:1.1rem;margin-bottom:.3rem}.trait-percent{font-size:1.2rem;font-weight:700;color:#111827;margin-bottom:.6rem}.trait-bar{height:6px;width:100%;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.6rem}.trait-bar-fill{height:100%;border-radius:4px}.trait-subtext{font-size:.85rem;color:#6b7280}.report-flex-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:2rem;margin-top:2rem}.strengths-card{flex:1 1 45%;min-width:340px;background:#fff;border-radius:14px;padding:1.5rem 1.8rem;box-shadow:0 2px 12px #0000000f;transition:transform .2s ease}.strengths-card:hover{transform:translateY(-3px)}.strengths-header{font-size:1.1rem;font-weight:600;color:#047857;margin-bottom:1rem}.strengths-section,.growth-section{margin-bottom:1.2rem}.strengths-title{font-weight:600;color:#065f46;font-size:.95rem;margin-bottom:.4rem}.growth-title{font-weight:600;color:#b91c1c;font-size:.95rem;margin-bottom:.4rem}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.3rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500;background-color:#f9fafb;border:1.5px solid transparent;transition:all .2s ease}.strength-tag{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}.strength-tag:hover{background-color:#d1fae5}.growth-tag{color:#b45309;background-color:#fff7ed;border-color:#fdba74}.growth-tag:hover{background-color:#ffedd5}.no-data{color:#9ca3af;background-color:#f3f4f6;border-color:#e5e7eb}.report-chart-card{flex:1 1 45%;min-width:340px;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:1.5rem;text-align:center;transition:transform .2s ease}.report-chart-card:hover{transform:translateY(-3px)}.report-explanations{margin-top:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000d}.report-explanations h3{margin-bottom:1rem;font-size:1.2rem;font-weight:600;color:#111827}.report-explanations ul{padding-left:1rem}.report-explanations li{margin-bottom:1rem;line-height:1.5;color:#374151}@media(max-width:1024px){.report-summary{flex-direction:column;align-items:center}.trait-card{max-width:90%}.report-flex-row{flex-direction:column;align-items:center}.strengths-card,.report-chart-card{width:100%;max-width:600px}}@media(max-width:640px){.report-container{padding:1.2rem}.strengths-header{font-size:1rem}.tag{font-size:.8rem;padding:.25rem .6rem}}@media(max-width:640px){.report-summary{grid-template-columns:1fr 1fr;gap:.8rem}.trait-card{max-width:none;min-height:180px;padding:.8rem}.trait-name{font-size:1rem}.trait-percent{font-size:1.1rem}}@media(max-width:400px){.report-summary{grid-template-columns:1fr}.trait-card{width:100%;min-height:170px}}form{max-width:800px;margin:auto;background:#f9f9f9;padding:30px;border-radius:12px;box-shadow:0 6px 15px #0000001a;font-family:Poppins,sans-serif}h2{text-align:center;color:#333}fieldset{border:none;padding:0;margin:0}legend{padding:0;margin-bottom:5px;font-weight:600;color:#222}.question{position:relative;margin-bottom:25px;padding:15px;border-left:5px solid #4CAF50;background-color:#fff;border-radius:8px;transition:all .2s ease}.question:hover{background-color:#f0fdf4}.status-mark{position:absolute;opacity:80%;top:1px;right:12px;font-size:1.3rem}.test-question-text{font-weight:600;margin-bottom:5px;color:#222}.radio-group{display:flex;justify-content:space-around;margin-top:10px;flex-wrap:nowrap;gap:5px}.radio-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.radio-option input{position:absolute;opacity:0;pointer-events:none}.emoji{font-size:2.5rem;filter:grayscale(100%);transition:transform .2s ease,filter .3s ease,text-shadow .3s ease}.radio-option input:checked+.emoji{filter:grayscale(0%);transform:scale(1.2);text-shadow:0 0 8px var(--emoji-color),0 0 16px var(--emoji-color);color:var(--emoji-color)}.form-message{margin-top:15px;text-align:center;font-weight:500;color:#d32f2f}.sub-nav{display:flex;gap:12px;margin:16px 0}.sub-nav{display:flex;gap:16px;margin:20px 0;background:#f9fafb;padding:8px;border-radius:9999px}.sub-nav a{text-decoration:none;color:#374151;font-weight:500;padding:8px 20px;border-radius:9999px;transition:all .3s ease}.sub-nav a:hover{background-color:#e5e7eb}.sub-nav a.active{background-color:#fff;color:#111827;font-weight:600;box-shadow:0 2px 6px #0000001a}.cta-card{margin:5px auto;padding-top:1px;padding-bottom:15px;max-width:auto;border-radius:12px;background:#f2edff;box-shadow:0 4px 10px #0000001a;text-align:center;justify-items:center}.cta-card h2{font-size:2rem;font-weight:700;color:#8a2be2}.cta-card h3{margin-bottom:10px;font-size:.9rem;font-weight:400;color:#101010}.take-test-btn{padding:12px 20px;background:#af7aff;color:#fff;font-size:1.1rem;font-weight:700;border:.1px solid black;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease}.take-test-btn:hover{background:#a815f7;transform:translateY(-2px)}@media(max-width:600px){form{max-width:100%;padding:2%}.question{padding:12px}.emoji-options{display:flex;justify-content:space-between;gap:6px;flex-wrap:nowrap;overflow-x:hidden}.emoji-options img,.emoji-options span{width:38px;height:38px;flex-shrink:0}}@media(max-width:400px){.emoji{font-size:2rem}}.p-6{padding:1.5rem;font-family:Inter,sans-serif;background-color:#f9fafb}h1{font-size:2rem;font-weight:700;color:#111827;margin-bottom:1rem}h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.meta-info{font-size:.875rem;color:#6b7280;margin-bottom:1rem}button{cursor:pointer;font-weight:500;border:none;transition:all .2s ease;padding:.5rem 1rem;border-radius:.375rem}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.bg-blue-600{background-color:#2563eb;color:#fff}.bg-blue-600:hover{background-color:#1e40af}.bg-yellow-600{background-color:#f59e0b;color:#fff}.bg-yellow-600:hover{background-color:#b45309}.bg-green-600{background-color:#16a34a;color:#fff}.bg-green-600:hover{background-color:#15803d}.bg-red-600{background-color:#dc2626;color:#fff}.bg-red-600:hover{background-color:#b91c1c}.text-red-500{color:#ef4444;font-weight:500;margin-top:.5rem}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 5px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.flex{display:flex;gap:.5rem;margin-top:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}@media screen and (max-width:768px){.flex{flex-direction:column}button{width:100%}}.next-steps-section{text-align:center;background:#f8f6ff;border:1px solid #e3dbff;border-radius:16px;padding:32px 24px;margin-top:32px;box-shadow:0 4px 12px #af7aff26;animation:fadeInUp .8s ease forwards;opacity:0}.next-steps-section h3{font-size:1.4rem;font-weight:700;color:#7a33ff;margin-bottom:10px}.next-steps-section p{color:#333;font-size:1rem;margin-bottom:22px}.next-btn{padding:12px 22px;border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;box-shadow:0 4px 10px #af7aff40;transition:all .25s ease}.sa-next-btn{background:linear-gradient(135deg,#b88bff,#8a5cff)}.sa-next-btn:hover{background:linear-gradient(135deg,#a76bff,#7a33ff);transform:translateY(-2px);box-shadow:0 6px 15px #8a5cff4d}.sa-retake-btn{background:linear-gradient(135deg,#a06bff,#7938ff)}.sa-retake-btn:hover{background:linear-gradient(135deg,#934aff,#6c2cff);transform:translateY(-2px);box-shadow:0 6px 15px #7938ff59}.bfi-form{max-width:850px;margin:30px auto;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;font-family:Poppins,sans-serif}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.progress-display{text-align:right;min-width:180px}.progress-container{height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#7a33ff,#b88bff);transition:width .4s ease}.section-card{background:#f8f6ff;padding:20px 25px;border-radius:12px;box-shadow:inset 0 0 5px #af7aff1a}.section-card h3{color:#7a33ff;margin-bottom:15px;font-weight:600}.question-card{background:#fff;border-radius:10px;padding:15px 20px;margin-bottom:18px;border:1px solid #ece3ff;transition:all .3s ease}.question-card:hover{box-shadow:0 4px 10px #af7aff26}.test-question-number{font-size:.9rem;color:#7a33ff}.test-question-text{font-size:1.1rem;font-weight:600;margin:8px 0 10px}.options-group{display:flex;flex-direction:column;gap:8px}.option-item{background:#f3f0ff;border-radius:8px;padding:10px 14px;transition:all .2s ease;cursor:pointer}.option-item:hover{background:#e7dfff}.option-item.selected{background:#d9c4ff;font-weight:600;box-shadow:0 0 8px #8a5cff33}.nav-buttons{display:flex;justify-content:space-between;margin-top:25px}.test-nav-btn{background:linear-gradient(135deg,#a76bff,#7a33ff);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-weight:600;cursor:pointer}.test-nav-btn:hover{background:linear-gradient(135deg,#7a33ff,#a76bff);transform:translateY(-2px)}.test-submit-btn{width:50%;background:linear-gradient(135deg,#7a33ff,#b88bff);color:#fff;padding:10px 22px;font-weight:700;border-radius:10px;margin-top:10px}.form-message{text-align:center;color:#d32f2f;margin-top:12px;font-weight:500}.emoji-group{display:flex;justify-content:space-evenly;align-items:center;gap:18px;margin-top:15px;flex-wrap:nowrap}.emoji-option{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;position:relative;transition:transform .18s ease;flex:0 0 64px;overflow:visible}.emoji-option input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.emoji{display:inline-block;font-size:2.2rem;transform-origin:center;filter:grayscale(100%);transition:transform .22s ease,filter .25s ease,text-shadow .25s ease}.emoji-option input:checked+.emoji{filter:grayscale(0%);transform:scale(1.25);text-shadow:0 0 8px var(--emoji-color);color:var(--emoji-color)}.emoji-option:hover .emoji{transform:scale(1.08);filter:grayscale(10%)}.emoji-option input:focus{outline:none}@media(max-width:600px){.emoji-option{width:52px;height:52px;flex:0 0 52px}.emoji{font-size:2rem}}.bfi-form{overflow-anchor:none}@media(max-width:600px){.bfi-form{padding:16px;margin:10px;border-radius:10px;box-shadow:none}.test-header{flex-direction:column;gap:10px;align-items:flex-start}.progress-display{width:100%;text-align:left}.section-card{padding:15px}.question-card{padding:0;margin-bottom:10px;margin-top:10px}.test-question-number{font-size:.85rem;padding:0 10px}.test-question-text{font-size:1rem;padding:0 10px}.emoji-group{display:flex;justify-content:space-evenly;gap:0;flex-wrap:nowrap;margin-top:10px}.emoji-option{width:52px;height:52px;flex:0 0 52px;border-radius:10px}.emoji-option{touch-action:manipulation}.emoji{font-size:1.8rem}.nav-buttons{flex-direction:row;gap:10px}.test-nav-btn,.test-submit-btn{width:100%;text-align:center;padding:12px}.test-submit-btn{margin-top:0}}@media(max-width:400px){.emoji-option{touch-action:manipulation}.emoji-option{width:46px;height:46px}.emoji{font-size:1.6rem}.test-question-text{font-size:.95rem;padding:0 10px}}.section-card{animation:fadeIn .3s ease}.timeline-wrapper{max-width:1200px;margin:1.5rem auto;padding:1rem 1.25rem;font-family:Inter,system-ui,sans-serif}.summary-progress-card{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;padding:1.5rem 2rem;margin-bottom:2rem;text-align:left}.summary-progress-card h2{margin:0 0 .6rem;font-size:1.4rem;font-weight:600;color:#222}.summary-meta{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:.8rem}.summary-meta p{margin:0;color:#444;font-size:.95rem}.summary-progress-bar{height:14px;width:100%;background:#e9e9e9;border-radius:999px;overflow:hidden}.summary-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#9be799);border-radius:999px;width:0;transition:width .8s ease}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.delete-progress-btn{background:#f44336;border:none;color:#fff;font-weight:600;padding:.45rem .9rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .2s ease;box-shadow:0 3px 8px #f4433640}.delete-progress-btn:hover{background:#d32f2f;transform:translateY(-1px)}.timeline{position:relative;padding:2rem 0;min-height:520px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translate(-50%);background:#e0e0e0;border-radius:6px;overflow:hidden}.timeline-line-fill{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,#4caf50,#81c784);border-radius:6px;transition:height .8s ease}.timeline-item{position:relative;width:calc(50% - 60px);margin-bottom:4rem}.timeline-item.left{left:0;text-align:left;transform:translate(-12px)}.timeline-item.right{left:50%;text-align:left;transform:translate(12px)}.timeline-badge{position:absolute;top:0;right:-68px;width:58px;display:flex;flex-direction:column;align-items:center;gap:6px}.timeline-item.right .timeline-badge{left:-78px;right:auto}.badge-inner{height:44px;width:44px;border-radius:50%;background:#fff;border:3px solid #f7b85b;font-weight:700;color:#f7b85b;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #f7b85b4d}.badge-label{font-size:.8rem;background:#fff;padding:4px 8px;border-radius:6px;box-shadow:0 2px 6px #0000001a;color:#666}.timeline-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 10px 25px #0000000d;border:1px solid rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease}.timeline-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #00000014}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;flex-wrap:wrap}.card-left{display:flex;align-items:center;gap:.8rem}.card-icon{width:42px;height:42px;border-radius:50%;background:#f7b85b21;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.card-header h4{margin:0;font-size:1.05rem;font-weight:600;color:#222}.card-header small{color:#777;font-size:.85rem}.select-all{width:20px;height:20px;margin-left:5rem;display:flex;cursor:pointer;border-radius:2rem;accent-color:#4caf50;border-radius:6rem;transform:scale(1.1);transition:transform .2s ease}.card-right .progress-number{font-weight:600;color:#333}.progress-bar-outer{width:100%;height:10px;background:#eaeaea;border-radius:999px;overflow:hidden;margin:.8rem 0 1rem}.progress-bar-inner{height:100%;background:linear-gradient(90deg,#f7b85b,#ffda84);border-radius:999px;transition:width .5s ease}.stage-steps{list-style:none;margin:0;padding:0}.roadmap-step{margin-bottom:.75rem;background:#fafafa;border-left:4px solid #ccc;border-radius:6px;padding:.75rem 1rem;transition:all .2s ease}.roadmap-step.completed{border-left-color:#4caf50;background:#f6fff8}.step-layout{display:flex;justify-content:space-between;align-items:flex-start}.step-text{flex:1;padding-right:1rem}.checkbox-right{flex-shrink:0}.checkbox-right input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4caf50;border-radius:6rem;transform:scale(1.1);transition:transform .2s ease}.checkbox-right input[type=checkbox]:hover{transform:scale(1.25)}.resource-list{margin:.4rem 0 0 1rem;font-size:.9rem;line-height:1.5}.resource-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#333}.resource-list a{color:#1976d2;text-decoration:none;font-weight:500}.resource-list a:hover{text-decoration:underline}.resource-platform{color:#555;font-style:italic}.free-label{background:linear-gradient(90deg,gold,#ffb700,#ffdf00,#f70);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite;font-weight:700;font-size:.95rem;margin-left:4px;text-shadow:0 0 6px rgba(255,221,100,.6)}.tip{display:flex;align-items:center;gap:6px;font-style:italic;justify-self:left;color:#555;margin-top:.4rem}.analyze-btn{background:linear-gradient(90deg,#0078ff,#00c6ff);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;margin-top:.6rem;transition:all .2s ease}.analyze-btn:hover{background:linear-gradient(90deg,#005fdd,#00a3dd);transform:translateY(-1px)}.delete-btn{display:inline-block;margin-top:2rem;background:#e53935;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.delete-btn:hover{background:#c62828}.view-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.view-toggle button{padding:.6rem 1.2rem;border-radius:8px;border:1px solid #ccc;background:#6d6d6d;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle button.active{background:#4caf50;border-color:#4caf50}.completed-roadmaps{display:grid;gap:1rem}.completed-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #00000014}.completed-card h3{margin-bottom:.5rem}.view-btn{margin-top:.5rem;background:#1976d2;color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;cursor:pointer}.view-btn:hover{background:#125ba1}.popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popup-card{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 8px 24px #00000026;width:360px;text-align:center;animation:popupAppear .25s ease}.popup-card h3{margin:0 0 .6rem;font-weight:600;color:#222}.popup-card p{font-size:.95rem;color:#555}.popup-actions-map{margin-top:1.4rem;display:flex;justify-content:center;gap:.8rem}.popup-btn{padding:.55rem 1.3rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;background:#4caf50;color:#fff;transition:background .2s ease}.popup-btn:hover{background:#43a047}.popup-btn.danger{background:#e53935}.popup-btn.danger:hover{background:#c62828}@keyframes popupAppear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:960px){.timeline-line{left:28px;width:5px}.timeline-item{width:100%;left:0!important;transform:translate(0)!important}.timeline-badge{left:-55px!important;right:auto}}@media(max-width:600px){.card-header{flex-direction:column;align-items:flex-start;gap:.6rem}.card-right .progress-number{align-self:flex-end}}@media(max-width:480px){.timeline-wrapper{padding:1rem}.summary-progress-card,.timeline-card{padding:1rem 1.25rem}.popup-card{width:90%;padding:1rem 1.5rem}}.locked{opacity:.6;pointer-events:none;position:relative}.locked-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#333;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:12px}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;justify-content:space-between}.collapse-toggle{font-size:14px;margin-left:auto;opacity:.7;transition:transform .3s ease}.stage-content.collapsed~.collapse-toggle{transform:rotate(180deg)}.stage-content{overflow:hidden;transition:all .35s ease,opacity .35s ease}.stage-content.expanded{max-height:none;opacity:1;pointer-events:auto}.stage-content.collapsed{max-height:0;opacity:0;pointer-events:none}.timeline-card.locked{opacity:.8;position:relative;pointer-events:auto}.locked-overlay{position:absolute;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#333;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:12px;text-align:center;padding:10px;z-index:2;pointer-events:none}.badge-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.badge-popup{position:relative;background:linear-gradient(145deg,#fff,#f8f8ff);border-radius:20px;padding:2rem 2.5rem;width:380px;text-align:center;box-shadow:0 8px 40px #00000040;animation:badge-fade-in .4s ease;overflow:hidden}.badge-glow{position:absolute;inset:0;background:radial-gradient(circle at center,#ffd70044,transparent 70%);animation:pulse 2s infinite ease-in-out;z-index:0}.badge-content{position:relative;z-index:2}.badge-img-celebration{width:120px;height:120px;object-fit:contain;animation:pop-in .4s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.badge-title{font-size:1.4rem;background:linear-gradient(90deg,#ffb300,#ff7800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;margin-top:0;display:block}.badge-text{font-size:.95rem;color:#333;margin-bottom:1.5rem}.badge-actions{display:flex;justify-content:center;gap:1rem}.badge-btn.primary{background:linear-gradient(90deg,#ffb300,#ff7800);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}.badge-btn.primary:hover{transform:scale(1.05)}@keyframes badge-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.badge-btn.share{background:linear-gradient(90deg,#ff7800,#ffb300);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500;border-radius:10px;padding:.5rem 1.5rem;cursor:pointer;transition:all .2s ease}.badge-btn.share:hover{background-color:#444}.share-card-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.share-card{background:#181818;color:#fff;border-radius:16px;padding:20px;width:90%;max-width:450px;box-shadow:0 10px 40px #00000080;animation:fadeIn .25s ease}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.share-header h3{font-size:1.2rem;font-weight:600;color:#fff}.close-btn-share{position:absolute;right:1px;top:15px;background:none;border:none;font-size:22px;color:#777;cursor:pointer;transition:.2s ease}.share-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:16px 0}.share-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;color:#fff;font-size:22px;cursor:pointer;transition:all .2s}.share-icon span{font-size:.75rem;margin-top:4px}.share-icon.linkedin{background:#0a66c2}.share-icon.whatsapp{background:#25d366}.share-icon.facebook{background:#1877f2}.share-icon.twitter{background:#000}.share-icon.download{background:#444}.share-icon:hover{transform:scale(1.05);opacity:.9}.copy-section{background:#202020;border-radius:10px;padding:8px;align-items:center}.copy-section input{flex:1;background:transparent;border:none;color:#eee;font-size:.9rem;outline:none}.copy-btn{background:#0a66c2;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-weight:500;cursor:pointer;transition:.2s;margin-top:0}.copy-btn:hover{opacity:.9}@media(max-width:992px){html,body{overflow-x:hidden!important;width:100%!important}.roadmap-container{width:100%;padding:15px 10px;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.timeline{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;margin:0 auto}.timeline-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:#e0e0e0;z-index:0}.timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:40px;text-align:center}.timeline-badge{position:relative;color:#fcb900;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;z-index:2}.badge-label{margin-top:6px;font-size:12px;color:#666}.timeline-card{margin-top:12px;width:90%;max-width:380px;background:#fff;border-radius:14px;box-shadow:0 3px 10px #0000001a;padding:14px;text-align:left;z-index:1;overflow:visible!important}.timeline-card.locked{opacity:.7}.card-header{display:flex;flex-direction:column;align-items:flex-start;position:relative}.collapse-toggle{position:absolute;top:12px;right:14px;font-size:16px}.stage-content{width:100%;margin-top:8px}.stage-steps{padding-left:0;list-style:none}.roadmap-step{background:#f9f9f9;border-radius:10px;margin-bottom:10px;padding:10px}.step-text{font-size:13px;overflow-wrap:anywhere}.checkbox-right{margin-left:auto}.delete-progress-btn{justify-content:center;width:auto}*{box-sizing:border-box}.badge-popup,.share-card,.popup-card{width:90%;max-width:360px}.share-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:16px 0}.share-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:auto;border-radius:12px;padding:0;color:#fff;font-weight:500;font-size:12px;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease;background:none}.share-icon span{display:block;width:auto;max-width:100px;text-align:center;line-height:1.2;font-size:12px;color:#eee;white-space:normal;word-break:break-word;margin-top:4px}.icon-circle{display:flex;align-items:center;justify-content:center;width:70px;border-radius:50%;font-size:24px;color:#fff}.share-icon.linkedin .icon-circle{background:#0a66c2}.share-icon.whatsapp .icon-circle{background:#25d366}.share-icon.facebook .icon-circle{background:#1877f2}.share-icon.twitter .icon-circle{background:#000}.share-icon.download .icon-circle{background:#444}.share-icon:hover{transform:scale(1.08)}}.career-container{max-width:auto;margin:0}.heading-container{margin:5px auto;padding-top:1px;padding-bottom:15px;max-width:auto;border-radius:12px;background:#e3fdeb;text-align:center;box-shadow:0 2px 6px #0000000d;justify-content:center}.title{font-size:2rem;font-weight:700;color:#21c65c;margin-bottom:10px;text-align:center}.meta{font-size:14px;color:#64748b;margin-bottom:15px}.actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}.error-message{color:red;font-size:.9rem;font-weight:500}.actions button{padding:10px 16px;border:.1px solid #1a1a1a;border-radius:8px;background-color:#71ffa3;color:#6a6a6a;font-weight:600;cursor:pointer}.actions button:hover{background-color:#2cff14;color:#000}.actions button:disabled{background-color:#fefefe;cursor:not-allowed}.error{color:#dc2626;font-weight:500}.card-recommendations{margin:1rem auto;max-width:auto;background:#e3fdeb;border-radius:16px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif;color:#1f2937;padding:20px 25px}.card-recommendations h2,.card-recommendations h3{margin:0;padding-left:-2px;font-weight:500;color:#073b25}.card-recommendations .new-recommendations-title{margin-bottom:15px;border-left:6px solid #21c65c;padding-left:12px;color:#1a4731;font-size:1.1rem}.card-saved-jobs-container{background:#e3fdeb;padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 6px #0000000d}.job-list{list-style:none;padding:0;margin:0}.job-list li{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem;background-color:#fff;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.job-item ul li{display:none;align-items:center}.job-list li:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.job-list h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.25rem}.job-list p{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.job-list .text-red-600{color:#dc2626;font-weight:500}.job-item:last-child{border-bottom:none}.job-item h3{margin:0;font-size:20px;color:#334155}.missing-skills{color:#b91c1c;font-size:14px;margin-top:5px}.save-btn,.delete-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;cursor:pointer;border:none;transition:all .3s ease}.save-btn{background-color:#2563eb;color:#fff}.save-btn:hover:not(.saved){background-color:#1e40af}.save-btn.saved{background-color:#16a34a;color:#fff;transform:scale(1.05)}.save-btn.saved:disabled{opacity:.9;cursor:default}.delete-btn{background-color:#ef4444;color:#fff}.delete-btn:hover{background-color:#b91c1c}.saved-toggle{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1.2rem;margin:12px 0;color:#2563eb;-webkit-user-select:none;user-select:none;transition:color .3s}.saved-toggle:hover{color:#1e40af}.roadmap-loader{text-align:center;padding:2rem}.spinner{margin:0 auto 1rem;border:4px solid #eee;border-top:4px solid #4caf50;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.career-subnav{display:flex;justify-content:center;align-items:center;background:#f6f7fb;border-radius:40px;padding:.5rem 1rem;gap:3rem;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.career-subnav-item{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:#333;cursor:pointer;padding:.6rem 1.2rem;border-radius:30px;position:relative;transition:all .25s ease}.career-subnav-item i{font-size:1.1rem;color:#444}.popup-warning{position:fixed;top:20px;right:20px;background:#fff3cd;color:#856404;padding:12px 18px;border-radius:8px;border:1px solid #ffeeba;box-shadow:0 2px 8px #00000026;font-size:.95rem;z-index:9999;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.popup-warning button{background:transparent;border:none;color:#856404;font-size:1.1rem;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.career-subnav-item.active{color:#1976d2;font-weight:600}.career-subnav-item.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:50%;height:3px;background:#ffb400;border-radius:3px}.roadmap-btn{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;font-weight:600;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:all .25s ease-in-out;font-size:.95rem;box-shadow:0 2px 8px #3b82f640;display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem}.roadmap-btn:hover{background:linear-gradient(90deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.roadmap-btn:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb40}.roadmap-btn:disabled{background:#93c5fd;cursor:not-allowed;opacity:.8}.roadmap-btn.active{background:linear-gradient(90deg,#10b981,#22c55e);box-shadow:0 2px 8px #10b98140}.roadmap-btn.active:hover{background:linear-gradient(90deg,#059669,#16a34a);box-shadow:0 4px 12px #10b98159}.roadmap-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;background-color:#f9fafb;border-radius:1rem;text-align:center}.roadmap-loader p{font-size:1.1rem;color:#1f2937;margin-bottom:2rem;font-weight:500}.roadmap-loader .lottie{width:min(400px,60vw);height:min(400px,60vw)}.motivational-quote{font-size:1rem;font-style:italic;color:#4b5563;margin-bottom:1rem;text-align:center;line-height:1.6;padding:.75rem 1.25rem;border-radius:.75rem;display:inline-block;max-width:600px;margin-left:auto;margin-right:auto}.next-steps-section{text-align:center;background:#f3faff;border:1px solid #cde9ff;border-radius:16px;padding:32px 24px;margin-top:40px;box-shadow:0 4px 15px #00a2ff26;animation:fadeInUp .8s ease forwards;opacity:0}.next-steps-section h3{font-size:1.4rem;font-weight:700;color:#007ad6;margin-bottom:10px}.next-steps-section p{color:#374151;font-size:1rem;margin-bottom:24px}.next-steps-buttons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.next-btn{border:none;color:#fff;padding:12px 22px;border-radius:10px;font-weight:600;font-size:1rem;transition:all .25s ease;box-shadow:none!important;outline:none!important}.career-next-btn{background:linear-gradient(135deg,#00b6ff,#007ad6)}.career-next-btn:hover{background:linear-gradient(135deg,#009ee6,#006bc2);transform:translateY(-2px)}.career-retake-btn{background:linear-gradient(135deg,#009ee6,#005fa3)}.career-retake-btn:hover{background:linear-gradient(135deg,#0089cc,#004f8c);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1200px;margin:auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.heading{font-size:2rem;margin:0}.subheading{color:#777;margin:0 0 .25rem;font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.card{background:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0000001f}.card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card h3{font-size:1.25rem;margin:0}.job-desc{font-size:1rem;margin:.5rem 0}.card footer small{color:#555}.status-badge{color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:capitalize}.skeleton-box{background:linear-gradient(90deg,#eee 25%,#ddd,#eee 75%);background-size:200% 100%;height:180px;border-radius:var(--border-radius);animation:shimmer 1.2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;color:#666;padding:2rem}.btn-primary{background-color:#facc15;color:#000;border-radius:8px;transition:background .3s ease}.btn-primary:hover{background-color:#eab308;color:#000}.btn-secondary{background-color:#facc15;color:#000;border-radius:8px;transition:background .3s ease}.btn-secondary:hover{background-color:#eab308;color:#000}.job-description-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#a259ff;box-shadow:0 0 0 2px #a259ff33}.form-group textarea{min-height:120px;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:10px;animation:fadeIn .3s ease-in-out}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:600px;position:relative;box-shadow:0 6px 25px #0003;animation:scaleUp .3s ease-in-out;overflow:hidden}.modal-title{padding-left:20px;font-size:18px;font-weight:600;margin-bottom:20px;color:#222;text-align:center}.tab-section{display:flex;border-bottom:2px solid #eee;margin-bottom:25px;justify-content:center;gap:10px}.tab{background:#f8f8f8;border:1px solid #ddd;margin-bottom:10px;outline:none;padding:10px 18px;font-size:15px;color:#333;cursor:pointer;border-radius:8px;transition:all .3s ease}.tab:hover{background-color:#fff8dc;border-color:#f4c430}.tab.active{background-color:#ffeb99;border-color:#f4c430;color:#000;font-weight:600;box-shadow:0 -2px 5px #0000000d}.form-section{display:flex;flex-direction:column;gap:12px}.form-label{font-size:14px;font-weight:500;color:#000}.form-input,.form-textarea{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;color:#333;width:100%;resize:none;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#f4c430;box-shadow:0 0 4px #f4c43080;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.button-group{display:flex;justify-content:flex-end;align-items:center;margin-top:20px;gap:10px}.cancel-btn,.submit-btn{flex:1;text-align:center;border-radius:8px;font-size:15px;padding:10px 0;cursor:pointer;transition:all .3s ease;min-width:100px}.cancel-btn{background:#fff;border:1.5px solid #ccc;color:#333}.cancel-btn:hover{border-color:#999;background-color:#f9f9f9}.submit-btn{background-color:gold;border:1.5px solid #e6b800;color:#000;font-weight:600}.submit-btn:hover{background-color:#f5c000;border-color:#d4a700}.close-btn{position:absolute;right:15px;top:15px;background:none;border:none;font-size:22px;color:#777;cursor:pointer;transition:.2s ease}.close-btn:hover{color:#333;transform:scale(1.1)}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.modal-box{width:90%;padding:20px}.modal-title{font-size:18px}.tab,.submit-btn,.cancel-btn{font-size:14px}}@media(max-width:480px){.modal-box{width:100%;padding:15px}.modal-title{font-size:17px}.tab-section{flex-wrap:wrap}.tab{font-size:13px;padding:8px 12px}.form-label{font-size:13px}.form-input,.form-textarea{font-size:13px;padding:8px}.button-group{flex-direction:column;align-items:stretch}.submit-btn,.cancel-btn{width:100%}}:root{--primary-yellow: #ffde59;--accent-light: #fffdf0;--primary-white: #ffffff;--primary-black: #121212;--text-primary: #212121;--text-secondary: #424242;--text-light: #757575;--danger: #e53935;--border-color: #e0e0e0;--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition: all .3s ease}.interview-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:32px;box-sizing:border-box;font-family:Poppins,sans-serif;overflow:hidden}.question-display{background:var(--primary-white);border-left:6px solid var(--primary-yellow);padding:24px 28px;border-radius:16px;box-shadow:var(--shadow-lg);animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-counter{display:flex;align-items:center;gap:10px;margin-bottom:10px}.counter-badge{background:var(--primary-yellow);color:var(--primary-black);font-weight:700;font-size:14px;padding:6px 12px;border-radius:24px}.counter-text{font-size:13px;color:var(--text-light);font-weight:600}.question-text{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.4}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1;margin:20px 0 0;overflow:hidden}.avatar-container,.camera-container{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.avatar-box,.camera-box{flex:1;border-radius:20px;border:2px solid var(--primary-yellow);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--accent-light);box-shadow:var(--shadow-md);transition:var(--transition)}.avatar-box:hover,.camera-box:hover{transform:translateY(-4px);box-shadow:0 10px 28px #ffde594d}.avatar-placeholder{text-align:center;padding:30px}.avatar-icon{font-size:80px;opacity:.8}.avatar-api-text{font-size:14px;color:var(--text-light);font-weight:600;margin-top:10px}.avatar-title{font-size:15px;font-weight:700;color:var(--primary-black);text-align:center;background:var(--primary-yellow);padding:10px;border-radius:10px}.camera-feed{width:100%;height:100%;object-fit:cover;background:#000}.camera-title{font-size:15px;font-weight:700;color:var(--primary-white);text-align:center;padding:10px;background:var(--primary-black);border-radius:10px}.bottom-controls{display:flex;justify-content:space-between;align-items:center;padding-top:12px;gap:20px}.controls-center{display:flex;gap:16px}.control-btn{width:60px;height:60px;border-radius:16px;border:2px solid var(--border-color);background:var(--primary-white);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.control-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:var(--shadow-md)}.control-btn.active{background:var(--primary-yellow);color:var(--primary-black);border-color:var(--primary-yellow);box-shadow:0 6px 14px #ffde5966}.control-btn.inactive{background:#ffeaea;color:var(--danger);border-color:var(--danger)}.nav-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary-black);color:var(--primary-white);border:2px solid var(--primary-black);border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}.nav-btn:hover:not(:disabled){background:var(--primary-yellow);color:var(--primary-black);border-color:var(--primary-yellow);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.main-content{grid-template-columns:1fr}}@media(max-width:768px){.question-text{font-size:18px}.control-btn{width:54px;height:54px}.nav-btn{padding:10px 20px;font-size:13px}}.top-bar{display:flex;justify-content:space-between;align-items:center;background:var(--accent-light);border:2px solid var(--primary-yellow);border-radius:14px;padding:14px 24px;box-shadow:var(--shadow-md);margin-bottom:20px}.timer-display{font-size:16px;font-weight:600;color:var(--primary-black);display:flex;align-items:center;gap:6px}.timer-label{color:var(--text-secondary)}.time-text{color:var(--primary-yellow);font-weight:700;font-size:18px}.leave-btn{background-color:#e53935;color:#f5f5f5;font-weight:700;border-radius:10px;padding:10px 18px;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.leave-btn:hover{background-color:#e53935;color:#f5f5f5;transform:translateY(-2px)}.end-screen{text-align:center;padding:80px 20px}.end-screen h2{font-size:28px;color:var(--primary-black);margin-bottom:10px}.end-screen p{color:var(--text-secondary);font-size:16px}.popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box{background:#fff;border-radius:12px;padding:24px;width:420px;box-shadow:0 6px 24px #0003;position:relative;animation:fadeIn .2s ease-in-out}.popup-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#555}.popup-title{font-size:20px;font-weight:600;margin-bottom:10px}.popup-text{color:#555;margin-bottom:24px;line-height:1.4}.popup-actions{display:flex;gap:10px;justify-content:flex-end}.popup-leave-btn{background-color:#e53935;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:.2s}.popup-leave-btn:hover{background-color:#c62828}.popup-cancel-btn{background-color:#e0e0e0;color:#333;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:.2s}.popup-cancel-btn:hover{background-color:#ccc}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.interview-fullscreen{position:fixed;inset:0;background:#f9fafc;z-index:9999;display:flex;justify-content:center;align-items:center;overflow:hidden}.interview-container{width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.rs-page-wrapper.modern-theme{font-family:Inter,sans-serif;background:#f8fafc;color:#0f172a;padding:20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.rs-page-wrapper.modern-theme .rs-top-hero{text-align:center;margin-bottom:30px;width:100%}.rs-page-wrapper.modern-theme .rs-hero-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.rs-page-wrapper.modern-theme .rs-hero-title h1{font-size:2rem;font-weight:700;color:#1e293b}.rs-page-wrapper.modern-theme .rs-hero-icon{font-size:2.5rem}.rs-page-wrapper.modern-theme .rs-hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%}.rs-page-wrapper.modern-theme .rs-chart-box{width:100%;max-width:280px;height:280px;background:#fff;border-radius:20px;box-shadow:0 8px 20px #00000014;padding:20px}.rs-page-wrapper.modern-theme .rs-numbers{display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%;max-width:220px}.rs-page-wrapper.modern-theme .rs-number-card{background:#fff;padding:18px 24px;border-radius:16px;box-shadow:0 6px 15px #0000000d;display:flex;align-items:center;justify-content:space-between}.rs-page-wrapper.modern-theme .rs-number-card.correct{border-left:5px solid #facc15}.rs-page-wrapper.modern-theme .rs-number-card.incorrect{border-left:5px solid #ef4444}.rs-page-wrapper.modern-theme .rs-number-card.total{border-left:5px solid #3b82f6}.rs-page-wrapper.modern-theme .rs-number-card .count{font-size:1.5rem;font-weight:700}.rs-page-wrapper.modern-theme .rs-number-card .label{font-size:.9rem;font-weight:600;color:#64748b}.rs-page-wrapper.modern-theme .rs-card{background:#fff;padding:18px 22px;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 14px #0000000f;width:100%;box-sizing:border-box}.rs-page-wrapper.modern-theme .rs-card-correct{border-left:5px solid #facc15}.rs-page-wrapper.modern-theme .rs-card-incorrect{border-left:5px solid #ef4444}.rs-page-wrapper.modern-theme .rs-q{font-weight:600;margin-bottom:6px}.rs-page-wrapper.modern-theme .rs-your,.rs-page-wrapper.modern-theme .rs-correct{font-size:.95rem;color:#334155}.rs-page-wrapper.modern-theme .rs-section-header{font-weight:700;font-size:1.1rem;margin-bottom:12px;color:#1e293b;width:100%}.rs-page-wrapper.modern-theme .rs-empty-note{font-size:.95rem;color:#64748b;text-align:center;padding:20px 0;width:100%}.rs-page-wrapper.modern-theme .rs-content{width:100%;overflow-y:auto;padding-bottom:20px}.rs-page-wrapper.modern-theme .rs-footer{display:flex;justify-content:center;margin-top:30px;width:100%;box-sizing:border-box}.rs-page-wrapper.modern-theme .btn{padding:10px 22px;border-radius:12px;font-weight:600;cursor:pointer;border:none;font-size:1rem;transition:all .2s ease-in-out}.rs-page-wrapper.modern-theme .btn-primary{color:#fff}.rs-page-wrapper.modern-theme .btn-primary:hover{background-color:#2563eb}.rs-page-wrapper.modern-theme .btn-secondary{background-color:#e2e8f0;color:#1e293b}.rs-page-wrapper.modern-theme .btn-secondary:hover{background-color:#cbd5e1}@media(max-width:768px){.rs-page-wrapper.modern-theme .rs-hero-stats{flex-direction:column;align-items:center}.rs-page-wrapper.modern-theme .rs-numbers{flex-direction:row;justify-content:center;gap:15px}.rs-page-wrapper.modern-theme .rs-number-card{min-width:100px;flex:1}}.template-page{min-height:100vh;background:#f9fafc;padding:60px 40px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .4s ease}.template-title{font-size:26px;font-weight:700;color:#222;margin-bottom:40px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px;width:100%;max-width:1100px}.template-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;border:2px solid transparent;text-align:center;padding:30px 20px}.template-card:hover{transform:translateY(-5px);border-color:#ff8c42}.template-card.selected{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c4233}.template-card h3{margin-top:12px;font-size:18px;color:#333;font-weight:600}.template-card p{font-size:14px;color:#555;margin-top:6px;line-height:1.5}.category{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:#6b7280}.import-section{text-align:center;padding-top:10vh;min-height:100vh;background:#f9fafb;animation:fadeIn .4s ease;display:flex;flex-direction:column;align-items:center}.step-title{font-size:1.8rem;font-weight:700;color:#111827;margin-bottom:.5rem}.step-subtitle{color:#4b5563;margin-bottom:1.5rem;font-size:1rem}.step-buttons{display:flex;justify-content:center;gap:14px;margin-top:20px}.re-upload-box{display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;border:2px dashed #9ca3af;padding:14px 28px;border-radius:10px;cursor:pointer;color:#2563eb;font-weight:500;transition:.2s ease;margin:16px auto}.re-upload-box:hover{background:#eef2ff;border-color:#6d28d9}.linkedin-input{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 14px;margin:16px auto;width:320px;max-width:90%}.linkedin-input input{border:none;outline:none;flex:1;font-size:.9rem;background:transparent}.privacy-note{font-size:.8rem;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:.5rem}.btn-primary,.btn-outline{border:none;padding:10px 18px;border-radius:6px;font-weight:500;cursor:pointer;transition:.2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#6d28d9;color:#fff}.btn-primary:hover{background:#7c3aed}.btn-outline{background:#f3f4f6;color:#111827}.btn-outline:hover{background:#e5e7eb}.success{color:#16a34a;font-weight:500;margin-top:10px}.saved-resumes-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e7eb}.saved-resumes-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}.saved-resumes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.saved-resume-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.saved-resume-card:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.saved-resume-info{flex:1}.saved-resume-info h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.saved-resume-date{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.saved-resume-template{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:500}.saved-resume-arrow{color:#3b82f6;font-size:1.25rem;transition:transform .3s ease}.saved-resume-card:hover .saved-resume-arrow{transform:translate(5px)}.template-card.locked{position:relative;cursor:not-allowed;opacity:.7;pointer-events:all}.template-card.locked:hover{transform:none;box-shadow:0 2px 8px #0000001a}.lock-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:12px;z-index:10;gap:8px}.lock-overlay svg{color:gold}.lock-overlay span{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(prefers-color-scheme:dark){.saved-resumes-section{border-top-color:#374151}.saved-resumes-title{color:#f9fafb}.saved-resume-card{background:#1f2937;border-color:#374151}.saved-resume-card:hover{background:#111827;border-color:#3b82f6}.saved-resume-info h4{color:#f9fafb}.saved-resume-date{color:#9ca3af}}.popup-notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:10px;color:#fff;font-weight:500;font-family:Poppins,sans-serif;z-index:9999;animation:fadeSlideIn .3s ease;box-shadow:0 4px 12px #00000040}.popup-notification.success{background-color:#16a34a}.popup-notification.warning{background-color:#f59e0b}.popup-notification.error{background-color:#dc2626}.popup-notification.info{background-color:#2563eb}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1026px){.template-page{padding:50px 30px}.template-title{font-size:24px;margin-bottom:35px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;max-width:960px}.saved-resumes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:900px}.step-title{font-size:1.6rem}.step-subtitle{font-size:.95rem}}@media(max-width:768px){.template-page{padding:40px 20px}.template-title{font-size:22px;margin-bottom:30px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.template-card{padding:25px 15px}.template-card h3{font-size:16px}.template-card p{font-size:13px}.import-section{padding-top:6vh;padding-left:20px;padding-right:20px}.step-title{font-size:1.5rem}.step-subtitle{font-size:.9rem;padding:0 10px}.step-buttons{flex-direction:column;gap:10px;width:100%;max-width:320px}.btn-primary,.btn-outline{width:100%;justify-content:center}.re-upload-box{padding:12px 20px;font-size:14px}.linkedin-input{width:100%;max-width:320px}.saved-resumes-section{margin-top:2rem;padding-top:1.5rem}.saved-resumes-title{font-size:1.3rem}.saved-resumes-grid{grid-template-columns:1fr;gap:.875rem}.saved-resume-card{padding:1rem}.saved-resume-info h4{font-size:1rem}.popup-notification{top:10px;right:10px;left:10px;padding:10px 16px;font-size:14px}}@media(max-width:480px){.template-page{padding:30px 15px}.template-title{font-size:20px;margin-bottom:25px}.template-grid{grid-template-columns:1fr;gap:16px}.template-card{padding:20px 12px}.template-card h3{font-size:15px;margin-top:10px}.template-card p{font-size:12px}.category{font-size:11px;margin-top:6px}.import-section{padding-top:4vh;padding-left:15px;padding-right:15px}.step-title{font-size:1.3rem}.step-subtitle{font-size:.85rem;padding:0 5px}.step-buttons{gap:8px;max-width:100%}.btn-primary,.btn-outline{padding:8px 14px;font-size:14px}.re-upload-box{padding:10px 16px;font-size:13px;gap:6px}.linkedin-input{width:100%;padding:8px 12px}.linkedin-input input{font-size:.85rem}.privacy-note{font-size:.75rem;flex-direction:column;gap:4px}.saved-resumes-section{margin-top:1.5rem;padding-top:1rem}.saved-resumes-title{font-size:1.1rem;margin-bottom:1rem}.saved-resume-card{padding:.875rem;flex-direction:column;align-items:flex-start;gap:.75rem}.saved-resume-info h4{font-size:.95rem}.saved-resume-date{font-size:.8rem}.saved-resume-template{font-size:.7rem;padding:.2rem .6rem}.saved-resume-arrow{font-size:1.1rem;align-self:flex-end}.lock-overlay span{font-size:12px}.lock-overlay svg{width:20px;height:20px}.popup-notification{font-size:13px;padding:8px 12px}}@media(max-width:360px){.template-page{padding:20px 10px}.template-title{font-size:18px;margin-bottom:20px}.template-card{padding:18px 10px}.step-title{font-size:1.2rem}.step-subtitle{font-size:.8rem}.btn-primary,.btn-outline{padding:7px 12px;font-size:13px}.saved-resumes-title{font-size:1rem}.saved-resume-info h4{font-size:.9rem}}.resume-analyzer-page{min-height:100vh;background-color:#f2f9ff;color:#4a4a4a;font-family:Poppins,sans-serif}.resume-main{margin:1rem auto;max-width:auto;padding:1.5rem;background:#f2f9ff;border-radius:16px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif;color:#1f2937}.Ra-header-content{margin:auto}.Ra-header{margin:auto;position:unset;padding-bottom:15px;max-width:auto;border-radius:12px;background:#f1faff;box-shadow:0 4px 10px #0000001a;text-align:center}.Ra-header h1{font-size:2rem;font-weight:700;color:#00a2ff;text-align:center}.header p{font-size:.9rem;color:#1c1c1c;text-align:center}.badge{display:flex;align-items:center;background:#fff0f5;padding:5px 10px;border-radius:20px;color:#d46a6a;font-weight:600}.section-card{background:#f0f8ff;border:1px solid #d1e2f7;border-radius:12px;padding:24px;margin-top:5px;margin-bottom:5px;box-shadow:0 4px 12px #0000000d}button{padding:10px 20px;margin-top:10px;border:none;border-radius:8px;background:#6c63ff;color:#fff;cursor:pointer;font-weight:500;transition:background-color .2s,transform .1s}button:disabled{background:#dcd6f7;cursor:not-allowed;color:#888}.overall-score-card{text-align:center;background:#fff}.ov-summary p{background:#fff}.score-container{background:#fff;margin-top:20px;display:flex;justify-content:center}.circular-score-svg{transform:rotate(-90deg)}.circular-bg{fill:none;stroke:#e6e6e6;stroke-width:10}.circular-progress{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .5s ease-in-out}.circular-progress.green{stroke:#0f2}.circular-progress.orange{stroke:#ff8f05}.circular-progress.red{stroke:red}.circular-text{fill:#3e3e3e;font-size:2.5rem;font-weight:700;transform:rotate(90deg);transform-origin:50% 50%}.score-ats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.score-ats-grid{grid-template-columns:1fr}}.card-ats-improvements{background:var(--card-bg, #fff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.card-ats-improvements h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-primary, #2c3e50);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.ats-score-header{display:inline-flex;align-items:center}.ats-score-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#01c0ff,#4294cf);border-radius:8px;color:#fff;font-size:.9rem}.ats-score-number{font-size:1.5rem;font-weight:700;line-height:1}.ats-score-label{font-size:.85rem;opacity:.95}.ats-checks-list{display:flex;flex-direction:column;gap:.75rem}.ats-check-item{padding:.4rem;border-radius:6px;border-left:3px solid;background:transparent;transition:transform .2s,background-color .2s}.ats-check-item:hover{transform:translate(4px);background:var(--bg-light, #f8f9fa)}.ats-check-item.passed{border-left-color:#10b981}.ats-check-item.passed:hover{background:#f0fdf4}.ats-check-item.failed{border-left-color:#ef4444}.ats-check-item.failed:hover{background:#fef2f2}.ats-check-header{display:flex;align-items:center;gap:.75rem}.check-icon{font-size:1.1rem;flex-shrink:0}.check-icon.passed{color:#10b981}.check-icon.failed{color:#ef4444;font-weight:700}.check-title{font-weight:600;color:var(--text-primary, #2c3e50);font-size:.9rem}.check-suggestion{margin:.1rem 0 0 1.85rem;font-size:.8rem;color:var(--text-secondary, #64748b);line-height:1.5}.card-overall-score-card{background:var(--card-bg, #fff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.card-overall-score-card h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-primary, #2c3e50);background:transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.score-badge-header{display:inline-flex;align-items:center}.overall-score-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:.9rem}.overall-score-badge.orange{background:linear-gradient(135deg,#ff8f05,#f59e0b)}.overall-score-badge.red{background:linear-gradient(135deg,red,#dc2626)}.overall-score-number{font-size:1.5rem;font-weight:700;line-height:1}.overall-score-label{font-size:.85rem;opacity:.95}@media(max-width:768px){.card-ats-improvements h2,.card-overall-score-card h2{flex-direction:column;align-items:flex-start}.ats-score-header,.score-badge-header{width:100%;justify-content:flex-start}}.file-types{font-size:.85rem;color:#64748b;margin-top:.5rem}.selected-file{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px}.selected-file span{font-size:.9rem;color:#2c3e50}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.list-item{border-bottom:1px solid #e0e0e0;padding-bottom:12px;margin-bottom:12px}.list-item:last-child{border-bottom:none;margin-bottom:0}.list-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.list-header h4{flex-grow:1;margin:0 0 0 10px}.list-header p{flex-grow:1}.list-header span{font-weight:600;white-space:nowrap}.loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;height:100%}.loading-container{align-items:center;justify-content:center;display:flex;flex-direction:column}.loading-text{font-size:1.2rem;font-weight:500;text-align:center;color:#374151}.priority{padding:4px 10px;border-radius:16px;font-size:.8em;font-weight:600}.priority.high{background:#ffadad;color:#9d0208}.priority.medium{background:#ffd6a5;color:#d97706}.priority.low{background:#caffbf;color:#166534}.upload-box{background-color:#f0f8ff;border:1px dashed #bfd7ff;border-radius:12px;padding:24px;margin-top:24px}.upload-content{display:flex;gap:24px;margin-bottom:24px;align-items:center}.ra-icon{position:relative}.dropzone{flex:1;min-height:250px;padding:20px;border:2px dashed #bfd7ff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#e6f0ff;color:#036cff;transition:background-color .2s,border-color .2s}.dropzone.dragging{background:#dbeaff;border-color:#6c63ff}.dropzone .icon{margin-bottom:1.5rem;color:#036cff}.jd-textarea{flex:1;min-height:250px;padding:1rem;border:1px solid #bfd7ff;border-radius:8px;resize:vertical;background:#e6f0ff;color:#4a4a4a}.analyze-btn{width:100%;padding:15px;font-size:1.1rem;font-weight:600}.resume-analysis-section{margin-top:10px;display:flex;flex-direction:column;gap:10px}.resume-analysis-header{display:flex;justify-content:center;align-items:center}.resume-analysis-header h2{font-size:1.5rem;font-weight:700;color:#3e3e3e}.reset-btn{font-size:1.5rem;font-weight:700;padding:8px 16px;color:#00a2ff;background:none}.previous-reports{margin-bottom:2rem}.previous-reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.previous-reports h3{font-size:1.25rem;margin:0;color:var(--text-primary, #2c3e50)}.reports-note{font-size:.85rem;color:var(--text-secondary, #64748b);font-style:italic;padding:.25rem .75rem;background:#f3f4f6;border-radius:4px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-width:100%}.report-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:var(--primary-color, #667eea)}.report-card-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.report-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.report-name{font-weight:600;font-size:.9rem;color:var(--text-primary, #2c3e50);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.report-time{font-size:.75rem;color:var(--text-secondary, #64748b)}.delete-report-btn{background:transparent;border:none;color:#717171;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0}.delete-report-btn:hover{background:#dfdfdf;opacity:1;border-radius:.75rem}.delete-report-btn:active{transform:scale(.95)}@media(max-width:768px){.reports-grid{grid-template-columns:1fr}.previous-reports-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.report-card{padding:.75rem}.report-name{font-size:.85rem}.report-time{font-size:.7rem}.reports-note{font-size:.8rem}}.tabs{display:flex;justify-content:center;align-items:center;gap:2rem;background-color:#fff;border-bottom:2px solid #eee;padding:1rem 0;margin-bottom:.5rem;position:sticky;top:0;z-index:10}.tabs button{background:none;border:none;font-size:1.1rem;font-weight:500;cursor:pointer;color:#4a4a4a;padding-bottom:.5rem;transition:color .3s,border-bottom .3s}.tabs button.active{color:#00a2ff;border-bottom:3px solid #ffb703;font-weight:600}@media(max-width:768px){.grid{grid-template-columns:1fr}.upload-content{flex-direction:column}}.learnsy-settings-container{padding:25px;background-color:#f9fafb;min-height:100%;font-family:Poppins,sans-serif;position:relative}.learnsy-settings-tabs{display:flex;position:relative;background:#f3f4f6;border-radius:30px;overflow:hidden;margin-bottom:25px}.learnsy-tab-btn{flex:1;background:transparent;border:none;font-weight:500;padding:12px 0;color:#6b7280;cursor:pointer;transition:.3s ease;position:relative;z-index:2;font-size:15px}.learnsy-tab-btn.active{color:#1f2937;font-weight:600}.learnsy-tab-icon{margin-right:6px}.learnsy-tab-slider{position:absolute;bottom:0;left:0;width:25%;height:4px;background-color:#ffb400;border-radius:2px;transition:transform .3s ease}.learnsy-settings-card{background:#fff;border-radius:14px;padding:25px 30px;box-shadow:0 2px 10px #0000000d}.learnsy-section-title{font-size:20px;font-weight:600;margin-bottom:5px}.learnsy-section-sub{color:#6b7280;margin-bottom:20px;font-size:14px}.learnsy-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.learnsy-full-width{grid-column:1 / -1}.learnsy-form-grid label{display:block;font-weight:500;margin-bottom:6px;color:#374151;font-size:14px}.learnsy-form-grid input,.learnsy-form-grid textarea{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;padding:10px;font-size:14px}.learnsy-form-grid textarea{resize:none;height:80px}.learnsy-save-btn{background-color:#ffb400;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:500;margin-top:15px;cursor:pointer;transition:.3s}.learnsy-save-btn:hover{background-color:#e0a200}.learnsy-toast{position:fixed;bottom:30px;right:30px;background:#16a34a;color:#fff;padding:10px 18px;border-radius:8px;box-shadow:0 3px 10px #0003;animation:fadeInOut 2s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.learnsy-notification-list{display:flex;flex-direction:column;gap:18px;margin-top:15px}.learnsy-notification-item{display:flex;justify-content:space-between;align-items:center}.learnsy-notification-text strong{font-weight:600;color:#111827;display:block;margin-bottom:3px}.learnsy-notification-text p{color:#6b7280;font-size:14px}.learnsy-switch{position:relative;display:inline-block;width:44px;height:24px}.learnsy-switch input{opacity:0;width:0;height:0}.learnsy-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;border-radius:24px;transition:.3s}.learnsy-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.learnsy-switch input:checked+.learnsy-slider{background-color:#111827}.learnsy-switch input:checked+.learnsy-slider:before{transform:translate(20px)}.learnsy-billing-section{margin-top:1rem}.learnsy-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.learnsy-plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.75rem;transition:all .3s ease;position:relative;box-shadow:0 2px 10px #00000005}.learnsy-plan-card:hover{transform:translateY(-5px);border-color:#facc15;box-shadow:0 6px 20px #facc1526}.learnsy-plan-name{font-size:1.3rem;font-weight:700;color:#111827}.learnsy-plan-subtitle{color:#6b7280;font-size:.9rem;margin-top:.25rem}.learnsy-plan-price{font-size:1.4rem;color:#ca8a04;font-weight:700;margin:.75rem 0}.learnsy-plan-price span{color:#6b7280;font-weight:400;font-size:.9rem}.learnsy-plan-features{list-style:none;padding:0;margin:1.2rem 0 1.5rem}.learnsy-plan-features li{padding:.4rem 0;color:#374151;font-size:.9rem;display:flex;align-items:flex-start}.learnsy-plan-features li:before{content:"✓";color:#facc15;margin-right:.6rem;font-weight:700;font-size:1rem}.learnsy-plan-pro{background:#fffbeb;border-color:#facc15}.learnsy-badge{position:absolute;top:2rem;right:2.3rem;background:#facc15;color:#1f2937;font-size:.75rem;font-weight:700;padding:.35rem .6rem;border-radius:.5rem}.learnsy-btn-outline,.learnsy-btn-filled{width:100%;border-radius:.75rem;font-weight:600;padding:.7rem;font-size:.9rem;cursor:pointer;transition:all .25s ease}.learnsy-btn-outline{border:2px solid #facc15;background:transparent;color:#1f2937}.learnsy-btn-outline:hover{background:#fef9c3}.learnsy-btn-filled{background:#facc15;border:none;color:#1f2937}.learnsy-btn-filled:hover{background:#eab308}.learnsy-plan-note{font-size:.8rem;color:#6b7280;margin-top:.5rem;text-align:center}.learnsy-plan-note.pro{color:#92400e;font-weight:500}@media(max-width:768px){.learnsy-plans-grid{gap:1.2rem}.learnsy-plan-card{padding:1.25rem}}.learnsy-settings-tabs.learnsy-three-tabs .learnsy-tab-slider{width:33.3333%}.learnsy-settings-tabs.learnsy-four-tabs .learnsy-tab-slider{width:25%}.profile-page-container{width:100%;max-width:100%;padding:2.5rem 3rem;color:#1e1e1e;background:#f9fafb;min-height:90vh;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center}.profile-header-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;text-align:center}.large-avatar{width:120px;height:120px;background:linear-gradient(135deg,#fde047,#facc15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#1e1e1e;box-shadow:0 0 0 6px #fff,0 6px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}.large-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 8px #fff,0 8px 24px #facc154d}.profile-name{font-size:1.9rem;font-weight:700;margin-top:1rem;color:#111827}.profile-card-wide{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000000d;padding:2rem 3rem;margin:0 auto 2rem;width:100%;max-width:1100px}.profile-card-wide h3{font-size:1.3rem;color:#111827;margin-bottom:1.5rem;font-weight:600}.profile-detail{display:flex;flex-direction:column;margin-bottom:1.2rem}.profile-detail .label{font-weight:600;color:#374151}.profile-detail .value{color:#1f2937;font-size:1rem;margin-top:.25rem}.profile-detail .bio{white-space:pre-wrap;background:#f3f4f6;border-radius:.5rem;padding:.75rem;margin-top:.5rem;color:#111827}.profile-footer{text-align:center;color:#6b7280;font-size:.9rem;margin-top:1.5rem}.loading-profile,.error-profile{text-align:center;padding:2rem;font-size:1.1rem;color:#374151}@media(max-width:768px){.profile-page-container{padding:1.5rem}.profile-card-wide{padding:1.5rem;max-width:95%}.large-avatar{width:90px;height:90px;font-size:2rem}.profile-name{font-size:1.5rem}}.admin-dashboard{display:flex!important;height:100vh!important;overflow:hidden!important;font-family:Poppins,sans-serif!important;background:#f9fafb!important;color:#111827!important}.admin-dashboard .admin-sidebar{width:260px!important;background:#fff!important;border-radius:20px!important;margin:1rem!important;padding:1.25rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:0 4px 12px #0000000f!important;box-sizing:border-box!important}.admin-dashboard .admin-sidebar-header{display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:1rem!important}.admin-dashboard .admin-logo{width:140px!important;object-fit:contain!important}.admin-dashboard .admin-sidebar-nav{flex-grow:1!important;display:block!important}.admin-dashboard .admin-nav-item{display:flex!important;align-items:center!important;gap:.75rem!important;background:transparent!important;color:#374151!important;padding:.75rem 1rem!important;border-radius:.75rem!important;font-weight:500!important;margin-bottom:.5rem!important;cursor:pointer!important;border:none!important;width:100%!important;text-align:left!important;transition:all .18s ease!important}.admin-dashboard .admin-nav-item:hover{background:#f3f4f6!important;color:#6d28d9!important}.admin-dashboard .admin-nav-item-active{background:#fef9c3!important;color:#ca8a04!important;font-weight:600!important}.admin-dashboard .admin-sidebar-icon{font-size:1.1rem!important}.admin-dashboard .admin-main{flex:1!important;display:flex!important;flex-direction:column!important;padding:1.25rem 1.5rem!important;overflow-y:auto!important;box-sizing:border-box!important}.admin-dashboard .admin-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem!important;background:#fff!important;padding:1rem 1.5rem!important;border-radius:.75rem!important;box-shadow:0 3px 8px #0000000d!important}.admin-dashboard .admin-dashboard-title{font-size:1.5rem!important;font-weight:700!important}.admin-dashboard .admin-user-area{display:flex!important;align-items:center!important;gap:1rem!important}.admin-dashboard .admin-notification-icon{font-size:1.3rem!important;color:#6b7280!important;cursor:pointer!important}.admin-dashboard .admin-avatar{width:2.5rem!important;height:2.5rem!important;border-radius:50%!important;background:#fde047!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;color:#111827!important}.admin-dashboard .admin-page-content{flex-grow:1!important;padding-bottom:2rem!important}.admin-dashboard .admin-section{background:#fff!important;border-radius:1rem!important;padding:1.5rem!important;box-shadow:0 4px 12px #0000000d!important;margin-bottom:1.5rem!important}.admin-dashboard .admin-section-title{font-size:1.25rem!important;font-weight:600!important;color:#111827!important;margin-bottom:.25rem!important}.admin-dashboard .admin-section-subtext{font-size:.9rem!important;color:#6b7280!important;margin-bottom:1.25rem!important}.admin-dashboard .admin-metrics-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:1.25rem!important}.admin-dashboard .admin-metric-card{background:#f9fafb!important;border-radius:.75rem!important;text-align:center!important;padding:1rem!important;border:1px solid #f1f5f9!important}.admin-dashboard .admin-metric-card:hover{background:#eef2ff!important;border-color:#c7d2fe!important}.admin-dashboard .admin-metric-value{font-size:1.75rem!important;font-weight:700!important;color:#2563eb!important;margin-top:.5rem!important}.admin-dashboard .admin-user-list{display:flex!important;flex-direction:column!important;gap:.75rem!important}.admin-dashboard .admin-user-item{background:#f9fafb!important;border-radius:.75rem!important;padding:1rem!important;border:1px solid #f1f5f9!important}.admin-dashboard .admin-user-item strong{color:#111827!important;display:block!important}.admin-dashboard .admin-user-item p{color:#6b7280!important;font-size:.9rem!important;margin:0!important}.admin-dashboard .admin-feedback-list{display:flex!important;flex-direction:column!important;gap:1rem!important}.admin-dashboard .admin-feedback-item{background:#f9fafb!important;border-radius:.75rem!important;padding:1rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border:1px solid #f1f5f9!important}.admin-dashboard .admin-feedback-status{text-transform:capitalize!important;padding:.25rem .75rem!important;border-radius:9999px!important;font-weight:600!important}.admin-dashboard .admin-feedback-status.pending{background:#fee2e2!important;color:#b91c1c!important}.admin-dashboard .admin-feedback-status.resolved{background:#dcfce7!important;color:#15803d!important}.admin-dashboard .admin-settings-list{display:flex!important;flex-direction:column!important;gap:.75rem!important}.admin-dashboard .admin-setting-item{background:#f9fafb!important;border-radius:.5rem!important;padding:.75rem 1rem!important;color:#111827!important;font-size:.95rem!important;border:1px solid #f1f5f9!important}.admin-dashboard .admin-resolve-btn{background:#10b981!important;color:#fff!important;border:none!important;border-radius:.5rem!important;padding:.4rem .75rem!important;cursor:pointer!important;font-weight:600!important}.admin-dashboard .admin-resolve-btn:hover{background:#059669!important}@media(max-width:900px){.admin-dashboard .admin-sidebar{width:70px!important;padding:.75rem!important;margin:.75rem!important}.admin-dashboard .admin-logo{width:100px!important}.admin-dashboard .admin-nav-item{padding:.5rem .6rem!important;font-size:.9rem!important}.admin-dashboard .admin-main{padding:.75rem!important}}.admin-dashboard .admin-users-table{display:flex;flex-direction:column;border-radius:.75rem;overflow:hidden;border:1px solid #f1f5f9}.admin-dashboard .admin-table-header,.admin-dashboard .admin-table-row{display:grid;grid-template-columns:1.2fr 1.8fr 2fr 1fr 1fr;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid #f1f5f9;background:#fff}.admin-dashboard .admin-table-header{font-weight:600;color:#4b5563;background:#f3f4f6}.admin-dashboard .admin-table-row:nth-child(2n){background:#f9fafb}.admin-dashboard .admin-user-id{color:#9ca3af;font-family:monospace;font-size:.9rem}.admin-dashboard .admin-user-name{font-weight:600;color:#111827}.admin-dashboard .admin-user-email{color:#374151;font-size:.95rem}.admin-dashboard .admin-user-date{color:#6b7280;font-size:.9rem}.admin-delete-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;transition:.2s ease;text-align:center;display:inline-block;min-width:90px}.admin-delete-btn:hover{background:#dc2626;transform:scale(1.03)}.admin-dashboard .admin-empty{text-align:center;color:#6b7280;padding:1rem}.admin-users-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.admin-search-input{flex:1;padding:.6rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;outline:none;transition:border .2s}.admin-search-input:focus{border-color:#6366f1}.admin-sort-select{padding:.55rem .9rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.admin-user-count{font-size:.9rem;color:#6b7280}.admin-users-table{display:flex;flex-direction:column;border:1px solid #f1f5f9;border-radius:.75rem;overflow:hidden}.admin-table-header,.admin-table-row{display:grid;grid-template-columns:1.2fr 1.5fr 2fr 1fr 1.8fr 1.8fr 1fr;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid #f1f5f9;background:#fff}.admin-table-header{font-weight:600;color:#4b5563;background:#f3f4f6}.admin-table-row:nth-child(2n){background:#f9fafb}.admin-user-id{color:#9ca3af;font-family:monospace;font-size:.9rem}.admin-user-name{font-weight:600;color:#111827}.admin-user-email{color:#374151;font-size:.95rem}.admin-user-provider{text-transform:capitalize;color:#2563eb;font-weight:500}.admin-user-date{color:#6b7280;font-size:.9rem}.admin-delete-btn{background:#ef4444;color:#fff;border:none;border-radius:.5rem;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;transition:.2s}.admin-delete-btn:hover{background:#dc2626;transform:scale(1.05)}:root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-select-caret: rgba(var(--color-slate-900-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--font-family-base: "Arial", "Helvetica", sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}.resume-builder{display:flex;min-height:100vh;background-color:var(--color-background)}.app-container{display:flex;height:100vh;width:100%}.rb-sidebar{width:300px;background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;position:fixed;height:100vh;left:0;top:0;z-index:1000;box-shadow:var(--shadow-lg)}.rb-sidebar-header{padding:var(--space-20) var(--space-16);border-bottom:1px solid var(--color-border);background:var(--color-primary);color:var(--color-btn-primary-text)}.rb-sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.rb-back-btn{background:var(--color-surface);color:var(--color-text);border:none;padding:var(--space-8) var(--space-12);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}.sidebar-content{padding:var(--space-16)}.sidebar-section{margin-bottom:var(--space-24)}.sidebar-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-12);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-8)}.sidebar-section-icon{font-size:var(--font-size-lg)}.control-group{margin-bottom:var(--space-16)}.control-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.form-control-sidebar{width:100%;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm)}.resume-pages-container{display:flex;flex-direction:column;gap:40px;padding:40px 20px;background:#e5e7eb;min-height:100vh;position:relative}.page-wrapper-container{position:relative;display:flex;align-items:flex-start;gap:20px;margin:0 auto}.page-controls-left{display:flex;flex-direction:column;gap:12px;align-items:center;min-width:80px}.resume-page-wrapper{background:#fff;box-shadow:0 4px 6px #0000001a;width:850px;min-height:1100px;padding:0;position:relative;display:flex;flex-direction:column}.page-number-badge{background:#3b82f6;color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap;box-shadow:0 2px 4px #3b82f64d}.add-page-controls{display:flex;justify-content:center;gap:16px;margin:0;padding:20px}.add-page-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px #10b9814d}.add-page-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.add-page-btn:active{transform:translateY(0)}.page-content-container{flex:1;overflow:visible}@media print{.resume-pages-container{background:#fff;padding:0;gap:0}.page-wrapper-container{gap:0;page-break-after:always}.page-wrapper-container:last-child{page-break-after:auto}.page-controls-left{display:none!important}.resume-page-wrapper{box-shadow:none;margin:0;width:100%;page-break-inside:avoid}.add-page-controls{display:none!important}}.slider-container{display:flex;align-items:center;gap:var(--space-8);margin-top:8px}.slider{flex:1;height:6px;border-radius:var(--radius-full);background:var(--color-secondary);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-track{height:6px;border-radius:var(--radius-full);background:var(--color-secondary)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 2px 4px #0003;transition:all .2s ease;margin-top:-6px}.slider::-webkit-slider-thumb:hover{background:var(--color-primary-hover);transform:scale(1.15);box-shadow:0 3px 6px #0000004d}.slider::-webkit-slider-thumb:active{transform:scale(1.05)}.slider::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--color-secondary);border:none}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 2px 4px #0003;transition:all .2s ease}.slider::-moz-range-thumb:hover{background:var(--color-primary-hover);transform:scale(1.15);box-shadow:0 3px 6px #0000004d}.slider::-moz-range-thumb:active{transform:scale(1.05)}.slider:focus{outline:none}.slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(var(--color-teal-500-rgb),.2)}.slider:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(var(--color-teal-500-rgb),.2)}.slider-value{min-width:45px;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right;font-weight:var(--font-weight-medium);font-family:var(--font-family-mono)}.alignment-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.alignment-btn{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.alignment-btn:hover{background:var(--color-secondary)}.alignment-btn.active{background:var(--color-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary)}.color-picker-container{display:flex;flex-direction:column;gap:var(--space-8)}.color-input-wrapper{display:flex;align-items:center;gap:var(--space-8)}.color-preview{width:32px;height:32px;border-radius:var(--radius-base);border:2px solid var(--color-border);cursor:pointer;position:relative;overflow:hidden}.color-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);margin-top:var(--space-8)}.color-swatch{width:32px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard)}.color-swatch:hover{transform:scale(1.1)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.theme-card{padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-background);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);text-align:center}.theme-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.theme-card.active{border-color:var(--color-primary);background:var(--color-bg-1)}.theme-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-4)}.theme-preview{display:flex;gap:var(--space-2);justify-content:center}.theme-color{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border)}.main-content{flex:1;margin-left:300px;padding:var(--space-20);overflow-y:auto;transition:margin-left var(--duration-normal) var(--ease-standard)}.main-content.sidebar-collapsed{margin-left:0}.sidebar.collapsed{transform:translate(-100%)}.sidebar-toggle{position:fixed;top:var(--space-16);left:var(--space-16);z-index:1001;padding:var(--space-8);background:var(--color-primary);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-base);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-standard)}.sidebar-toggle:hover{background:var(--color-primary-hover)}.main-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-16);margin-bottom:var(--space-24);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-12);justify-content:space-between}.app-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.action-buttons{display:flex;gap:var(--space-8)}.btn{padding:var(--space-8) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn:hover{background:var(--color-secondary)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.quick-actions{display:flex;flex-direction:column;gap:10px}.sb-action-btn{align-items:center;padding:10px;border:solid rgb(87,87,87);color:#000;background:none}.action-btn{width:100%;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.custom-section-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e4bdf66}.number-input{width:60px;padding:6px 8px;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;text-align:center}.number-input:focus{outline:none;border-color:#3498db}.custom-section-modal{max-width:450px;width:90%}.custom-section-input-group{margin:20px 0}.custom-section-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.custom-section-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s ease}.custom-section-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.btn-confirm:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.btn-confirm:disabled:hover{transform:none;box-shadow:none}.section-manager{margin-top:40px;padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #bdc3c7}.section-manager details{cursor:pointer}.section-manager summary{font-weight:600;color:#2c3e50;padding:10px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.section-manager summary:hover{color:#3498db}.deleted-sections{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:15px;background:#fff;border-radius:6px}.restore-btn{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.restore-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.btn:disabled,.btn-export:disabled{opacity:.6;cursor:not-allowed;background:#95a5a6}.btn:disabled:hover,.btn-export:disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}.resume-page-wrapper{width:816px!important;min-height:1056px!important;max-height:none!important;overflow:visible!important;page-break-inside:auto!important}.page-content-container{min-height:1056px;max-height:1056px;overflow:hidden;position:relative}@media print{.resume-page-wrapper{page-break-after:always;height:297mm;width:210mm;max-height:none!important;overflow:visible!important}.resume-page-wrapper:last-child{page-break-after:auto}.page-content-container{max-height:none!important;overflow:visible!important}}.btn-export:disabled{background:#7f8c8d}.export-options{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.export-format-btn{flex:1;min-width:200px;padding:20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .3s ease}.export-format-btn:hover{border-color:#2c3e50;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pdf-btn:hover{border-color:#e74c3c}.docx-btn:hover{border-color:#3498db}.format-icon{font-size:48px}.format-details{text-align:left}.format-details h4{margin:0 0 5px;font-size:18px;color:#2c3e50}.format-details p{margin:0;font-size:14px;color:#7f8c8d}.btn-delete{background-color:#e74c3c;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.btn-delete:hover{background-color:#c0392b}@media print{.resume-container{width:210mm!important;min-height:297mm!important}.two-column-layout,.resume-columns{display:table!important;width:100%!important;table-layout:fixed!important}.left-column,.right-column,.sidebar,.main-content{display:table-cell!important;vertical-align:top!important;float:none!important}.left-column,.sidebar{width:30%!important}.right-column,.main-content{width:70%!important}*{word-wrap:break-word!important;overflow-wrap:break-word!important}.section-controls,.add-item-btn,.photo-overlay,.photo-input{display:none!important}}.resume-preview-wrapper{display:flex;justify-content:center;align-items:flex-start}.drop-zone{height:4px;background-color:transparent;transition:all var(--duration-fast) var(--ease-standard);margin:var(--space-4) 0}.drop-zone.active{height:20px;background-color:var(--color-primary);border-radius:var(--radius-sm)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.modal-body{padding:24px}.modal-body p{margin:0;font-size:16px;color:#6b7280;line-height:1.6}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.modal-footer button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background-color:#f3f4f6;color:#374151}.btn-cancel:hover{background-color:#e5e7eb}.btn-confirm{background-color:#3b82f6;color:#fff}.btn-confirm:hover{background-color:#2563eb}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.template-selector{display:flex;align-items:center;gap:10px;margin-right:15px}.template-selector label{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.template-dropdown{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s;min-width:180px}.template-dropdown:hover{border-color:#9ca3af}.template-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.sidebar{width:280px}.main-content{margin-left:280px}.main-content.sidebar-collapsed{margin-left:0}.theme-grid{grid-template-columns:1fr}.alignment-controls{grid-template-columns:repeat(2,1fr)}.header-actions{flex-direction:column;align-items:stretch}.template-selector,.template-dropdown{width:100%}.action-buttons{width:100%;justify-content:space-between}}@media(max-width:480px){.sidebar{width:100%;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main-content{margin-left:0}.sidebar-toggle{display:block}}@media print{.sidebar,.sidebar-toggle,.main-header,.section-controls,.add-item-btn{display:none!important}.main-content{margin-left:0;padding:0}}.next-steps-section{text-align:center;background:#f8fcff;border:1px solid #d6e6ff;border-radius:16px;padding:30px;margin-top:20px;box-shadow:0 3px 10px #0000000d}.next-steps-section p{color:#374151;font-size:1rem;margin-bottom:20px}.next-steps-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.next-btn{background-color:#6c63ff;border:none;color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;transition:.2s ease}.next-btn{background-color:#6c63ff;border:none;color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;transition:background-color .2s ease,transform .1s ease;box-shadow:none!important;outline:none!important}.next-btn:focus,.next-btn:active{outline:none!important;box-shadow:none!important}.next-btn:hover{background-color:#5a54d1;transform:translateY(-2px)}.hamburger-btn{display:none;position:fixed;top:16px;left:16px;z-index:7000;background:var(--color-primary);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-base);width:45px;height:40px;cursor:pointer;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.hamburger-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.hamburger-btn:active{transform:scale(.95)}.hamburger-icon{width:22px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--color-btn-primary-text);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-btn.open .hamburger-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hamburger-icon span:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-btn.open .hamburger-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5500;animation:fadeIn .3s ease}.sidebar-overlay.active{display:block}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin-left:300px;padding:var(--space-20);transition:margin-left .3s ease}.resume-pages-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px 20px;background:#e5e7eb;min-height:100vh;width:100%;box-sizing:border-box}.page-wrapper-container{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto;width:100%}.resume-page-wrapper{background:#fff;box-shadow:0 4px 6px #0000001a;width:850px;max-width:100%;min-height:1100px;padding:0;position:relative;display:flex;flex-direction:column;margin:0 auto}@media(max-width:1024px){.hamburger-btn{display:flex!important}.rb-sidebar{position:fixed;top:0;left:-100%;height:100vh;width:320px;max-width:85vw;background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:6000;overflow-y:auto;transition:left .35s cubic-bezier(.4,0,.2,1);padding:1.5rem 1rem;display:flex;flex-direction:column}.rb-sidebar.open{left:0!important}.main-content{margin-left:0!important;padding:80px 2rem 2rem}.rb-sidebar-header{padding:var(--space-16);border-bottom:1px solid var(--color-border);background:var(--color-primary);color:var(--color-btn-primary-text);display:flex;justify-content:space-between;align-items:center}.sidebar-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-12)}.resume-pages-container{padding:30px 15px;gap:30px}.page-wrapper-container{flex-direction:column;align-items:center;width:100%;max-width:750px;margin:0 auto}.resume-page-wrapper{width:100%;max-width:750px;transform:scale(.95);transform-origin:top center}.page-controls-left{flex-direction:row;justify-content:center;width:100%;gap:12px}.action-buttons{flex-wrap:wrap;justify-content:center}.alignment-controls{grid-template-columns:repeat(2,1fr)}.color-swatches{grid-template-columns:repeat(5,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hamburger-btn{top:12px;left:12px;width:42px;height:38px;z-index:7000}.rb-sidebar{width:280px;padding:1rem .75rem}.rb-sidebar-header{display:none!important}.main-content{margin-left:0;padding:0;overflow-x:hidden}.resume-pages-container{padding:0;gap:0;background:#fff;overflow-x:hidden;min-height:100vh;margin-top:0}.page-wrapper-container{flex-direction:column;align-items:center;width:100%;gap:0;margin:0;overflow-x:hidden}.resume-page-wrapper{width:100%;max-width:100%;min-height:100vh;box-shadow:none;border-radius:0;margin:0;padding:0;overflow-x:hidden}.action-buttons{position:fixed;top:12px;right:10px;z-index:7000;flex-direction:row;gap:8px}.btn{font-size:11px;padding:6px 12px;box-shadow:0 2px 8px #00000026;background:#fff}.btn--primary{background:var(--color-primary);color:#fff}.page-controls-left{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:7000;flex-direction:row;justify-content:center;gap:12px;background:#fffffff2;padding:10px 20px;border-radius:25px;box-shadow:0 4px 12px #00000026}.page-number-badge{font-size:11px;padding:6px 14px}.add-page-controls{display:none}.main-header{position:fixed;top:0;left:60px;right:0;z-index:6500;background:transparent;border:none;padding:12px;box-shadow:none}.header-actions{flex-direction:row;justify-content:flex-end;gap:8px}.app-title{display:none}.alignment-controls{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.color-swatches{grid-template-columns:repeat(4,1fr)}.theme-grid{grid-template-columns:1fr}.control-group{margin-bottom:var(--space-12)}.form-control-sidebar{font-size:13px}}@media(max-width:480px){.hamburger-btn{width:40px;height:40px;top:10px;left:10px}.rb-sidebar{width:90%;max-width:280px}.main-content{padding:0;overflow-x:hidden}.resume-page-wrapper{width:100%;min-height:100vh;overflow-x:hidden}.action-buttons{top:10px;right:8px}.btn{font-size:10px;padding:5px 10px}.page-controls-left{bottom:15px;padding:8px 16px}.page-number-badge{font-size:10px;padding:5px 12px}.sidebar-section-title{font-size:13px}.control-label{font-size:12px}.form-control-sidebar{font-size:12px;padding:var(--space-6) var(--space-8)}.slider-value{font-size:11px;min-width:38px}}@media(max-width:1000px){.page-controls-left{display:none!important}.page-wrapper-container{flex-direction:column;align-items:center;gap:0}.resume-pages-container{background:#fff!important}.resume-page-wrapper{width:100%;max-width:100%}}@media(max-width:1000px){.page-controls-left{display:flex!important;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:7000;flex-direction:row;justify-content:center;gap:12px;background:#fffffff2;padding:10px 20px;border-radius:25px;box-shadow:0 4px 12px #00000026}.page-number-badge{font-size:11px;padding:6px 14px}.delete-page-btn{display:none!important}}.ai-helper-container{position:absolute;z-index:1000;pointer-events:auto;opacity:1;visibility:visible}.ai-helper-container.bottom{bottom:-45px;right:0;padding-top:12px;margin-top:-12px}.ai-helper-container.top{top:-45px;right:0;padding-bottom:12px;margin-bottom:-12px}.ai-helper-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;box-shadow:0 3px 10px #667eea80;transition:transform .2s ease,box-shadow .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);pointer-events:auto;will-change:transform}.ai-helper-btn:hover:not(:disabled){transform:scale(1.15) translateZ(0);box-shadow:0 5px 15px #667eeab3}.ai-helper-btn:disabled{opacity:.6;cursor:not-allowed}.ai-helper-menu{position:absolute;top:-10px;right:50px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;animation:slideInLeft .2s ease;z-index:1001}@keyframes slideInLeft{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.ai-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease;font-size:14px;text-align:left}.ai-menu-item:last-child{border-bottom:none}.ai-menu-item:hover:not(:disabled){background:#f8f9fa}.ai-menu-item:disabled{opacity:.6;cursor:not-allowed}.ai-menu-item.optimize:hover:not(:disabled){background:linear-gradient(90deg,#667eea1a,#764ba21a)}.ai-menu-item.grammar:hover:not(:disabled){background:linear-gradient(90deg,#3498db1a,#2ecc711a)}.menu-icon{font-size:20px}.menu-text{font-weight:500;color:#333}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;z-index:99999;display:flex;justify-content:flex-end;align-items:stretch;animation:fadeIn .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:#fff;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.modal-content.ai-modal{width:600px;max-width:90vw;height:100vh;overflow:hidden;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);margin-left:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header{position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;z-index:100;box-shadow:0 2px 10px #0000001a;flex-shrink:0}.modal-header h3{margin:0;font-size:22px;font-weight:600;display:flex;align-items:center;gap:10px}.modal-body{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal-footer{position:sticky;bottom:0;background:#fff;padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;box-shadow:0 -2px 10px #0000000d;flex-shrink:0;z-index:100}.btn-cancel,.btn-confirm{padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}.btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea66}.btn-confirm:hover{box-shadow:0 4px 12px #667eea99;transform:translateY(-1px)}.comparison-container{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.comparison-section{flex:1}.comparison-section h4{margin-bottom:12px;color:#2c3e50;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.comparison-section h4:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.content-box{padding:16px;border-radius:8px;font-size:14px;line-height:1.7;min-height:80px;white-space:pre-wrap;word-wrap:break-word;border:2px solid}.content-box.original{background:#fff9e6;border-color:#ffc107;color:#856404}.content-box.optimized{background:#e8f5e9;border-color:#28a745;color:#155724}.content-box.corrected{background:#e3f2fd;border-color:#17a2b8;color:#0c5460}.improvements-section,.errors-section{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #e0e0e0}.improvements-section h4,.errors-section h4{margin-bottom:16px;color:#2c3e50;font-size:16px;font-weight:600}.improvements-list{list-style:none;padding:0;margin:0}.improvements-list li{padding:12px 16px;margin-bottom:10px;background:#fff;border-left:4px solid #667eea;border-radius:6px;font-size:14px;line-height:1.6;box-shadow:0 1px 3px #0000001a}.errors-list{display:flex;flex-direction:column;gap:12px}.error-item{background:#fff;border-radius:8px;padding:14px;border-left:4px solid #dc3545;box-shadow:0 1px 3px #0000001a}.error-item.grammar{border-left-color:#dc3545}.error-item.spelling{border-left-color:#fd7e14}.error-item.punctuation{border-left-color:#ffc107}.error-item.style{border-left-color:#17a2b8}.error-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-type{display:inline-block;padding:4px 10px;background:#e9ecef;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;color:#495057;letter-spacing:.5px}.error-details{display:flex;flex-direction:column;gap:6px}.error-text{font-size:14px;color:#333;line-height:1.5}.error-text strong{color:#2c3e50;margin-right:6px}.error-original{background:#ffe6e6;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;text-decoration:line-through;color:#d63031;font-weight:600}.error-correction{background:#d4edda;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;color:#27ae60;font-weight:700}.error-explanation{font-size:13px;color:#6c757d;font-style:italic;margin-top:6px;padding-left:12px;border-left:3px solid #e9ecef;line-height:1.5}.no-errors-message{text-align:center;padding:60px 20px}.success-icon{font-size:72px;margin-bottom:20px}.no-errors-message p{font-size:18px;color:#495057;margin:0;font-weight:500}.ai-close-btn{position:absolute;top:20px;right:20px;background:#fff3;border:none;font-size:28px;cursor:pointer;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:101}.ai-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.editable-field-wrapper{position:relative}.editable-field-wrapper .ai-helper-container{opacity:1;visibility:visible;pointer-events:auto}.editable-field-wrapper:focus-within .ai-helper-container,.editable-field-wrapper:hover .ai-helper-container{pointer-events:auto}@media print{.ai-helper-container,.ai-helper-btn,.ai-helper-menu,.modal-overlay,.modal-content{display:none!important}}@media(max-width:768px){.modal-content.ai-modal{width:100vw;max-width:100vw}}body.modal-open{overflow:hidden}.resume-container{max-width:800px;width:210mm;min-height:297mm;margin:0 auto;padding:var(--space-16);background-color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-standard);box-sizing:border-box}.resume-section{position:relative;margin-bottom:var(--space-2);padding:var(--space-6);border-radius:var(--radius-base);transition:all var(--duration-fast) var(--ease-standard)}.resume-section:hover{background-color:var(--color-bg-1)}.resume-section.dragging{opacity:.5;transform:rotate(2deg)}.section-controls{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.resume-section:hover .section-controls{opacity:1}.section-controls-center{position:absolute;top:8px;right:8px;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);opacity:.3;transition:opacity .3s ease,transform .2s ease;z-index:10}.resume-section:hover .section-controls-center{opacity:1}.section-controls-center .control-btn{width:24px;height:24px;border:1.5px solid var(--color-error, #ef4444);border-radius:var(--radius-sm);background-color:#fffffff2;color:var(--color-error, #ef4444);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.section-controls-center .control-btn:hover{background-color:var(--color-error, #ef4444);color:var(--color-white, #fff);transform:scale(1.15);box-shadow:0 3px 8px #ef444466}.control-btn{width:20px;height:20px;border:none;border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-sm)}.control-btn:hover{background-color:var(--color-primary);color:var(--color-btn-primary-text)}.control-btn.delete:hover{background-color:var(--color-error)}.header-section{text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}.name{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:1.5px;line-height:1.2}.contact-info{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.2}.contact-item{display:flex;align-items:center;gap:var(--space-2)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)!important;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-1);line-height:1.2}.resume-section p{margin:0;padding:0;line-height:1.4;margin-bottom:var(--space-4)}.experience-item,.education-item{position:relative;margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-base);transition:background-color var(--duration-fast) var(--ease-standard)}.experience-item:last-child,.education-item:last-child{margin-bottom:0}.experience-item:hover,.education-item:hover{background-color:var(--color-bg-2)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.job-title,.degree{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)!important;color:var(--color-text)!important;line-height:1.2;margin:0}.company,.school{font-size:var(--font-size-sm);color:var(--color-text-secondary)!important;font-weight:400!important;margin-bottom:0;line-height:1.2;margin-top:0}.date{font-size:11px;color:var(--color-text-secondary);font-style:italic;line-height:1.2}.responsibilities,.education-details{padding:0;margin:0}.responsibilities li,.education-details li{position:relative;padding-left:var(--space-12);margin-bottom:var(--space-1);line-height:1.35;font-size:var(--font-size-sm);color:var(--color-text)!important;font-weight:400!important}.responsibilities li:last-child,.education-details li:last-child{margin-bottom:0}.responsibilities li:before,.education-details li:before{content:"▸";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:12px;top:0}.skills-category{margin-bottom:var(--space-6)}.skills-category:last-child{margin-bottom:0}.category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);line-height:1.2}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-10);row-gap:var(--space-2)}.skill-tag{background-color:var(--color-bg-3);color:var(--color-text);font-size:11px;border:1px solid var(--color-border);line-height:1.2;padding:2px 8px}.classic-template{page-break-inside:auto}.resume-section{page-break-inside:avoid}.custom-section{background:#fff;padding-left:12px}.custom-section-content{min-height:40px;padding:var(--space-4);border-radius:4px;line-height:1.4}.custom-section-content:empty:before,.placeholder-text{content:"Click to add content...";color:#95a5a6;font-style:italic;font-size:var(--font-size-sm)}.editable{outline:none;border-radius:var(--radius-sm);padding:var(--space-1);margin:-1px;transition:all var(--duration-fast) var(--ease-standard)}.editable:hover{background-color:rgba(var(--color-primary-rgb, 33, 128, 141),.1)}.editable:focus{background-color:var(--color-surface);box-shadow:var(--focus-ring);border:1px solid var(--color-primary)}.add-item-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-base);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);width:100%;justify-content:center;margin-top:var(--space-4);font-size:var(--font-size-sm);line-height:1.2}.add-item-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-1)}[draggable=true]{transition:all .2s ease}[draggable=true]:hover{cursor:grab;box-shadow:0 2px 8px #00000014}[draggable=true]:active{cursor:grabbing}.resume-container.dragging{-webkit-user-select:none;user-select:none}.resume-section,.custom-section{transition:margin .3s ease,opacity .3s ease}.resume-container .editable-field-wrapper{position:relative;display:inline-block;width:100%;z-index:1}.resume-container .editable-field-wrapper .ai-helper-container{z-index:1001}.resume-container .resume-section,.resume-container .responsibilities{overflow:visible}@media(max-width:1024px){.resume-container{width:95%;max-width:750px;margin:0 auto}.section-controls-center .control-btn{width:28px;height:28px}.control-btn{width:24px;height:24px}.section-controls-center{opacity:.5}}@media(max-width:768px){.resume-container{width:100%;max-width:100%;margin:0;border-radius:0;box-shadow:none}.section-controls-center .control-btn{width:36px;height:36px}.control-btn{width:32px;height:32px}.section-controls-center{opacity:.7}}@media(max-width:480px){.section-controls-center .control-btn{width:40px;height:40px}.control-btn{width:36px;height:36px}}@media print{@page{size:A4;margin:10mm}.resume-container{margin:0;padding:8px!important;box-shadow:none;border-radius:0;max-width:none;width:210mm!important;min-height:297mm;box-sizing:border-box}.resume-section{margin-bottom:3px!important;padding:2px!important}.header-section{margin-bottom:4px!important;padding-bottom:2px!important}.section-title{margin-bottom:2px!important;padding-bottom:0!important;font-size:13px!important}.experience-item,.education-item{margin-bottom:1px!important;padding:1px!important}.item-header{margin-bottom:0!important;flex-direction:row!important}.responsibilities,.education-details{margin-top:0!important}.responsibilities li,.education-details li{margin-bottom:0!important;line-height:1.2!important;padding-left:8px!important;font-size:var(--font-size-sm)!important}.skills-category{margin-bottom:2px!important}.category-title{margin-bottom:1px!important}.skills-list{gap:2px!important;row-gap:1px!important}.skill-tag{padding:0 5px!important;font-size:9px!important}.resume-section p{margin-bottom:2px!important;line-height:1.25!important}.resume-section:hover{background-color:transparent}.section-controls,.section-controls-center,.add-item-btn{display:none!important}.name{font-size:28px!important}.contact-info{font-size:var(--font-size-sm)!important;flex-direction:row!important}}.modern-two-column-template{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#000;background:#fff;padding:40px 50px;line-height:1.6;max-width:850px;width:210mm;min-height:297mm;margin:0 auto;position:relative;box-sizing:border-box}.mtc-header{margin-bottom:24px}.mtc-name-section{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.mtc-name{font-size:36px;font-weight:700;margin:0;color:#000;letter-spacing:0px}.mtc-role{font-size:18px;font-weight:400;color:#000;margin:0 0 0 auto;padding-left:20px}.modern-two-column-template{page-break-inside:auto}.mtc-section{page-break-inside:avoid}.mtc-skill-item{margin-bottom:12px;position:relative}.mtc-skill-category{font-size:13px;font-weight:700;margin-bottom:4px}.mtc-skill-items{font-size:13px;color:#000;line-height:1.6}.mtc-project-tech{font-size:13px;font-weight:400;color:#666;font-style:italic;margin-bottom:4px}.mtc-project-desc{font-size:13px;color:#000;line-height:1.6;margin-top:6px}.mtc-cert-item{position:relative}.mtc-summary-text{font-size:13px;color:#000;line-height:1.65;margin:0}.mtc-content{padding:0;background:#fff;margin:0}.mtc-section{display:grid;grid-template-columns:180px 1fr;gap:0 24px;margin-bottom:0;padding-bottom:28px;border-bottom:5px solid #000;position:relative;padding-top:16px;margin-top:20px}.mtc-section:before{content:"";position:absolute;top:0;left:200px;right:0;width:auto;height:1.5px;background-color:#000}.mtc-section[data-section=contact]{padding-top:0;margin-top:0}.mtc-section[data-section=contact]:before{display:none}.mtc-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.mtc-section+.mtc-section{padding-top:28px}.mtc-section-title{grid-column:1;grid-row:1;text-align:left;font-size:13px;font-weight:700;letter-spacing:.5px;padding-right:20px;color:#000;margin:0;line-height:1.4;align-self:start;padding-top:0}.mtc-section-content{grid-column:2}.mtc-section>*:not(.mtc-section-title){grid-column:2}.section-controls-center{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:.3;transition:opacity .3s ease,transform .2s ease;z-index:10;background-color:#fffffff2;border-radius:8px;padding:4px;box-shadow:0 2px 8px #0000001a;pointer-events:auto}.mtc-section:hover .section-controls-center{opacity:1}.control-btn{width:28px;height:28px;border:1.5px solid #d1d5db;background-color:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;transition:all .2s ease;padding:0;line-height:1;color:#6b7280}.control-btn:hover{background-color:#f9fafb;border-color:#d1d5db;transform:scale(1.1)}.control-btn.delete{border-color:#fecaca;font-size:22px}.control-btn.delete:hover{background-color:red;transform:scale(1.15)}.mtc-contact-content{display:flex;flex-direction:column;gap:6px}.mtc-contact-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:4px}.mtc-contact-item{display:flex;align-items:baseline;gap:6px;line-height:1.4}.mtc-contact-item strong{margin-right:2px;white-space:nowrap;font-size:13px}.mtc-contact-item span{margin-left:0;font-size:13px}.mtc-item{margin-bottom:0;padding-bottom:16px;border-bottom:1.5px solid #d1d5db;position:relative}.mtc-item:last-child{border-bottom:none;padding-bottom:0}.mtc-item+.mtc-item{padding-top:16px}.mtc-cert-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.mtc-item:before{display:none}.mtc-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:20px}.mtc-item-left{flex:1}.mtc-job-title,.mtc-degree{font-size:14px;font-weight:700;color:#000;margin-bottom:3px;line-height:1.4}.mtc-company,.mtc-school{font-size:14px;font-weight:400;color:#000;margin-bottom:4px}.mtc-date{font-size:13px;font-weight:400;color:#000;white-space:nowrap;background:transparent;padding:0;border-radius:0;text-align:right}.mtc-list{list-style:disc;padding-left:18px;margin:4px 0 0;font-size:13px;color:#000;line-height:1.6}.mtc-list li{margin-bottom:4px;padding:0}.mtc-list li:before{display:none}.mtc-cert-item strong{font-weight:700;color:#000;margin-bottom:2px;font-size:13px}.mtc-cert-item div{font-weight:400;color:#000;font-size:12px}.modern-two-column-template .mtc-section[data-section^=custom_]{display:grid;grid-template-columns:180px 1fr;gap:0 24px;margin-bottom:0;padding-bottom:28px;border-bottom:none;position:relative;padding-top:28px;margin-top:20px}.modern-two-column-template .mtc-section[data-section^=custom_]:before{content:"";position:absolute;top:0;left:200px;right:0;width:auto;height:2px;background-color:#000}.modern-two-column-template .mtc-section[data-section^=custom_] .mtc-section-title{grid-column:1;font-size:13px;font-weight:700;color:#000;letter-spacing:.5px;padding-right:20px;text-align:left}.modern-two-column-template .mtc-section[data-section^=custom_] .mtc-section-content{grid-column:2;overflow:visible}.modern-two-column-template .mtc-section[data-section^=custom_] .custom-section-content{font-size:13px;color:#000;line-height:1.65}.modern-two-column-template .editable-field-wrapper{position:relative;display:block;width:100%;z-index:1}.modern-two-column-template .editable-field-wrapper .ai-helper-container{z-index:1001}.modern-two-column-template .mtc-list li .editable-field-wrapper{position:relative;flex:1}.modern-two-column-template .mtc-section-content,.modern-two-column-template .mtc-list{overflow:visible}@media(max-width:1024px){.modern-two-column-template{width:95%;max-width:750px}.section-controls-center{opacity:.5}.control-btn{width:32px;height:32px}}@media(max-width:768px){.modern-two-column-template{width:100%;max-width:100%;margin:0;box-shadow:none;border-radius:0}.section-controls-center{opacity:.7}.control-btn{width:36px;height:36px}}@media(max-width:480px){.control-btn{width:40px;height:40px}}@media print{@page{size:A4;margin:10mm}.modern-two-column-template{background:#fff;padding:10mm 12mm;max-width:100%;width:210mm!important;min-height:297mm;margin:0;box-sizing:border-box}.mtc-section{page-break-inside:avoid;padding-bottom:24px}.mtc-section:before{display:block}.mtc-section[data-section=contact]:before{display:none}.mtc-section:last-child{border-bottom:none;padding-bottom:0}.mtc-item{padding-bottom:14px;page-break-inside:avoid}.mtc-item:last-child{padding-bottom:0}.section-controls-center,.section-controls{display:none!important}.modern-two-column-template .mtc-section[data-section^=custom_]{border-bottom:none;page-break-inside:avoid;padding-bottom:24px}.modern-two-column-template .mtc-section[data-section^=custom_]:before{display:block}}.resume-wrapper{max-width:896px;margin:2.5rem auto;background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.resume-page-header{position:relative;padding:3rem}.resume-contact-details{position:absolute;top:1rem;right:1rem;font-size:.75rem;color:#6b7280;letter-spacing:.05em}.resume-header-layout{display:flex;justify-content:space-between;align-items:flex-start}.resume-name-block .resume-first-name,.resume-name-block .resume-last-name{font-size:3.75rem;font-weight:800;color:#f59e0b;line-height:1}.resume-intro-block{width:66.666667%;margin-right:-3rem}.resume-position-banner{background-color:#1e3a8a;color:#f59e0b;padding:1rem;text-align:center}.resume-position-text{font-size:1.125rem;font-weight:700;letter-spacing:.2em;color:#ff0}.resume-summary-text{margin-top:1rem;color:#4b5563;font-size:.875rem;line-height:1.625;padding-right:3rem}.resume-content-area{padding:0 3rem 3rem}.resume-section-header{background-color:#1e3a8a;color:#fff;padding:.5rem 1rem;display:inline-block}.resume-section-title{font-size:.875rem;font-weight:700;letter-spacing:.1em;color:#ff0}.resume-projects-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.resume-project-card{display:flex;flex-direction:column}.resume-project-img{width:100%;height:8rem;object-fit:cover}.resume-project-year{text-align:center;margin-top:.5rem;color:#6b7280;font-size:.75rem}.resume-work-section{margin-top:2rem}.resume-work-container{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.resume-job-entry{display:flex;flex-direction:column}.resume-job-date{color:#6b7280;font-size:.75rem}.resume-job-heading{font-weight:700;color:#f59e0b}.resume-tasks-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.resume-bullet-item{display:flex;align-items:flex-start;gap:.75rem}.resume-bullet-dot{margin-top:.375rem;width:.5rem;height:.5rem;border:1px solid #6B7280;border-radius:9999px;flex-shrink:0}.resume-bullet-text{color:#4b5563;font-size:.875rem}.resume-edu-section{margin-top:2rem}.resume-edu-details{margin-top:1.5rem}.resume-edu-date{color:#6b7280;font-size:.75rem}.resume-edu-heading{font-weight:700}.resume-degree-name{color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ef444480}50%{box-shadow:0 4px 20px #ef4444cc}}*{box-sizing:border-box}.main-content{margin:0!important;display:flex;flex-direction:column;align-items:center;padding:0 0 0 140px!important}.resume-preview-wrapper{padding:0 20px!important;width:100%;display:flex;flex-direction:column;align-items:center}.resume-preview-wrapper.printing-mode{padding:0!important}.resume-pages-container{margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:0;align-items:center;width:100%}.main-header{display:block;padding:20px;width:100%;position:sticky;top:0;background-color:#fff;z-index:100;box-shadow:0 2px 4px #0000000d}.main-header.hide-on-print{display:block}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;max-width:1400px;margin:0 auto}.app-title{font-size:24px;font-weight:700;color:#1e293b;display:none}.action-buttons{display:flex;gap:12px;align-items:center;margin-left:auto}.overflow-warning-badge{padding:8px 16px;background-color:#fef2f2;border:2px solid #ef4444;border-radius:8px;display:flex;align-items:center;gap:8px;animation:pulse 2s infinite}.overflow-warning-icon{font-size:20px}.overflow-warning-text{color:#dc2626;font-weight:600;font-size:14px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-export{background-color:#3b82f6;color:#fff}.btn-export:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px)}.btn-export:disabled{background-color:#94a3b8;cursor:not-allowed}.btn-reset{background-color:#ef4444;color:#fff}.btn-reset:hover{background-color:#dc2626;transform:translateY(-2px)}.page-wrapper-container{position:relative;margin-bottom:30px;width:816px;display:flex;flex-direction:column}.page-controls-top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-bottom:12px;background-color:transparent;border-radius:8px;position:relative;width:100%}.page-number-badge{font-size:14px;font-weight:600;color:#fff;padding:8px 16px;background-color:#3b82f6;border-radius:6px;border:none;box-shadow:0 2px 4px #3b82f64d;display:flex;align-items:center;gap:6px}.page-number-badge:before{font-size:16px}.delete-page-btn{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s;box-shadow:0 2px 4px #ef44444d}.delete-page-btn:before{font-size:14px}.delete-page-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef444466}.resume-page-wrapper{width:816px!important;height:1350px!important;max-height:none;min-height:1350px!important;overflow:hidden!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:20px!important;position:relative!important;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;padding:0;transition:all .2s;border:1px solid #e5e7eb;border-radius:4px;display:block}.resume-page-wrapper.page-overflowing{border:3px solid #ef4444!important}.resume-page-wrapper[data-page-id="2"] .page-content-container{padding-top:40px}.page-content-container{height:1350px!important;max-height:1350px!important;min-height:1350px!important;overflow:hidden!important;position:relative;padding:0;margin:0}.resume-container,.classic-template,.modern-two-column-template,.resume-wrapper,.portfolio-template{max-height:1350px!important;overflow:hidden!important;height:auto!important}.resume-page-wrapper.drag-active{border:2px dashed #3b82f6!important;background-color:#3b82f605!important}.resume-page-wrapper.drag-over{background-color:#3b82f60d!important;border-color:#3b82f6!important}.page-drop-zone.drag-active{outline:2px dashed #3b82f6;outline-offset:4px}.resume-section[draggable=true],section[draggable=true],div[draggable=true]{cursor:grab!important;transition:all .2s;position:relative}.resume-section[draggable=true]:hover,section[draggable=true]:hover,div[draggable=true]:hover{transform:translate(4px);box-shadow:-4px 0 #3b82f6}.resume-section[draggable=true]:active,section[draggable=true]:active,div[draggable=true]:active{cursor:grabbing!important}.custom-section[draggable=true]{cursor:grab!important}.custom-section[draggable=true]:hover{transform:translate(4px);box-shadow:-4px 0 #3b82f6}.resume-section,.resume-container>section,.resume-container>div{page-break-inside:avoid;break-inside:avoid}.education-item,.experience-item,.project-item,.skill-category{page-break-inside:avoid;break-inside:avoid}.section-manager{display:block;margin:20px 0;width:816px}.section-manager.hide-on-print{display:block}.section-manager-summary{cursor:pointer;padding:10px;background-color:#f1f5f9;border-radius:6px}.deleted-sections{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.restore-btn{padding:6px 12px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.restore-btn:hover{background-color:#059669;transform:translateY(-1px)}.page-2-content{min-height:1056px;padding:40px;display:flex;flex-direction:column}.empty-page-drop-zone{padding:40px;border:2px dashed #cbd5e1;border-radius:8px;text-align:center;background-color:#f8fafc;margin:20px;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-page-title{color:#64748b;font-size:18px;font-weight:600;margin:10px 0}.empty-page-instruction{color:#94a3b8;font-size:14px;margin:8px 0;line-height:1.6}.overflow-indicator{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(239,68,68,.9));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;z-index:100;pointer-events:none}.overflow-modal-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overflow-modal-content{background-color:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;position:relative}.overflow-modal-icon{font-size:64px;margin-bottom:20px}.overflow-modal-title{font-size:24px;font-weight:700;color:#dc2626;margin-bottom:16px}.overflow-modal-description{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:24px}.overflow-modal-warning{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.overflow-modal-warning-text{font-size:14px;color:#991b1b;font-weight:600;margin:0}.overflow-modal-button{padding:14px 32px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .2s;box-shadow:0 4px 12px #3b82f666}.overflow-modal-button:hover{background-color:#2563eb;transform:translateY(-2px)}.content-overflow-overlay{position:fixed;inset:0;background-color:#ef44441a;z-index:999;pointer-events:none}.add-page-controls{margin-top:20px;text-align:center;padding-bottom:40px;width:816px}.add-page-btn{padding:12px 28px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 4px 6px -1px #3b82f64d;transition:all .2s}.add-page-btn:hover{background-color:#2563eb;transform:translateY(-2px)}.add-page-btn.urgent{background-color:#ef4444;box-shadow:0 4px 12px #ef444480;animation:pulse 2s infinite}.add-page-btn.urgent:hover{background-color:#dc2626}[data-page-id="2"] .resume-header,[data-page-id="2"] .header-section,[data-page-id="2"] section:first-child{border-top:none!important;border-bottom:none!important}[data-page-id="2"] hr,[data-page-id="2"] .section-divider{display:none}[data-page-id="2"] .resume-container>section:first-of-type,[data-page-id="2"] .modern-two-column-template>section:first-of-type{margin-top:0;padding-top:0;border-top:none}@media(max-width:1024px){.main-content,.resume-preview-wrapper{padding:0!important}.page-wrapper-container{width:100%;max-width:750px;margin:0 auto 20px}.resume-page-wrapper{width:100%!important;max-width:100%}.section-manager,.add-page-controls{width:100%;max-width:750px}.main-header{padding:15px}.header-actions{gap:10px}.btn{padding:8px 16px;font-size:13px}.overflow-warning-text{font-size:12px}.page-controls-top{padding:8px 12px}}@media(max-width:768px){.main-content{padding:0!important;margin:0!important}.resume-preview-wrapper{padding:0!important}.main-header{display:none!important}.resume-pages-container{background:#fff!important;padding:0!important}.page-wrapper-container{width:100%!important;max-width:100%!important;margin-bottom:0!important}.resume-page-wrapper{width:100%!important;max-width:100%!important;min-height:100vh!important;height:auto!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.page-content-container{height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important}.page-controls-top{display:none!important}.page-number-badge{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:7000;font-size:11px;padding:6px 14px}.delete-page-btn,.add-page-controls{display:none!important}.section-manager{width:100%;padding:0 12px;margin:15px 0}.section-manager-summary{padding:8px;font-size:13px}.deleted-sections{gap:6px}.restore-btn{padding:5px 10px;font-size:12px}.empty-page-drop-zone{padding:30px 15px;margin:15px;min-height:300px}.empty-page-title{font-size:16px}.empty-page-instruction{font-size:13px}.overflow-modal-content{padding:30px 20px;width:95%}.overflow-modal-icon{font-size:48px}.overflow-modal-title{font-size:20px}.overflow-modal-description{font-size:14px}.overflow-modal-button{padding:12px 24px;font-size:14px}.overflow-warning-badge{padding:6px 12px;font-size:12px}.overflow-warning-icon{font-size:16px}.overflow-indicator{height:50px;font-size:12px}}@media(max-width:480px){.page-number-badge{font-size:10px;padding:5px 12px;bottom:15px}.section-manager{padding:0 8px}.section-manager-summary{padding:6px;font-size:12px}.restore-btn{padding:4px 8px;font-size:11px}.empty-page-drop-zone{padding:20px 10px;margin:10px;min-height:250px}.empty-page-title{font-size:14px}.empty-page-instruction{font-size:12px}.overflow-modal-content{padding:25px 15px}.overflow-modal-icon{font-size:40px}.overflow-modal-title{font-size:18px}.overflow-modal-description{font-size:13px}.overflow-modal-warning{padding:12px}.overflow-modal-warning-text{font-size:12px}.overflow-modal-button{padding:10px 20px;font-size:13px}}@media print{.page-controls-top,.add-page-controls,.section-manager,.main-header,.page-number-badge,.delete-page-btn,.section-manager.hide-on-print,.main-header.hide-on-print{display:none!important}.main-content{padding-left:0!important}.page-wrapper-container{margin-bottom:0!important;page-break-after:always;width:210mm!important}.page-wrapper-container:last-child{page-break-after:auto}.resume-page-wrapper{page-break-after:always;height:297mm!important;width:210mm!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.page-content-container{max-height:none!important;overflow:visible!important;height:297mm!important}.resume-container,.classic-template,.modern-two-column-template,.resume-wrapper,.portfolio-template{max-height:none!important;overflow:visible!important}.resume-page-wrapper:last-child{page-break-after:auto}.overflow-indicator{display:none!important}body{margin:0!important;padding:0!important}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}