:root{--primary-950:#451905;--primary-dark:#7f370f;--primary-800:#9e400e;--primary-700:#c75207;--primary-600:#f06d06;--primary-color:#ff8f1b;--primary-400:#ffa537;--primary-300:#ffc870;--primary-accent:#ffe0a8;--primary-100:#fff1d4;--primary-50:#fff9ed;--gradient-primary:linear-gradient(135deg,#ff8f1b,#f9b51e);--success-color:#28a745;--success-bg:#d4edda;--success-text:#155724;--error-color:#dc3545;--error-bg:#f8d7da;--error-text:#721c24;--warning-color:#ffc107;--warning-bg:#fff3cd;--warning-text:#856404;--info-color:#17a2b8;--info-bg:#d1ecf1;--info-text:#0c5460;--white:#fff;--black:#000;--gray-100:#f8f9fa;--gray-200:#eee;--gray-300:#ddd;--gray-400:#bbb;--gray-500:#999;--gray-600:#666;--gray-700:#555;--gray-800:#333;--gray-900:#2c3e50;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-dark:#2c3e50;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-light:#bbb;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:0.8rem;--font-size-small:0.9rem;--font-size-medium:1.2rem;--font-size-medium-large:1.7rem;--font-size-large:3rem;--font-size-xl:4rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--content-max-width:1250px;--spacing-xs:7px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-2xl:40px;--spacing-3xl:60px;--spacing-4xl:80px;--spacing-5xl:100px;--radius-sm:5px;--radius-md:8px;--radius-md-lg:12px;--radius-lg:20px;--radius-xl:15px;--radius-full:9999px;--border-width:1px;--border-color:var(--gray-200);--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 4px 20px #00000026;--shadow-xl:0 10px 40px #0003;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-base:1;--z-dropdown:1000;--z-sticky:1000;--z-fixed:1100;--z-modal-backdrop:1500;--z-modal:2000;--z-tooltip:3000}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight)}.btn{border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);padding:10px 30px;padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:transform .3s ease;transition:transform var(--transition-base)}.btn:hover{transform:scale(1.05)}.btn-primary{background:linear-gradient(135deg,#ff8f1b,#f9b51e);background:var(--gradient-primary);color:#fff;color:var(--white)}.btn-secondary{background:#f8f9fa;background:var(--gray-100);color:#333;color:var(--text-primary)}.btn-outline{background:#0000;border:1px solid #ff8f1b;border:var(--border-width) solid var(--primary-color);color:#ff8f1b;color:var(--primary-color)}.btn-success{background:#28a745;background:var(--success-color)}.btn-danger,.btn-success{color:#fff;color:var(--white)}.btn-danger{background:#dc3545;background:var(--error-color)}.btn-sm{font-size:var(--text-sm);padding:8px 20px}.btn-lg{font-size:var(--text-xl);padding:15px 40px}.card{background:#fff;background:var(--white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);padding:30px;padding:var(--spacing-xl);transition:transform .3s ease;transition:transform var(--transition-base)}.card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.container{max-width:1400px}.container,.container-sm{margin:0 auto;padding:0 20px;padding:0 var(--spacing-lg)}.container-sm{max-width:800px}.grid{grid-gap:30px;grid-gap:var(--spacing-xl);display:grid;gap:30px;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8f1b,#f9b51e);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.text-muted{color:#999;color:var(--text-muted)}.mt-1{margin-top:10px;margin-top:var(--spacing-sm)}.mt-2{margin-top:15px;margin-top:var(--spacing-md)}.mt-3{margin-top:20px;margin-top:var(--spacing-lg)}.mt-4{margin-top:30px;margin-top:var(--spacing-xl)}.mt-5{margin-top:40px;margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:10px;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:15px;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:20px;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:30px;margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:40px;margin-bottom:var(--spacing-2xl)}.p-1{padding:10px;padding:var(--spacing-sm)}.p-2{padding:15px;padding:var(--spacing-md)}.p-3{padding:20px;padding:var(--spacing-lg)}.p-4{padding:30px;padding:var(--spacing-xl)}.p-5{padding:40px;padding:var(--spacing-2xl)}body{margin:0}html{font-size:100%}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-primary)}code{font-family:var(--font-family-code)}.skillee-button{align-items:center;background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-md-lg);box-shadow:var(--shadow-md);color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-bold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);transition:all var(--transition-base)}.skillee-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.skillee-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.skillee-button-text{letter-spacing:var(--letter-spacing-normal)}.before-after{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg)}.before-after h2{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-bold);margin-bottom:var(--spacing-md);text-align:center}.before-after .section-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.comparison-panels{grid-gap:var(--spacing-xl);align-items:stretch;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}@media (min-width:1024px){.comparison-panels{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}}.panel{display:flex;flex-direction:column;position:relative}.panel-header{align-items:center;align-self:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-flex;font-size:var(--font-size-small);font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;margin-bottom:var(--spacing-lg);padding:8px 20px;text-transform:uppercase;z-index:2}.panel-before .panel-header{background-color:var(--error-bg);border:1px solid var(--error-bg);color:var(--error-color)}.panel-after .panel-header{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-md);color:var(--white)}.panel-icon{font-size:1.1em;line-height:1}.panel-body{background:var(--white);border:1px solid #0000;border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-2xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.panel-body:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.panel-before .panel-body{border-color:var(--error-bg)}.panel-after .panel-body{background:linear-gradient(to bottom right,var(--white),var(--primary-accent));border-color:var(--primary-300);box-shadow:0 10px 30px #ff8f1b1a}.panel-after .panel-body:hover{border-color:var(--primary-color);box-shadow:0 15px 40px #ff8f1b33}.bullet-list{display:flex;flex-direction:column;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.bullet-item{align-items:flex-start;display:flex;gap:var(--spacing-md)}.bullet-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:var(--font-bold);height:28px;justify-content:center;margin-top:2px;width:28px}.panel-before .bullet-icon{background-color:var(--error-bg);color:var(--error-color)}.panel-after .bullet-icon{background-color:var(--primary-100);color:var(--primary-700)}.bullet-text{display:flex;flex-direction:column;gap:4px}.bullet-title{font-size:var(--font-size-medium);font-weight:var(--font-semibold);line-height:1.4;margin:0}.bullet-title,.panel-before .bullet-title{color:var(--gray-800)}.panel-after .bullet-title{color:var(--gray-900)}.bullet-sub{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.4;margin:0}@media (max-width:768px){.before-after{padding:var(--spacing-3xl) var(--spacing-md)}.panel-body{padding:var(--spacing-xl)}}.home-page{background-color:#fff;width:100%}.hero-wrapper{background-position:top;background-repeat:no-repeat;background-size:cover;min-height:140vh;position:relative;width:100%}.hero-wrapper:after{background:linear-gradient(180deg,#0000 0,#0000 70%,#ffffff80 80%,#fffc 90%,#fff 95%,#fff);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:calc(var(--spacing-5xl) + 60px) var(--spacing-lg) 150px;position:relative;z-index:2}.hero h1,.hero p{font-weight:var(--font-semibold)}.hero-cta{display:flex;justify-content:center;margin-top:var(--spacing-5xl)}.three-steps{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.three-steps h2{color:var(--text-primary);font-size:var(--font-size-large);margin-bottom:var(--spacing-md);text-align:center}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-3xl);text-align:center}.steps-container{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr}@media (min-width:1024px){.steps-container{gap:var(--spacing-2xl) var(--spacing-4xl);grid-template-columns:repeat(3,1fr)}}.step{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.step-image{border-radius:var(--radius-lg);height:auto;margin:0 auto;max-width:450px;overflow:hidden;pointer-events:none;width:100%}@media (min-width:1024px){.step-image{margin:0;max-width:350px}}.step-content{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:450px}@media (min-width:1024px){.step-content{margin:0}}.step h3{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-medium);margin:0}.step p{color:var(--text-secondary);font-size:var(--font-size-medium);font-weight:var(--font-light);margin-left:0}.step-row{align-items:baseline;display:flex;gap:var(--spacing-md)}.step-number{color:var(--gray-500);font-size:var(--font-size-medium-large);font-weight:var(--font-medium)}.step-text{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-sm)}.game-changer{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.game-changer-content{grid-gap:var(--spacing-5xl);align-items:center;display:grid;gap:var(--spacing-5xl);grid-template-columns:1fr}.game-changer-image{width:100%}.game-changer-image img{border-radius:var(--radius-lg);height:auto;width:100%}.game-changer-stats{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.game-changer-stats h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#19191d,#31343e);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-medium-large);font-weight:var(--font-medium);letter-spacing:-.05em;line-height:1.3;padding-bottom:var(--spacing-xs)}.stats-list{gap:var(--spacing-lg)}.stat-item,.stats-list{display:flex;flex-direction:column}.stat-item{align-items:flex-start}.stat-number{color:var(--text-primary);font-size:var(--font-size-large);font-weight:var(--font-light);margin-top:var(--spacing-md);min-width:80px;text-align:left}.stat-unit{font-size:var(--font-size-medium-large)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-label{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-medium)}.stat-description{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.6;opacity:.7}.stat-separator{background:#0000001a;height:1px;width:100%}.hidden-mobile{display:none}@media (min-width:1024px){.game-changer-content{grid-template-columns:1fr 1fr}.game-changer-stats h2{font-size:var(--font-size-large)}.stat-item{flex-direction:row;gap:var(--spacing-3xl)}.hidden-mobile{display:block}}.button{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-small);gap:var(--spacing-sm);justify-content:center;padding:8px 14px;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:var(--primary-color);color:var(--white)}.button-saas{background:var(--primary-100);color:var(--primary-950)}.button-secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--text-primary)}.button-secondary:hover:not(:disabled){background:var(--gray-200)}.button-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.button-outline:hover:not(:disabled){background:var(--primary-color);color:var(--white)}.button-success{background:var(--success-color);color:var(--white)}.button-success:hover:not(:disabled){background:#218838}.button-danger{background:var(--error-color);color:var(--white)}.button-danger:hover:not(:disabled){background:#c82333}.button-warning{background:var(--warning-color);color:var(--gray-900)}.button-warning:hover:not(:disabled){background:#e0a800}.button-ghost{background:#0000;border:none;color:var(--primary-color)}.button-ghost:hover:not(:disabled){background:#ff6b351a}.button-link{background:#0000;border:none;box-shadow:none!important;color:var(--primary-color);text-decoration:underline}.button-link:hover:not(:disabled){color:var(--primary-dark);transform:none}.big_card{background:#fff;background:var(--surface,#fff);border:1px solid #e2e2e8;border:1px solid var(--border-color,#e2e2e8);border-radius:12px;box-shadow:0 4px 16px #0000000a;padding:var(--spacing-lg);text-align:left}.big_card h3{color:#111;color:var(--text-primary,#111);font-size:18px;margin:0 0 var(--spacing-sm) 0}.big_card p{color:#555;color:var(--text-secondary,#555);line-height:1.5;margin:0}.big_card .benefit-icon{align-items:center;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-radius:10px;box-shadow:inset 0 0 0 1px #e5e7eb;box-shadow:inset 0 0 0 1px var(--gray-200,#e5e7eb);color:#ff6b35;color:var(--primary-color,#ff6b35);display:inline-flex;height:44px;justify-content:center;margin-bottom:var(--spacing-md);width:44px}.companies-page{width:100%}.hero{color:var(--text-primary);margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-5xl) var(--spacing-lg);text-align:center}.hero h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-lg)}.hero p{font-size:var(--font-size-medium);margin-bottom:var(--spacing-xl)}.chart-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-5xl)}.chart-section h2{font-size:28px;font-size:var(--font-size-medium-large,28px);margin-bottom:var(--spacing-md);text-align:center}.chart-subtitle{color:#6e6e78;color:var(--text-secondary,#6e6e78);margin-bottom:var(--spacing-xl);text-align:center}.benefits-section,.product-section{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.benefits-section h2,.product-section h2{font-size:28px;font-size:var(--font-size-medium-large,28px);margin-bottom:var(--spacing-md);text-align:center}.product-section p{color:#444;color:var(--text-secondary,#444);text-align:center}.product-cta{display:flex;justify-content:center;margin-top:var(--spacing-md)}.product-media{border:1px solid #e2e2e8;border:1px solid var(--border-color,#e2e2e8);border-radius:16px;box-shadow:0 12px 30px #0000000f;margin:var(--spacing-lg) auto 0;max-width:1000px;overflow:hidden}.product-media img{display:block;height:auto;width:100%}.product-specs{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr;margin-top:var(--spacing-xl)}@media (min-width:720px){.product-specs{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-specs{grid-template-columns:repeat(3,1fr)}}.spec-item{grid-gap:var(--spacing-md);align-items:start;background:#fff;background:var(--surface,#fff);border:1px solid #e2e2e8;border:1px solid var(--border-color,#e2e2e8);border-radius:12px;display:grid;gap:var(--spacing-md);grid-template-columns:44px 1fr;padding:var(--spacing-md)}.spec-icon{align-items:center;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-radius:10px;box-shadow:inset 0 0 0 1px #e5e7eb;box-shadow:inset 0 0 0 1px var(--gray-200,#e5e7eb);color:#ff6b35;color:var(--primary-color,#ff6b35);display:inline-flex;height:44px;justify-content:center;width:44px}.spec-title{color:#111;color:var(--text-primary,#111);font-weight:600;margin-bottom:4px}.spec-desc{color:#555;color:var(--text-secondary,#555);font-size:14px;line-height:1.45}.benefits-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-top:var(--spacing-lg)}@media (min-width:720px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.ats-page{background-color:#fff;width:100%}.ats-hero-wrapper{background-position:top;background-repeat:no-repeat;background-size:cover;min-height:140vh;position:relative;width:100%}.ats-hero-wrapper:after{background:linear-gradient(180deg,#0000 0,#0000 70%,#ffffff80 80%,#fffc 90%,#fff 95%,#fff);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ats-hero{color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:var(--content-max-width);min-height:100vh;padding:calc(var(--spacing-5xl) + 60px) var(--spacing-lg) 150px;position:relative;text-align:center;z-index:2}.ats-hero h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-lg)}.ats-hero h1,.ats-hero p{font-weight:var(--font-semibold)}.ats-hero p{font-size:var(--font-size-medium);margin-bottom:var(--spacing-xl)}.ats-hero-cta{display:flex;justify-content:center;margin-top:var(--spacing-5xl)}.benefits{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-4xl) var(--spacing-lg)}.benefits-header{margin-bottom:var(--spacing-3xl);text-align:center}.benefits-header h2{font-size:var(--font-size-large);line-height:var(--leading-tight);margin-bottom:var(--spacing-md)}.benefits-header .subtitle{font-size:var(--font-size-medium)}.metrics-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{background:var(--white);border:var(--border-width) solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.icon-badge{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--white);display:inline-flex;font-size:20px;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.metric-title{color:var(--text-primary);font-size:var(--font-size-medium-large);line-height:var(--leading-tight);margin:0 0 var(--spacing-sm) 0}.metric-desc{font-size:var(--font-size-small);line-height:var(--leading-relaxed)}.cta-center{text-align:center}.careers-page{width:100%}.careers-hero-wrapper{background:#fff;min-height:60vh;position:relative;width:100%}.careers-hero{color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:var(--content-max-width);min-height:60vh;padding:calc(var(--spacing-5xl) + 60px) var(--spacing-lg) 60px;position:relative;text-align:center;z-index:2}.careers-hero h1{color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-large);font-weight:var(--font-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-lg)}.careers-hero p{font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xl)}.opportunities{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.opportunities h2{color:var(--text-primary);font-size:var(--font-size-large);margin-bottom:var(--spacing-2xl);text-align:center}.opportunities-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-3xl);margin-top:calc(var(--spacing-sm)*-1);text-align:center}.jobs-list{margin:0 auto var(--spacing-3xl);max-width:var(--content-max-width)}.job-row{border-top:1px solid #e6e6e6;border-top:1px solid var(--border-color,#e6e6e6);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:23px 0}.job-row:last-child{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--border-color,#e6e6e6)}.job-row-left{display:flex;flex-direction:column;gap:var(--spacing-sm)}.job-row-right,.job-title-line{align-items:center;display:flex}.job-title-line{font-weight:600;gap:var(--spacing-md)}.job-title{color:var(--text-primary);font-size:clamp(18px,2vw,24px);letter-spacing:-.04em;line-height:1.125}.job-type{background:#3377ff24;border-radius:9999px;color:#37f;display:inline-block;font-size:13px;line-height:1;padding:6px 10px}.job-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:clamp(14px,1.6vw,18px);gap:var(--spacing-sm)}.job-meta-item{align-items:center;display:inline-flex;gap:6px}.dot{background:#7a7a7a;background:var(--text-tertiary,#7a7a7a);border-radius:50%;display:inline-block;height:5px;width:5px}.why-join{padding:var(--spacing-3xl) var(--spacing-lg)}.why-join-wrapper{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:var(--content-max-width)}.why-join-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;max-height:400px;object-fit:cover;width:100%}.why-join-content h2{color:var(--text-primary);font-size:var(--font-size-large);margin-bottom:var(--spacing-md)}.why-join-content p{color:var(--text-secondary);font-size:var(--font-size-medium);line-height:var(--leading-relaxed)}@media (max-width:768px){.why-join-wrapper{grid-template-columns:1fr}}@media (min-width:768px){.job-row{align-items:center;flex-direction:row;justify-content:space-between;padding:20px 0}}.auth-container{background:#fff;display:flex;min-height:100vh}.auth-left{padding:2rem}.auth-left,.auth-right{align-items:center;display:flex;flex:1 1;justify-content:center}.auth-right{height:100vh;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.auth-right-image{align-items:center;background:linear-gradient(135deg,#f97316,#ec4899 50%,#8b5cf6);border-radius:16px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.auth-right-image img{height:100%;object-fit:cover;width:100%}.auth-card{max-width:380px;width:100%}.auth-logo{align-items:center;background:#fff;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;width:48px}.auth-logo img{height:100%;object-fit:cover;width:100%}.auth-title{color:#1a1a1a;font-size:1.875rem;font-weight:700;margin-bottom:2rem}.auth-social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.auth-divider{align-items:center;color:#666;display:flex;font-size:.875rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-form{flex-direction:column}.auth-form,.auth-row{display:flex;gap:1rem}.auth-terms{color:#666;font-size:.8rem;line-height:1.4;margin-top:.5rem}.auth-terms a{color:#1a1a1a;text-decoration:underline}.auth-footer{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer button{background:none;border:none;color:#1a1a1a;cursor:pointer;font-weight:600;text-decoration:underline}.auth-footer button:hover{color:#333}.auth-alert{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.875rem}.auth-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}@media (max-width:968px){.auth-container{flex-direction:column}.auth-right{display:none}.auth-left{flex:1 1}}@media (max-width:640px){.auth-card{max-width:100%}.auth-title{font-size:1.5rem}.auth-row{flex-direction:column}}.button-squared{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:filter var(--transition-fast)}.button-squared:active,.button-squared:hover{filter:brightness(.95)}.button-squared:disabled{cursor:not-allowed;filter:none;opacity:.6}.button-squared-logo{height:18px;object-fit:contain;position:absolute;width:18px}.button-squared-text{font-size:var(--font-size-small);font-weight:var(--font-medium);text-align:center;white-space:nowrap;width:100%}.textfield{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.textfield-label{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold)}.textfield-input{background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.textfield-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff8f1b1a;outline:none}.textfield-input:disabled{background:var(--gray-100);cursor:not-allowed}.textfield-input-error,.textfield-input-error:focus{border-color:var(--error-color)}.textfield-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.textfield-helper{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.textfield-helper ul{margin:var(--spacing-xs) 0 0 0;padding-left:1.25rem}.textfield-helper li{margin:var(--spacing-xs) 0}.textfield-helper-error{color:var(--error-color)}.back-button{align-items:center;background:#0000;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:1rem;padding:8px 0;transition:color .2s ease,transform .2s ease}.back-button:hover{color:#1a1a1a;color:var(--text-primary,#1a1a1a);transform:translateX(-4px)}.demo-page{background:var(--bg-primary);padding:3rem 1.5rem 8rem}.demo-container{gap:3rem;margin:0 auto;max-width:960px;padding:0}.demo-container,.demo-header{display:flex;flex-direction:column}.demo-header{gap:var(--spacing-lg)}.demo-tag{align-self:flex-start;background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:var(--font-semibold);letter-spacing:.06em;padding:.35rem 1rem;text-transform:uppercase}.demo-title{color:var(--text-primary);font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.1;margin:0}.demo-subtitle{color:var(--text-secondary);font-size:var(--font-size-medium);margin:0;max-width:42rem}.demo-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.demo-meta span{background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-primary);font-size:.9rem;font-weight:var(--font-medium);padding:.4rem 1rem}.demo-body{grid-gap:2.5rem;display:grid;gap:2.5rem}.demo-section h2{color:var(--text-primary);font-size:1.35rem;margin:0 0 var(--spacing-md)}.demo-section p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md)}.demo-section ul{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.demo-section li{color:var(--text-primary);line-height:1.55;padding-left:var(--spacing-lg);position:relative}.demo-section li:before{background:var(--gradient-primary);border-radius:50%;content:"";height:.45rem;left:.35rem;position:absolute;top:.55rem;width:.45rem}.demo-apply-btn{align-items:center;background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);bottom:2.5rem;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-medium);font-weight:var(--font-semibold);gap:var(--spacing-sm);padding:12px 24px;position:fixed;right:2.5rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);z-index:var(--z-fixed)}.demo-apply-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.demo-btn-logo{border-radius:var(--radius-sm);height:24px;object-fit:contain;width:auto}.demo-apply-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.demo-top-bar{justify-content:space-between;margin-bottom:var(--spacing-md);position:relative}.demo-nav-right,.demo-top-bar{align-items:center;display:flex}.demo-nav-right{gap:var(--spacing-md)}.demo-lang-center{left:50%;position:absolute;transform:translateX(-50%)}.demo-lang-select{-webkit-appearance:none;appearance:none;background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:var(--font-medium);padding:8px 36px 8px 14px}.demo-lang-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0077ff1f;outline:none}.demo-lang-select{background-image:linear-gradient(45deg,#0000 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,#0000 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:6px 6px,6px 6px}@media (max-width:768px){.demo-lang-center{margin:0 auto;position:static;transform:none}}.demo-back-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-fast),background var(--transition-fast)}.demo-back-btn:hover{background:var(--bg-secondary);color:var(--primary-color)}.demo-nav-btn{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:var(--font-size-medium);font-weight:var(--font-medium);gap:var(--spacing-xs)}.demo-nav-btn:hover{color:var(--primary-dark)}.demo-killer-questions{background:var(--primary-50);border:var(--border-width) solid var(--primary-accent);border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.demo-killer-questions h2{color:var(--primary-dark);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold)}.demo-killer-questions p{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-sm)}.demo-killer-questions li{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-2xl)}.demo-killer-questions ul{counter-reset:question-counter}.demo-killer-questions li{counter-increment:question-counter}.demo-killer-questions li:before{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--white);content:counter(question-counter);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-bold);height:1.2rem;justify-content:center;left:var(--spacing-sm);position:absolute;top:50%;transform:translateY(-50%);width:1.2rem}@media (max-width:768px){.demo-fixed-apply-btn{bottom:1.5rem;right:1.5rem}.demo-container{padding:0}.demo-meta{gap:.5rem}.demo-meta span{font-size:.85rem}.demo-apply-btn{left:auto;right:1.5rem;transform:none}}.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;left:0;position:fixed;right:0;top:0;transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:var(--z-sticky)}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc}.header.transparent .header-links a,.header.transparent .header-login-text{color:var(--text-primary)}.header.transparent .header-links a:hover,.header.transparent .header-login-text:hover{color:var(--primary-color)}.header-container{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:flex-start;margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-md) var(--spacing-lg)}.logo{text-decoration:none}.logo-img{border-radius:var(--radius-md);display:block;height:30px;width:30px}.header-links{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}.header-links a{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-base)}.header-links a:hover{color:var(--primary-color)}.header-actions,.header-right{align-items:center;display:flex;gap:var(--spacing-md);margin-left:auto}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm)}.user-avatar{background:var(--bg-secondary);border-radius:50%;color:var(--text-primary);font-weight:var(--font-bold);height:32px;object-fit:cover;width:32px}.user-avatar,.user-avatar-fallback{align-items:center;display:inline-flex;justify-content:center}.user-avatar-fallback{background:var(--white);border:2px solid var(--primary-100);color:var(--primary-dark)}.user-name{color:var(--text-primary);font-size:var(--font-size-small)}.chevron{align-items:center;color:var(--primary-color);display:flex;transition:transform var(--transition-fast)}.chevron.up{transform:rotate(180deg)}.user-dropdown{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-sticky)}.dropdown-item{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:10px 12px;text-align:left;width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.logout{color:#e11d48;color:var(--danger-color,#e11d48)}.header-login-text{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-medium);transition:color var(--transition-base)}.header-login-text:hover{color:var(--primary-color)}@media (max-width:768px){.header-links{display:none}.header-container{padding:var(--spacing-md)}}.footer{margin-top:var(--spacing-3xl)}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-3xl) var(--spacing-lg)}.footer-section h3,.footer-section h4{font-size:var(--font-size-medium);margin-bottom:var(--spacing-md)}.footer-section p{color:var(--text-light);font-size:var(--font-size-small);line-height:var(--leading-relaxed)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--text-light);font-size:var(--font-size-small);text-decoration:none;transition:color var(--transition-base)}.footer-section ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.social-links a{align-items:center;color:var(--text-light);display:flex;justify-content:center;transition:color var(--transition-base)}.social-links a:hover{color:var(--primary-color)}.social-links svg{height:24px;width:24px}.footer-bottom{padding:var(--spacing-lg);text-align:center}.footer-bottom p{color:var(--text-light);font-size:var(--font-size-small);margin:0}@media (max-width:768px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr;padding:var(--spacing-2xl) var(--spacing-lg)}}.legal-page{background-color:var(--bg-primary);min-height:100vh;padding:var(--spacing-3xl) var(--spacing-lg);width:100%}.legal-container{color:var(--text-primary);margin:0 auto;max-width:800px}.legal-container h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-sm);text-align:center}.last-update{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-3xl);text-align:center}.legal-section{margin-bottom:var(--spacing-2xl)}.legal-section h2{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.legal-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-md)}.legal-section ul{list-style:none;margin:var(--spacing-md) 0;padding:0}.legal-section ul li{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.legal-section ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.legal-section a{color:var(--primary-color);text-decoration:none;transition:opacity .2s ease}.legal-section a:hover{opacity:.8;text-decoration:underline}.legal-section strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.legal-page{padding:var(--spacing-2xl) var(--spacing-md)}.legal-container h1{font-size:calc(var(--font-size-large)*.8)}.legal-section h2{font-size:calc(var(--font-size-medium)*.9)}}.privacy-page{background-color:var(--bg-primary);min-height:100vh;padding:var(--spacing-3xl) var(--spacing-lg);width:100%}.privacy-container{color:var(--text-primary);margin:0 auto;max-width:800px}.privacy-container h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-sm);text-align:center}.privacy-page .last-update{color:var(--text-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-3xl);text-align:center}.privacy-section{margin-bottom:var(--spacing-2xl)}.privacy-section h2{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.privacy-section h3{color:var(--text-primary);font-size:calc(var(--font-size-base)*1.1);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.privacy-section p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-md)}.privacy-section ul{list-style:none;margin:var(--spacing-md) 0;padding:0}.privacy-section ul li{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.privacy-section ul li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.privacy-section a{color:var(--primary-color);text-decoration:none;transition:opacity .2s ease}.privacy-section a:hover{opacity:.8;text-decoration:underline}.privacy-section strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.privacy-page{padding:var(--spacing-2xl) var(--spacing-md)}.privacy-container h1{font-size:calc(var(--font-size-large)*.8)}.privacy-section h2{font-size:calc(var(--font-size-medium)*.9)}.privacy-section h3{font-size:var(--font-size-base)}}.dashboard{align-items:flex-start;background-color:var(--primary-50);display:flex;justify-content:center;min-height:100vh;padding-top:80px}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-left:0;max-width:var(--content-max-width);padding:var(--spacing-lg);width:100%}.dashboard-header-custom{background:var(--primary-50)!important;box-shadow:none}.dashboard-footer{color:var(--text-muted);font-size:var(--font-size-small);margin-top:var(--spacing-2xl);padding-bottom:var(--spacing-lg);text-align:center}.demo-fixed-apply-btn{bottom:2.5rem;box-shadow:var(--shadow-lg);position:fixed;right:2.5rem;z-index:var(--z-fixed)}.demo-fixed-apply-btn:hover{box-shadow:0 8px 24px #00000026}@media (max-width:768px){.demo-fixed-apply-btn{bottom:1.5rem;right:1.5rem}}.dashboard-profile-header{grid-gap:var(--spacing-md);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:none;display:grid;gap:var(--spacing-md);grid-template-columns:120px 1fr;padding:var(--spacing-md);position:relative;width:100%}.edit-profile-btn{align-items:center;background:var(--primary-100);border:none;border-radius:var(--radius-full);color:var(--primary-dark);cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background-color var(--transition-fast)}.edit-profile-btn:hover{background:var(--primary-300)}.profile-left{align-items:center;display:flex;justify-content:center}.avatar-container{border-radius:50%;cursor:pointer;height:100px;position:relative;width:100px}.profile-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-fallback{background:var(--white);border:2px solid var(--primary-100);color:var(--primary-dark);font-size:var(--font-size-large);font-weight:var(--font-bold)}.avatar-overlay,.profile-avatar-fallback{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.avatar-overlay{background-color:#00000080;color:#fff;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s}.avatar-container:hover .avatar-overlay{opacity:1}.profile-right{gap:var(--spacing-md)}.profile-name-title,.profile-right{display:flex;flex-direction:column}.profile-name{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-medium);margin:0}.profile-title{color:var(--text-muted);font-size:var(--font-size-medium);font-weight:var(--font-normal);margin:0}.profile-info-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.info-item{align-items:center;display:flex;gap:var(--spacing-sm)}.info-item svg{color:var(--primary-color)}.info-value{color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-normal);text-decoration:none}.info-value:hover{color:var(--primary-color);text-decoration:underline}.dashboard-profile-header:hover{box-shadow:none;transform:none}@media (max-width:768px){.dashboard-profile-header{gap:var(--spacing-lg);grid-template-columns:1fr}.profile-left{justify-content:flex-start}}.entretien-section{margin-top:var(--spacing-xl);width:100%}.entretien-title{color:var(--primary-dark);font-size:var(--font-size-medium-large);font-weight:var(--font-medium);margin:0 0 var(--spacing-md) 0}.entretien-timeline{border-left:2px dashed var(--gray-200);padding-left:var(--spacing-lg)}.entretien-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:none;margin-bottom:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:none}.entretien-card:before{background:var(--primary-color);border-radius:50%;content:"";height:10px;left:calc(var(--spacing-lg)*-1 - 6px);position:absolute;top:20px;width:10px}.entretien-row{align-items:flex-start;display:flex;justify-content:space-between}.entretien-meta{color:var(--text-muted);font-size:var(--font-size-small)}.entretien-title-sm{color:var(--text-primary);font-size:1rem;margin:6px 0 0}.entretien-tags{color:var(--text-muted);font-size:var(--font-size-small)}.entretien-header-main{display:flex;flex-direction:column}.entretien-header-side{text-align:right}.entretien-body{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-sm)}.entretien-summary{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-medium);margin:0}.entretien-actions{flex-shrink:0;margin:0}.entretien-card:hover{box-shadow:none;transform:none}@media (max-width:600px){.entretien-row{align-items:flex-start;flex-direction:column}}.edit-profile-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-profile-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.edit-profile-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:16px}.edit-profile-popup-header h2{color:#333;font-size:1.5rem;margin:0}.edit-profile-popup-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.edit-profile-popup-body{display:flex;flex-direction:column;gap:24px}.edit-profile-section{display:flex;flex-direction:column;gap:16px}.edit-profile-section h3{border-bottom:1px solid #f0f0f0;color:#555;font-size:1.1rem;margin:0;padding-bottom:8px}.edit-profile-row{display:flex;flex-wrap:wrap;gap:16px}.edit-profile-row>*{flex:1 1;min-width:200px}.edit-profile-list-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.edit-profile-list-item button{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.edit-profile-add-button{align-self:flex-start;margin-top:8px}.edit-profile-complex-item{background-color:#fafafa;border:1px solid #eee;border-radius:4px;margin-bottom:16px;padding:16px}.edit-profile-complex-header{display:flex;justify-content:space-between;margin-bottom:12px}.edit-profile-popup-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:16px}.parameters-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.parameters-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.parameters-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:16px}.parameters-popup-header h2{color:#333;font-size:1.5rem;margin:0}.parameters-popup-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.parameters-popup-body{display:flex;flex-direction:column;gap:16px}.parameters-link-item{align-items:center;background:none;border:1px solid #eee;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:12px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.parameters-link-item:hover{background-color:#f9f9f9}.parameters-link-icon{color:#666;margin-right:12px}.parameters-danger-zone{border-top:1px solid #eee;margin-top:24px;padding-top:16px}.parameters-danger-title{color:#d32f2f;font-size:.9rem;font-weight:700;margin-bottom:12px;text-transform:uppercase}.parameters-logout-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:500;margin-bottom:12px;padding:12px;transition:background-color .2s;width:100%}.parameters-logout-btn:hover{background-color:#e0e0e0}.parameters-delete-btn{background-color:#fff0f0;border:1px solid #ffcdd2;border-radius:6px;color:#d32f2f;cursor:pointer;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.parameters-delete-btn:hover{background-color:#ffebee}.chip{align-items:center;border:none;border-radius:var(--radius-full);cursor:default;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-small);gap:var(--spacing-sm);justify-content:center;padding:8px 14px;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.chip-primary{background:var(--primary-color);color:var(--white)}.chip-secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--text-primary)}.chip-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.chip-success{background:var(--success-color);color:var(--white)}.chip-danger{background:var(--error-color);color:var(--white)}.chip-warning{background:var(--warning-color);color:var(--gray-900)}.chip-ghost,.chip-link{background:#0000;border:none;color:var(--primary-color)}.chip-link{box-shadow:none!important;text-decoration:underline}.cockpit-header{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md)}.cockpit-header-left{align-items:baseline;display:flex;gap:var(--spacing-md)}.cockpit-header-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-bold);margin:0}.cockpit-header-right,.cockpit-total-users-badge{align-items:center;display:flex;gap:var(--spacing-md)}.cockpit-total-users-badge{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-950);padding:var(--spacing-sm) var(--spacing-md)}.cockpit-header-icon{height:20px;width:20px}.cockpit-total-users-info{display:flex;flex-direction:column}.cockpit-total-users-value{font-size:var(--font-size-medium);font-weight:var(--font-bold)}@media (max-width:768px){.cockpit-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.cockpit-header-right{justify-content:flex-end;width:100%}}.social-media-card{align-items:center;background-color:var(--primary-100);border:1px solid #0000;border-radius:var(--radius-md);color:var(--primary-950);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:border-color var(--transition-fast)}.social-media-card:hover{border-color:var(--primary-950)}.social-media-icon{color:var(--primary-950);flex-shrink:0;height:24px;width:24px}.social-media-profile-icon{flex-shrink:0;height:12px;margin-left:2px;vertical-align:middle;width:12px}.social-media-card__info{align-items:baseline;display:flex;flex-direction:row;gap:var(--spacing-md)}.social-media-card__count{color:var(--primary-950);font-size:var(--font-size-medium-large);font-weight:var(--font-bold)}.social-media-card__growth{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-medium)}.social-media-card__growth.positive,.social-media-card__growth.positive .social-media-profile-icon{color:var(--success-color)}.social-media-card__growth.negative,.social-media-card__growth.negative .social-media-profile-icon{color:var(--error-color)}@media (max-width:1200px){.social-media-card{flex:1 1;min-width:200px}}.dropdown{background:var(--white);border:none;border-radius:var(--radius-sm);color:var(--primary-950);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.dropdown:hover{background:var(--primary-50)}.dropdown:focus{outline:none}.graph-container{position:relative;width:100%}.graph-svg{display:block;height:100%;width:100%}.graph-grid-line{stroke:var(--gray-200);stroke-dasharray:4;stroke-width:1}.graph-y-label{text-anchor:end;font-size:10px}.graph-x-label,.graph-y-label{fill:var(--text-secondary);font-weight:var(--font-medium)}.graph-x-label{text-anchor:middle;font-size:9px}.graph-area{opacity:1}.graph-line{filter:drop-shadow(0 2px 4px rgba(255,143,27,.2))}.graph-dot{transition:r var(--transition-fast)}.graph-dot:hover{r:6}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.graph-line{stroke-dasharray:1000;animation:drawLine 1.5s ease-out forwards}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}.graph-area{animation:fadeInArea 1s ease-out forwards;animation-delay:.5s;opacity:0}.bar-chart-container{padding:var(--spacing-md) 0;width:100%}.bar-chart-inner{align-items:flex-end;display:flex;gap:var(--spacing-lg);height:100%;justify-content:space-around;width:100%}.bar-chart-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.bar-chart-value{align-items:flex-end;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-semibold);min-height:20px;text-align:center}.bar-chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:100%;position:relative;transition:opacity var(--transition-fast),transform var(--transition-fast);width:60px}.bar-chart-bar:hover{opacity:.85;transform:scaleY(1.02);transform-origin:bottom}.bar-chart-bar-animated{animation:growBar .6s ease-out forwards}@keyframes growBar{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.bar-chart-label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium);min-height:20px;text-align:center}.bar-chart-container.horizontal .bar-chart-inner{align-items:stretch;flex-direction:column}.bar-chart-container.horizontal .bar-chart-item{flex-direction:row;max-width:none}.bar-chart-container.horizontal .bar-chart-bar{border-radius:0 var(--radius-sm) var(--radius-sm) 0;height:30px!important;width:auto}@media (max-width:768px){.bar-chart-bar{width:35px}.bar-chart-inner{gap:var(--spacing-sm)}.bar-chart-label,.bar-chart-value{font-size:var(--font-size-xs)}}@media (max-width:480px){.bar-chart-bar{width:25px}.bar-chart-inner{gap:var(--spacing-xs)}}.stats-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.stats-tabs{border-bottom:1px solid var(--gray-200);display:flex;overflow-x:auto}.stats-tabs::-webkit-scrollbar{height:0}.stats-tab{align-items:center;background:none;border:none;border-right:1px solid var(--gray-200);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:140px;padding:var(--spacing-md) var(--spacing-md);position:relative;text-align:center;transition:background var(--transition-fast)}.stats-tab:last-child{border-right:none}.stats-tab:hover{background:var(--gray-100)}.stats-tab-label{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-medium);white-space:nowrap}.stats-tab-active .stats-tab-label{color:var(--primary-color);font-weight:var(--font-semibold)}.stats-tab-value{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-bold);line-height:1.2}.stats-tab-suffix{font-size:var(--font-size-medium)}.stats-tab-variation{align-items:center;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-medium);gap:2px;justify-content:center}.stats-tab-variation-positive{color:var(--success-color)}.stats-tab-variation-negative{color:var(--error-color)}.stats-tab-variation-icon{font-size:.75rem}.stats-tab-variation-label{color:var(--text-muted)}.stats-tab-indicator{background:var(--primary-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;bottom:0;height:3px;left:0;position:absolute;right:0}.stats-content{padding:var(--spacing-lg) var(--spacing-xl)}.stats-chart{min-height:280px;width:100%}@media (max-width:768px){.stats-tabs{overflow-x:auto}.stats-tab{min-width:110px;padding:var(--spacing-sm) var(--spacing-xs)}.stats-tab-label{font-size:var(--font-size-xs)}.stats-tab-value{font-size:var(--font-size-medium)}.stats-tab-variation{font-size:10px}.stats-content{padding:var(--spacing-md)}}@media (max-width:480px){.stats-tab{min-width:90px}}.rankings-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.ranking-box{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.ranking-box-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0;padding:var(--spacing-md) var(--spacing-md)}.ranking-box-content{-ms-overflow-style:none;height:200px;overflow-y:auto;padding-top:25px;perspective:1000px;position:relative;scroll-behavior:smooth}.ranking-box-content::-webkit-scrollbar{display:none}.ranking-spacer{flex-shrink:0;height:130px;width:100%}.ranking-item{align-items:center;background:var(--primary-100);border:1px solid var(--primary-100);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin:0 auto var(--spacing-md);opacity:.8;padding:var(--spacing-sm) var(--spacing-md);position:relative;transform:scale(.9);transform-style:preserve-3d;width:85%}.ranking-item.active{border-color:var(--primary-950);z-index:100!important}.ranking-position{font-weight:var(--font-bold)}.ranking-name,.ranking-position{color:var(--text-primary);font-size:var(--font-size-small)}.ranking-name{align-items:center;display:flex;flex:1 1;font-weight:var(--font-medium);gap:var(--spacing-md);overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.ranking-prefix{align-items:center;background:var(--primary-color);border-radius:var(--radius-sm);color:var(--white);display:inline-flex;height:20px;justify-content:center;min-width:28px;padding:0 var(--spacing-xs);text-transform:uppercase}.ranking-prefix,.ranking-value{flex-shrink:0;font-size:var(--font-size-small);font-weight:var(--font-bold);transition:all var(--transition-fast)}.ranking-value{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-950);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1400px){.rankings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rankings-grid{grid-template-columns:1fr}}.overview{background:var(--primary-50);min-height:100vh}.overview-content{display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:1800px;padding:var(--spacing-xl)}.overview-left{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg)}.filters-bar{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md)}.search-container{position:relative;width:400px}.filters-spacer{flex:1 1}.search-container .textfield{margin-bottom:0}.search-container .textfield-input{width:100%}.client-dropdown{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.client-dropdown-item{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.client-dropdown-item:hover{background:var(--primary-accent)}.period-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-small);padding:var(--spacing-sm) var(--spacing-md)}.period-select:focus{border-color:var(--primary-color);outline:none}.download-btn{align-items:center;background:var(--primary-100);border:none;border-radius:var(--radius-sm);color:var(--primary-950);cursor:pointer;display:flex;height:32px;justify-content:center;transition:transform var(--transition-fast);width:32px}.download-btn:hover{border:1px solid var(--primary-950)}.action-icon{height:20px;width:20px}.selected-clients{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.client-chip{cursor:pointer;transition:all var(--transition-fast)}.client-chip:hover{opacity:.8;transform:scale(.98)}.chip-remove{font-size:1.2em;font-weight:var(--font-bold);margin-left:var(--spacing-xs)}.overview-right{flex-shrink:0;width:280px}.social-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.social-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.social-panel-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.social-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.visitors-section{border-top:1px solid var(--gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.visitors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.visitors-title{color:var(--text-primary);font-size:var(--font-size-medium);font-weight:var(--font-semibold);margin:0}.visitors-card{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-950);padding:var(--spacing-md);text-align:center}.visitors-count{display:block;font-size:var(--font-size-medium-large);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}@media (max-width:1200px){.overview-content{flex-direction:column-reverse}.overview-right{width:100%}.social-panel{position:static}.social-cards{flex-direction:row;flex-wrap:wrap}.social-card{flex:1 1;min-width:200px}.visitors-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.visitors-card{max-width:300px}}@media (max-width:768px){.filters-bar{flex-wrap:wrap}.search-container{max-width:100%;width:100%}}@media (max-width:480px){.overview-content{padding:var(--spacing-md)}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000001a;display:flex;height:100vh;inset:0;justify-content:center;position:fixed;width:100vw}.popup-window{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;height:400px;justify-content:flex-start;max-height:100vh;max-width:100vw;overflow:hidden;padding:0;width:480px}.popup-content{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.popup-content,.popup-loading{display:flex;flex-direction:column}.popup-loading{align-items:center;gap:var(--spacing-md);height:100%;justify-content:center}.popup-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.popup-loading-text{color:var(--gray-500);font-size:var(--font-size-small)}@keyframes spin{to{transform:rotate(1turn)}}.page-choice{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.page-choice__title{font-size:var(--font-size-medium);font-weight:var(--font-semibold);letter-spacing:0}.page-choice__grid{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media (max-width:560px){.page-choice__grid{grid-template-columns:1fr}}.choice-card{--card-active-color:var(--primary-color);--card-active-shadow:#ff8f1b40;align-items:center;background:var(--white);background:var(--card-bg,var(--white));border:1px solid #0000;border:1px solid var(--card-border,#0000);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.choice-card:hover{border-color:var(--card-active-color);box-shadow:var(--shadow-md)}.choice-card:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.choice-card.is-selected{border-color:var(--card-active-color);box-shadow:0 0 0 4px var(--card-active-shadow)}.choice-card__title{font-size:var(--font-size-medium);font-weight:var(--font-medium);margin:0}.choice-card__text{color:var(--text-muted);font-size:var(--font-size-small);line-height:var(--leading-normal);margin:0}.choice-card__icon{align-items:center;border-radius:var(--radius-sm);display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.choice-card__icon img{height:100%;object-fit:contain;width:100%}.circle--blue{background:#e6eefc}.circle--orange{background:radial-gradient(circle at 30% 30%,#ffe2b0 0,#ffcb66 60%,#ffaa23 100%)}.formulaire{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;width:100%}.formulaire-grid{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.formulaire-actions{display:flex;justify-content:flex-end;margin-top:auto}@media (max-width:560px){.formulaire-actions{justify-content:stretch}.formulaire-actions .button-squared{width:100%}}.sent-page{display:flex;flex-direction:column;height:100%}.sent-page__content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);justify-content:center;text-align:center}.sent-page__title{font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0}.sent-page__text{color:var(--text-secondary);font-size:var(--font-size-medium);line-height:1.4;margin:0}.sent-page__actions{display:flex;margin-top:0;padding-top:var(--spacing-md)}.sent-page__actions,.sent-page__actions .button-squared{justify-content:center;width:100%}.sent-page__icon{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);margin-bottom:var(--spacing-sm)}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:560px){.sent-page__actions{justify-content:stretch}.sent-page__actions .button-squared{width:100%}}.audio-animation-container{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.audio-circle{border-radius:50%;position:absolute}.outer-circle{background-color:var(--primary-300);height:60px;transition:transform .1s ease-out;width:60px}.inner-circle{background-color:var(--primary-color);height:60px;width:60px;z-index:1}.close-confirmation-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.close-confirmation-modal{animation:slideUp .2s ease;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:340px;padding:var(--spacing-xl);text-align:center;width:90%}.close-confirmation-icon{color:var(--warning-color);margin-bottom:var(--spacing-md)}.close-confirmation-title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0}.close-confirmation-message{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-lg) 0}.close-confirmation-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.close-confirmation-actions .button{flex:1 1;min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interview-page{display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden}.interview-page__actions{display:flex;flex-shrink:0;width:100%}.interview-page__actions .button-squared{justify-content:center;width:100%}.interview-video-wrapper{display:flex;flex:1 1;flex-direction:column;margin-bottom:var(--spacing-md);min-height:0;position:relative;width:100%}.interview-video{background:#000;border-radius:var(--radius-sm);height:100%;object-fit:cover;width:100%}.interview-permission-error{color:var(--error-color);font-size:var(--font-size-small);margin:0}.interview-page.started{position:relative}.interview-animation-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;width:100%}.interview-video-wrapper.minimized{background:#000;border-radius:var(--radius-md);flex:none;height:100px;margin:0;position:absolute;right:0;top:0;width:150px;z-index:10}.interview-video-wrapper.minimized .interview-video{border-radius:var(--radius-md)}.interview-transcript-box{-ms-overflow-style:none;background:#000000b3;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);max-height:70px;min-height:60px;overflow-y:auto;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.interview-transcript-box::-webkit-scrollbar{display:none}.interview-transcript-box p{color:var(--white);font-size:var(--font-size-small);line-height:1.4;margin:0;margin-bottom:var(--spacing-xs);text-align:left}.interview-transcript-box p:last-child{margin-bottom:0}.interview-transcript-box .transcript-assistant strong{color:#ff9a5c}.interview-transcript-box .transcript-user strong{color:#5cb8ff}.login-register{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;justify-content:flex-start}.login-register__tabs{display:flex;gap:var(--spacing-sm)}.tab{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-small);padding:var(--spacing-sm) var(--spacing-md)}.tab.is-active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.form{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%}.form .textfield{flex:0 0 auto}.form input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-medium);padding:var(--spacing-sm) var(--spacing-md)}.form input:focus{border-color:var(--primary-color);outline:2px solid var(--primary-light)}.form__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-error{color:var(--error-color);margin:0}.auth-switch,.form-error{font-size:var(--font-size-small)}.auth-switch{color:var(--text-secondary);margin-top:var(--spacing-sm);text-align:center}.auth-switch p{align-items:center;display:flex;gap:4px;justify-content:center;margin:0}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;font-weight:var(--font-medium);padding:0;text-decoration:underline}.btn-link:hover{color:var(--primary-dark)}.form__footer{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md)}.form__footer .auth-switch{margin-top:0;text-align:left}.confirm-email{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-md);text-align:center}.confirm-email__icon{color:var(--primary-color);margin-bottom:var(--spacing-md)}.confirm-email__title{color:var(--text-primary);font-size:var(--font-size-medium-large);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0}.confirm-email__description{color:var(--text-secondary);font-size:var(--font-size-small);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-lg) 0}.confirm-email__description strong{color:var(--text-primary);font-weight:var(--font-medium)}.confirm-email__error{background:var(--error-bg);border-radius:var(--radius-md);color:var(--error-text);font-size:var(--font-size-small);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.confirm-email__error,.confirm-email__form{max-width:300px;width:100%}.confirm-email__form .textfield{text-align:left}.confirm-email__form input{font-size:var(--font-size-medium);letter-spacing:.2em;text-align:center}.confirm-email__actions{margin-top:var(--spacing-md)}.confirm-email__actions .button-squared{width:100%}.confirm-email__hint{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-lg)}.confirm-email__hint .btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.confirm-email__hint .btn-link:hover{color:var(--primary-dark)}.error-page{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%}.error-page__title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.error-page__message{color:var(--error-color);font-size:.95rem;margin:0}.error-page__actions{display:flex;gap:var(--spacing-md);margin-top:auto}.popup-header{align-items:center;background:var(--white);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.popup-header__title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-small);font-weight:var(--font-bold);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.popup-header__btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:background-color var(--transition-fast);width:24px}
/*# sourceMappingURL=main.9dd73e04.css.map*/