code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-white:#fff;--color-off-white:#fafafa;--color-light-gray:#f5f5f5;--color-gray:#e5e5e5;--color-medium-gray:#9e9e9e;--color-dark-gray:#424242;--color-black:#212121;--color-primary:#2c3e50;--color-primary-light:#34495e;--color-primary-dark:#1a252f;--color-accent:#3498db;--color-accent-light:#5dade2;--color-accent-dark:#2874a6;--color-warm-gray:#eceff1;--color-warm-accent:#e8eaf6;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--max-width:1280px;--max-width-narrow:768px;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--color-off-white);color:#212121;color:var(--color-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.6;margin:0}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-5xl{font-size:3rem;font-size:var(--text-5xl)}.text-6xl{font-size:3.75rem;font-size:var(--text-6xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mt-12{margin-top:3rem;margin-top:var(--space-12)}.mt-16{margin-top:4rem;margin-top:var(--space-16)}.mt-20{margin-top:5rem;margin-top:var(--space-20)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mb-12{margin-bottom:3rem;margin-bottom:var(--space-12)}.mb-16{margin-bottom:4rem;margin-bottom:var(--space-16)}.mb-20{margin-bottom:5rem;margin-bottom:var(--space-20)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.p-12{padding:3rem;padding:var(--space-12)}.p-16{padding:4rem;padding:var(--space-16)}.container{margin-left:auto;margin-right:auto;max-width:1280px;max-width:var(--max-width);padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}@media (min-width:640px){.container{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}}@media (min-width:1024px){.container{padding-left:2rem;padding-left:var(--space-8);padding-right:2rem;padding-right:var(--space-8)}}.btn{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;justify-content:center;line-height:1.5;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-base)}.btn-primary{background-color:#2c3e50;background-color:var(--color-primary);color:#fff;color:var(--color-white)}.btn-primary:hover{background-color:#1a252f;background-color:var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e5e5;border:1px solid var(--color-gray);color:#2c3e50;color:var(--color-primary)}.btn-secondary:hover{background-color:#f5f5f5;background-color:var(--color-light-gray);border-color:#9e9e9e;border-color:var(--color-medium-gray)}.btn-lg{font-size:1.125rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.card{background-color:#fff;background-color:var(--color-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--space-6)}.card-footer{background-color:#f5f5f5;background-color:var(--color-light-gray)}.input{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e5e5;border:1px solid var(--color-gray);border-radius:.5rem;border-radius:var(--radius-md);color:#212121;color:var(--color-black);font-size:1rem;font-size:var(--text-base);line-height:1.5;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .25s ease-in-out;transition:all var(--transition-base);width:100%}.input:focus{border-color:#3498db;border-color:var(--color-accent);box-shadow:0 0 0 3px #3498db1a;outline:none}.input::placeholder{color:#9e9e9e;color:var(--color-medium-gray)}:focus-visible{outline:2px solid #3498db;outline:2px solid var(--color-accent);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #3498db;outline:2px solid var(--color-accent);outline-offset:2px}.animate-fade-in{animation:fadeIn ease-out .35s ease-in-out;animation:fadeIn var(--transition-slow) ease-out}.animate-slide-in{animation:slideIn ease-out .35s ease-in-out;animation:slideIn var(--transition-slow) ease-out}@media (max-width:640px){.text-6xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-5xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.25rem;font-size:var(--text-xl)}}.language-switcher{position:relative}.language-switcher-button{align-items:center;background-color:initial;border:1px solid var(--color-gray);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);height:36px;justify-content:center;line-height:1.5;padding:0 var(--space-3);transition:all var(--transition-base)}.language-switcher-button:hover{background-color:var(--color-light-gray);border-color:var(--color-medium-gray)}.language-flag{font-size:var(--text-lg);line-height:1}.language-code{color:var(--color-dark-gray);font-weight:500}.language-arrow{color:var(--color-medium-gray);font-size:var(--text-xs);transition:transform var(--transition-base)}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown)}.language-option{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--transition-base);width:100%}.language-option:hover{background-color:var(--color-light-gray)}.language-option.active{background-color:var(--color-warm-accent);font-weight:500}.language-name{color:var(--color-dark-gray)}.header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border-bottom:1px solid #00000014;box-shadow:0 1px 0 #0000000a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{margin:0 auto;max-width:1440px;padding:0 var(--space-6)}.nav{gap:var(--space-4);justify-content:space-between;position:relative}.nav,.nav-logo{align-items:center;display:flex;height:64px}.nav-logo{color:var(--color-black);flex-shrink:0;gap:var(--space-3);padding:0;text-decoration:none;transition:opacity .2s ease;z-index:1001}.nav-logo:hover{opacity:.8}.logo-image{display:block;flex-shrink:0;height:36px;margin:0;object-fit:contain;width:36px}.logo-text{color:var(--color-black);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0;white-space:nowrap}.nav-menu-wrapper{flex:1 1;justify-content:center}.nav-menu,.nav-menu-wrapper{align-items:center;display:flex;height:100%}.nav-menu{gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-menu li{height:100%}.nav-link,.nav-menu li{align-items:center;display:flex;position:relative}.nav-link{border-radius:var(--radius-md);color:var(--color-dark-gray);font-size:var(--text-sm);font-weight:500;height:36px;justify-content:center;line-height:1.5;padding:0 var(--space-3);text-decoration:none;transition:all .15s ease;white-space:nowrap}.nav-link:hover{background:#3498db0f;color:var(--color-primary)}.nav-link.active{color:var(--color-primary);font-weight:600}.nav-link.active:after{background:var(--color-primary);border-radius:50%;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.nav-more{height:100%;position:relative}.nav-more,.nav-more-button{align-items:center;display:flex}.nav-more-button{background:none;border:none;color:var(--color-dark-gray);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:500;gap:var(--space-1);height:36px;justify-content:center;line-height:1.5;padding:0 var(--space-3)}.more-arrow{font-size:10px;opacity:.6;transition:transform .2s ease}.nav-more-button.active .more-arrow{transform:rotate(180deg)}.more-menu-dropdown{animation:slideDown .2s ease;background:var(--color-white);border:1px solid #00000014;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;left:0;min-width:180px;overflow:hidden;position:absolute;top:calc(100% + var(--space-2));z-index:1002}.more-menu-item{background:none;border:none;border-bottom:1px solid #0000000a;color:var(--color-dark-gray);cursor:pointer;display:block;font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.more-menu-item:last-child{border-bottom:none}.more-menu-item:hover{background:#3498db0f;color:var(--color-primary);padding-left:var(--space-5)}.nav-user{margin-left:var(--space-2)}.nav-user,.user-menu{align-items:center;display:flex;height:100%}.user-menu{position:relative}.user-menu-button{align-items:center;background:#3498db1a;border:none;border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);height:36px;line-height:1.5;padding:0 var(--space-3);transition:all .2s ease;white-space:nowrap}.user-menu-button:hover{background:#3498db26}.user-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:600;height:28px;justify-content:center;line-height:1;min-width:28px;width:28px}.user-name-display{font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-arrow{font-size:10px;opacity:.7;transition:transform .2s ease}.user-menu-button:hover .user-arrow{transform:translateY(1px)}.user-menu-dropdown{animation:slideDown .2s ease;background:var(--color-white);border:1px solid #00000014;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:1002}.user-menu-header{background:#00000005;border-bottom:1px solid #00000014;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.user-menu-name{color:var(--color-black);font-size:var(--text-sm);font-weight:600;word-break:break-word}.user-menu-email{color:var(--color-medium-gray);font-size:var(--text-xs);word-break:break-all}.user-menu-skeleton{align-items:center;display:flex;gap:var(--space-2);height:36px;padding:0 var(--space-3)}.skeleton-avatar{border-radius:50%;height:28px;min-width:28px;width:28px}.skeleton-avatar,.skeleton-name{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000000f 25%,#0000001f 50%,#0000000f 75%);background-size:200% 100%}.skeleton-name{border-radius:var(--radius-sm);height:16px;width:100px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.user-menu-item{background:none;border:none;border-bottom:1px solid #0000000a;color:var(--color-dark-gray);cursor:pointer;display:block;font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.user-menu-item:last-child{border-bottom:none}.user-menu-item:hover{background:#3498db0f;color:var(--color-primary);padding-left:var(--space-5)}.nav-link-auth{background:var(--color-primary);color:var(--color-white)!important;font-weight:600;height:36px;margin-left:var(--space-2);padding:0 var(--space-4)}.nav-link-auth:hover{box-shadow:0 2px 8px #3498db4d;transform:translateY(-1px)}.nav-link-auth.active,.nav-link-auth:hover{background:var(--color-primary-dark)}.nav-lang{align-items:center;display:flex;height:100%;margin-left:var(--space-2)}.nav-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:background .2s ease;width:40px;z-index:1001}.nav-toggle:hover{background:#0000000a}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background-color:var(--color-black);border-radius:1px;height:2px;transition:all .3s ease;width:20px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background-color:initial}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.logo-text{font-size:var(--text-sm)}.nav-link{font-size:var(--text-xs);padding:var(--space-2)}.user-name-display{max-width:100px}}@media (max-width:768px){.nav-container{padding:0 var(--space-4)}.nav{height:60px}.nav-toggle{display:flex}.nav-menu-wrapper{align-items:stretch!important;background:var(--color-white);border-bottom:1px solid #00000014;box-shadow:0 4px 16px #0000001a;display:flex!important;flex-direction:column!important;height:auto!important;justify-content:flex-start!important;left:0;max-height:0;opacity:0;overflow:hidden;position:fixed!important;right:0;top:60px;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.nav-menu-wrapper.open{max-height:calc(100vh - 60px);opacity:1;overflow-y:auto;visibility:visible}.nav-menu{display:flex!important;flex-direction:column!important;gap:0!important;justify-content:flex-start!important;padding:var(--space-2) 0!important}.nav-menu,.nav-menu li{align-items:stretch!important;height:auto!important;width:100%!important}.nav-menu li{border-bottom:1px solid #0000000a;display:block!important;position:static!important}.nav-menu li:last-child{border-bottom:none}.nav-link{align-items:center!important;border-bottom:none!important;border-radius:0!important;display:flex!important;font-size:var(--text-base)!important;height:auto!important;justify-content:space-between!important;line-height:1.5!important;opacity:1!important;padding:var(--space-4)!important;visibility:visible!important;width:100%!important}.nav-link:after{display:none}.nav-link.active{background:#3498db0f}.nav-more{width:100%}.nav-more-button{border-bottom:none;border-radius:0;font-size:var(--text-base);height:auto;justify-content:space-between;line-height:1.5;padding:var(--space-4);width:100%}.nav-more{position:relative}.more-menu-dropdown{background:#00000005;border:none!important;border-radius:0;box-shadow:none!important;left:auto!important;margin-top:0;min-width:0!important;min-width:auto!important;opacity:1!important;pointer-events:auto!important;position:static!important;top:auto!important;transform:none!important;width:100%}.nav-user{margin-left:0;margin-top:0;padding:0;width:100%}.user-menu-button{border-radius:0;height:auto;line-height:1.5;margin:0}.user-menu-button,.user-menu-skeleton{justify-content:space-between;padding:var(--space-4);width:100%}.skeleton-name{width:120px}.user-menu-dropdown{background:#00000005;border:none!important;border-radius:var(--radius-md);box-shadow:none!important;margin-top:var(--space-2);min-width:0!important;min-width:auto!important;opacity:1!important;pointer-events:auto!important;position:static!important;right:auto!important;transform:none!important;width:100%}.nav-lang{border-top:1px solid #00000014;margin-top:0}.nav-lang,.nav-link-auth{height:auto;margin-left:0;padding:var(--space-4);width:100%}.nav-link-auth{border-radius:0;line-height:1.5;text-align:center}.logo-image{height:32px;width:32px}.logo-text{font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-header,.user-menu-item{padding:var(--space-3) var(--space-4)}.more-menu-item{font-size:var(--text-base);padding:var(--space-3) var(--space-5)}}@media (max-width:480px){.logo-text{font-size:var(--text-xs);max-width:140px}.nav-container{padding:0 var(--space-3)}}@media (prefers-reduced-motion:reduce){.hamburger,.nav-link,.nav-logo,.user-menu-button{transition:none}.nav-link:after{animation:none}}.footer{background-color:var(--color-primary);color:var(--color-white);margin-top:var(--space-20);padding:var(--space-16) 0 var(--space-8)}.footer-content{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--space-12)}.footer-title{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-4) 0}.footer-description{color:#ffffffe6;font-size:var(--text-base);line-height:1.6;margin:0}.footer-heading{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-4) 0}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:#fffc;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:var(--space-8);text-align:center}.footer-bottom p{color:#ffffffb3;font-size:var(--text-sm);margin:0}@media (max-width:768px){.footer-content{gap:var(--space-8);grid-template-columns:1fr}.footer{padding:var(--space-12) 0 var(--space-6)}}.hero{align-items:center;background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);display:flex;justify-content:center;min-height:calc(100vh - 64px);overflow:hidden;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.hero-gradient{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#3498db26 0,#2c3e5014 50%,#0000 70%);border-radius:50%;height:900px;position:absolute;right:-15%;top:-30%;width:900px}.hero-gradient:before{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,#3498db1a 0,#0000 60%);bottom:-20%;height:600px;left:-30%;width:600px}.hero-gradient:after,.hero-gradient:before{border-radius:50%;content:"";position:absolute}.hero-gradient:after{animation:float 18s ease-in-out infinite;animation-delay:-5s;background:radial-gradient(circle,#3498db14 0,#0000 70%);height:400px;left:10%;top:50%;width:400px}.hero-content{margin:0 auto;max-width:800px;padding:var(--space-20) var(--space-4);position:relative;text-align:center;z-index:1}.hero-emoji{animation:floatEmoji 3s ease-in-out infinite;display:inline-block;font-size:var(--text-6xl);margin-bottom:var(--space-4)}@keyframes floatEmoji{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.hero-decorative-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.decorative-circle{animation:float 25s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.decorative-circle-1{animation-delay:0s;background:var(--color-accent);height:200px;left:5%;top:20%;width:200px}.decorative-circle-2{animation-delay:-8s;background:var(--color-primary);bottom:15%;height:150px;right:10%;width:150px}.decorative-circle-3{animation-delay:-15s;background:var(--color-accent-dark);height:100px;left:20%;top:60%;width:100px}.hero-features{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-8);margin-top:var(--space-8)}.hero-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000000d;color:var(--color-dark-gray);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:transform var(--transition-base),box-shadow var(--transition-base)}.hero-feature:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-icon{font-size:var(--text-lg)}.feature-text{white-space:nowrap}.hero-title{color:var(--color-black);font-size:var(--text-5xl);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-6)}.hero-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);font-weight:400;line-height:1.6;margin-bottom:var(--space-10);margin-left:auto;margin-right:auto;max-width:600px}.hero-cta{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-16)}.hero-cta .btn{max-width:300px;width:100%}.hero-scroll{align-items:center;color:#000;display:flex;flex-direction:column;gap:var(--space-2);opacity:.6}.scroll-text{color:var(--color-medium-black);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.scroll-arrow{animation:bounce 2s infinite;color:var(--color-medium-gray);font-size:var(--text-xl)}@media (max-width:768px){.hero{min-height:calc(100vh - 64px)}.hero-content{padding:var(--space-12) var(--space-4)}.hero-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-8)}.hero-gradient{height:500px;width:500px}.hero-emoji{font-size:var(--text-5xl)}.hero-features{gap:var(--space-4)}.hero-feature{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.hero-cta{gap:var(--space-5)}.hero-cta .btn{max-width:100%}.decorative-circle{display:none}}@media (min-width:1024px){.hero-title{font-size:var(--text-6xl)}.hero-subtitle{font-size:var(--text-2xl)}}.job-card{background:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;height:100%;min-height:240px;outline:none;overflow:visible;position:relative;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.job-card:before{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.job-card:hover{border-color:var(--color-accent-light);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.job-card:hover:before{opacity:1}.job-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.job-card-header{display:flex;flex:1 1;gap:var(--space-4);min-height:0;padding:var(--space-6)}.job-icon{align-items:center;background:linear-gradient(135deg,#3498db1a,#2c3e500d);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--text-4xl);height:64px;justify-content:center;line-height:1;transition:transform var(--transition-base);width:64px}.job-card:hover .job-icon{transform:scale(1.1) rotate(5deg)}.job-card-info{flex:1 1}.job-card-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;line-height:1.3;margin:0 0 var(--space-2) 0}.job-card-description,.job-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.job-card-description{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.5;margin:0}.job-card-footer{background:linear-gradient(135deg,var(--color-light-gray) 0,var(--color-off-white) 100%);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--color-gray);box-sizing:border-box;flex-shrink:0;gap:var(--space-4);justify-content:space-between;overflow:visible;padding:var(--space-5) var(--space-6);position:relative;width:100%}.job-card-badges,.job-card-footer{align-items:center;display:flex;min-width:0}.job-card-badges{flex-basis:0;flex-grow:0;flex-shrink:1;flex-wrap:wrap;gap:var(--space-2);max-width:50%;overflow:hidden}.job-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1;min-height:24px;padding:.375rem var(--space-3);text-transform:uppercase;transition:transform var(--transition-base),box-shadow var(--transition-base);white-space:nowrap}.job-badge:hover{transform:scale(1.05)}.job-badge-category{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);box-shadow:0 2px 4px #2c3e5033;color:var(--color-white)}.job-badge-level{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);box-shadow:0 2px 4px #3498db33;color:var(--color-white)}.job-card-salary{color:var(--color-black);flex-grow:0;flex-shrink:0;font-size:var(--text-sm);font-weight:600;margin-left:auto;min-width:-webkit-fit-content;min-width:fit-content;overflow:visible;padding-left:var(--space-2);position:relative;text-align:right;white-space:nowrap;width:auto;word-break:keep-all;z-index:1}@media (max-width:640px){.job-card-header{flex-direction:column;gap:var(--space-3)}.job-icon{font-size:var(--text-3xl)}.job-card-footer{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.job-card-salary{margin-left:0;max-width:100%;overflow:visible;text-align:left;white-space:normal;width:100%;word-break:break-word}.job-card-badges{flex-wrap:wrap;width:100%}}.searchable-select-wrapper{position:relative;width:100%}.searchable-select-label{color:var(--color-dark-gray);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.searchable-select{cursor:pointer;position:relative;width:100%}.searchable-select.disabled{cursor:not-allowed;opacity:.6}.searchable-select-input{background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);transition:border-color var(--transition-base);width:100%}.searchable-select-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a}.searchable-select-input:read-only{cursor:pointer}.searchable-select.open .searchable-select-input{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--color-primary)}.searchable-select-arrow{color:var(--color-medium-gray);font-size:var(--text-xs);pointer-events:none;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:transform var(--transition-base)}.searchable-select.open .searchable-select-arrow{transform:translateY(-50%) rotate(180deg)}.searchable-select-dropdown{background:var(--color-white);border:2px solid var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-lg);left:0;margin-top:-2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.searchable-select-option{align-items:center;border-bottom:1px solid var(--color-gray);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:background-color var(--transition-base)}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option.highlighted,.searchable-select-option:hover{background-color:var(--color-off-white)}.searchable-select-option.selected{background-color:var(--color-primary);color:var(--color-white)}.searchable-select-option.selected .option-check{color:var(--color-white);font-weight:600}.option-check{color:var(--color-primary);font-weight:600;min-width:16px}.option-text{flex:1 1}.searchable-select-no-results{color:var(--color-medium-gray);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.searchable-select-dropdown::-webkit-scrollbar{width:8px}.searchable-select-dropdown::-webkit-scrollbar-track{background:var(--color-off-white)}.searchable-select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:var(--radius-full)}.searchable-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-medium-gray)}.job-explorer{background:linear-gradient(180deg,var(--color-white) 0,var(--color-off-white) 100%);padding:var(--space-20) 0;position:relative}.job-explorer:before{background:linear-gradient(90deg,#0000 0,var(--color-gray) 20%,var(--color-gray) 80%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.job-explorer-header{margin-bottom:var(--space-16);text-align:center}.job-explorer-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin:0 0 var(--space-4) 0}.job-explorer-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0}.job-explorer-controls{margin-bottom:var(--space-12)}.job-search{margin-bottom:var(--space-6)}.job-search-input{display:block;margin:0 auto;max-width:500px}.job-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.job-filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:180px}.job-filter-label{color:var(--color-dark-gray);font-size:var(--text-sm);font-weight:500}.job-filter-select{cursor:pointer}.job-view-toggle{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-1)}.view-toggle-btn{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--color-medium-gray);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.view-toggle-btn svg{height:16px;width:16px}.view-toggle-btn:hover{background-color:var(--color-light-gray);color:var(--color-dark-gray)}.view-toggle-btn.active{background-color:var(--color-primary);color:var(--color-white)}.job-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6)}.job-grid-grid{align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.job-grid-list{grid-template-columns:1fr;margin:0 auto;max-width:900px}.job-explorer-empty{color:var(--color-medium-gray);padding:var(--space-16);text-align:center}@media (max-width:768px){.job-explorer{padding:var(--space-12) 0}.job-explorer-title{font-size:var(--text-3xl)}.job-explorer-subtitle{font-size:var(--text-lg)}.job-filters{align-items:stretch;flex-direction:column}.job-filter-group{width:100%}.job-view-toggle{align-self:center}.job-grid-grid{grid-template-columns:1fr}}@media (min-width:1024px){.job-grid-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.career-path{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-lg);margin-top:var(--space-12);padding:var(--space-8)}.career-path-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-6) 0}.career-path-timeline{padding-left:var(--space-8);position:relative}.career-step{padding-bottom:var(--space-8);position:relative}.career-step:last-child{padding-bottom:0}.career-step-marker{align-items:center;display:flex;flex-direction:column;left:calc(var(--space-8)*-1 - 6px);position:absolute;top:0;transform:translateY(.5em)}.career-step-dot{background-color:var(--color-accent);border:2px solid var(--color-white);border-radius:50%;box-shadow:0 0 0 2px var(--color-accent);height:12px;width:12px;z-index:1}.career-step-line{background-color:var(--color-gray);flex:1 1;margin-top:var(--space-2);min-height:60px;width:2px}.career-step-content{padding-left:var(--space-4)}.career-step-title{color:var(--color-black);font-size:var(--text-lg);font-weight:600;line-height:1.5;margin:0 0 var(--space-1) 0}.career-step-level{color:var(--color-medium-gray);font-size:var(--text-sm);margin:0 0 var(--space-1) 0;text-transform:capitalize}.career-step-years{color:var(--color-dark-gray);font-size:var(--text-sm);font-weight:500;margin:0}@media (max-width:768px){.career-path{padding:var(--space-6)}.career-step-line{min-height:80px}}.job-board{background:linear-gradient(135deg,var(--color-white) 0,var(--color-off-white) 100%);border:1px solid var(--color-gray);border-radius:var(--radius-xl);margin-top:var(--space-16);padding:var(--space-8)}.job-board-header{margin-bottom:var(--space-8);text-align:center}.job-board-title{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-3) 0}.job-board-subtitle{color:var(--color-dark-gray);font-size:var(--text-base);margin:0}.job-board-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--space-8)}.job-board-card{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-base)}.job-board-card:before{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-light) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.job-board-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.job-board-card:hover:before{transform:scaleX(1)}.job-board-card.featured{background:linear-gradient(135deg,var(--color-white) 0,var(--color-warm-accent) 100%);border-color:var(--color-accent)}.job-board-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.job-board-card-icon{font-size:var(--text-3xl);line-height:1}.job-board-card-badge{background-color:var(--color-accent);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.job-board-card-body{flex:1 1;margin-bottom:var(--space-4)}.job-board-card-title{color:var(--color-black);font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0 0 var(--space-2) 0}.job-board-card-company{color:var(--color-dark-gray);font-size:var(--text-base);font-weight:500;margin:0 0 var(--space-3) 0}.job-board-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.job-board-card-location{align-items:center;color:var(--color-medium-gray);display:flex;font-size:var(--text-sm);gap:var(--space-1)}.job-board-card-footer{border-top:1px solid var(--color-light-gray);padding-top:var(--space-4)}.job-board-card-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:600;transition:color var(--transition-base)}.job-board-card:hover .job-board-card-link{color:var(--color-accent-dark)}.job-board-footer{border-top:2px solid var(--color-light-gray);padding-top:var(--space-6);text-align:center}.job-board-search-link{color:var(--color-primary);display:inline-block;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3);text-decoration:none;transition:color var(--transition-base)}.job-board-search-link:hover{color:var(--color-accent);text-decoration:underline}.job-board-disclaimer{color:var(--color-medium-gray);font-size:var(--text-xs);margin:0}.job-board-loading{padding:var(--space-12);text-align:center}.loading-spinner{border:4px solid var(--color-light-gray);border-top-color:var(--color-accent);height:48px;margin:0 auto var(--space-4);width:48px}.job-board-loading p{color:var(--color-dark-gray);font-size:var(--text-base);margin:0}@media (max-width:768px){.job-board{padding:var(--space-6)}.job-board-grid{grid-template-columns:1fr}.job-board-title{font-size:var(--text-xl)}}.job-detail{background-color:var(--color-white);min-height:calc(100vh - 64px);padding:var(--space-12) 0 var(--space-20)}.job-detail-back{align-items:center;color:var(--color-accent);display:inline-flex;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-8);text-decoration:none;transition:color var(--transition-base)}.job-detail-back:hover{color:var(--color-accent-dark)}.job-detail-header{border-bottom:2px solid var(--color-light-gray);display:flex;gap:var(--space-6);margin-bottom:var(--space-12);padding-bottom:var(--space-12)}.job-detail-icon{flex-shrink:0;font-size:var(--text-6xl);line-height:1}.job-detail-info{flex:1 1}.job-detail-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin:0 0 var(--space-4) 0}.job-detail-description{color:var(--color-dark-gray);font-size:var(--text-xl);line-height:1.6;margin:0 0 var(--space-6) 0}.job-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.job-meta-badge{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:inline-block;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4)}.job-meta-salary{color:var(--color-primary);font-size:var(--text-lg);font-weight:600}.job-detail-content{grid-gap:var(--space-12);display:grid;gap:var(--space-12)}.job-detail-section{background-color:var(--color-off-white);border-radius:var(--radius-lg);padding:var(--space-8)}.job-section-title{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-6) 0}.job-list{list-style:none;margin:0;padding:0}.job-list-item{color:var(--color-dark-gray);line-height:1.7;margin-bottom:var(--space-4);padding-left:var(--space-6);position:relative}.job-list-item:before{color:var(--color-accent);content:"→";font-weight:600;left:0;position:absolute}.job-skills{display:flex;flex-wrap:wrap;gap:var(--space-3)}.job-skill-tag{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-md);color:var(--color-dark-gray);display:inline-block;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.job-growth-text{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.7;margin:0}.job-companies-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-6)}.job-company-card{background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);text-decoration:none;transition:all var(--transition-base)}.job-company-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-company-logo-wrapper{align-items:center;background-color:var(--color-off-white);border-radius:var(--radius-md);display:flex;height:80px;justify-content:center;overflow:hidden;padding:var(--space-4);width:100%}.job-company-logo{filter:grayscale(20%);height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:filter var(--transition-base);width:auto}.job-company-card:hover .job-company-logo{filter:grayscale(0)}.job-company-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.job-company-name{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin:0}.job-company-description{color:var(--color-medium-gray);font-size:var(--text-sm);line-height:1.5;margin:0}.job-company-fallback{color:var(--color-primary);font-size:var(--text-lg);font-weight:600;text-align:center}.job-related-section{border-top:2px solid var(--color-light-gray);margin-top:var(--space-16);padding-top:var(--space-12)}.job-related-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-6)}.job-related-card{align-items:center;background-color:var(--color-off-white);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-decoration:none;transition:all var(--transition-base)}.job-related-card:hover{background-color:var(--color-light-gray);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-related-icon{font-size:var(--text-3xl)}.job-related-title{color:var(--color-dark-gray);font-size:var(--text-base);font-weight:500;text-align:center}@media (max-width:768px){.job-detail-header{flex-direction:column;gap:var(--space-4)}.job-detail-icon{font-size:var(--text-5xl)}.job-detail-title{font-size:var(--text-3xl)}.job-detail-description{font-size:var(--text-lg)}.job-detail-section{padding:var(--space-6)}.job-related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.job-companies-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.job-company-card{padding:var(--space-4)}.job-company-logo-wrapper{height:60px;padding:var(--space-3)}}.about-page{background:linear-gradient(180deg,var(--color-white) 0,var(--color-off-white) 50%,var(--color-white) 100%);min-height:calc(100vh - 64px);padding:var(--space-20) 0;position:relative}.about-content{margin:0 auto;max-width:800px}.about-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-8) 0}.about-text{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.8}.about-intro{font-size:var(--text-lg);font-weight:500;margin:0 0 var(--space-8) 0}.about-section{margin-bottom:var(--space-10)}.about-section-title{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em;margin:var(--space-8) 0 var(--space-4) 0}.about-section p{margin:0 0 var(--space-4) 0}.about-list{list-style:none;margin:var(--space-4) 0 var(--space-4) var(--space-6);padding:0}.about-list li{margin-bottom:var(--space-3);padding-left:var(--space-6);position:relative}.about-list li:before{color:var(--color-primary);content:"•";font-weight:700;left:0;position:absolute}.about-name-question{font-style:italic;font-weight:500;margin:var(--space-4) 0!important}.about-welcome{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-8)!important}@media (max-width:768px){.about-page{padding:var(--space-12) 0}.about-title{font-size:var(--text-3xl)}.about-section-title{font-size:var(--text-xl)}.about-intro{font-size:var(--text-base)}}.quiz-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-8) 0}.quiz-container{margin:0 auto;max-width:800px;padding:var(--space-8)}.quiz-progress{margin-bottom:var(--space-8)}.quiz-progress-bar{background-color:var(--color-gray);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.quiz-progress-fill{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-light) 100%);border-radius:var(--radius-full);box-shadow:0 0 10px #3498db4d;height:100%;transition:width .5s ease-out}.quiz-progress-text{color:var(--color-medium-gray);font-size:var(--text-sm);font-weight:500;text-align:right}.quiz-question-card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-10);position:relative;transition:all var(--transition-base)}.quiz-question-card.animating{opacity:.7;transform:translateX(-20px)}.quiz-question-header{margin-bottom:var(--space-8);text-align:center}.quiz-question-number{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:inline-block;font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4)}.quiz-question-title{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;line-height:1.3;margin:0}.quiz-options{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-option{align-items:center;background-color:var(--color-off-white);border:2px solid var(--color-gray);border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;display:flex;font-size:var(--text-lg);justify-content:space-between;padding:var(--space-5) var(--space-6);text-align:left;transition:all var(--transition-base)}.quiz-option:hover:not(.disabled){background-color:var(--color-white);box-shadow:var(--shadow-md)}.quiz-option.selected,.quiz-option:hover:not(.disabled){border-color:var(--color-accent);transform:translateX(8px)}.quiz-option.selected{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-light) 100%);box-shadow:var(--shadow-lg);color:var(--color-white)}.quiz-option.disabled{cursor:not-allowed;opacity:.6}.quiz-option-text{flex:1 1;font-weight:500}.quiz-option-arrow{font-size:var(--text-xl);opacity:0;transition:opacity var(--transition-base)}.quiz-option.selected .quiz-option-arrow,.quiz-option:hover:not(.disabled) .quiz-option-arrow{opacity:1}.quiz-fun-elements{margin-top:var(--space-8);text-align:center}.quiz-emoji{animation:bounce 2s infinite;font-size:var(--text-4xl)}.quiz-processing{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--space-12) var(--space-6);text-align:center}.processing-spinner{height:80px;margin-bottom:var(--space-8);position:relative;width:80px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--color-primary);height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:var(--color-accent)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--color-primary);height:70%;left:15%;top:15%;width:70%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--color-accent-light);height:50%;left:25%;top:25%;width:50%}.processing-title{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-4) 0}.processing-message{color:var(--color-dark-gray);font-size:var(--text-lg);margin:0;min-height:1.5em;transition:opacity .3s ease}@media (max-width:768px){.quiz-container{padding:var(--space-4)}.quiz-question-card{padding:var(--space-6)}.quiz-question-title{font-size:var(--text-2xl)}.quiz-option{font-size:var(--text-base);padding:var(--space-4) var(--space-5)}}.quiz-results-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.quiz-results-header{margin-bottom:var(--space-12);text-align:center}.quiz-results-celebration{animation:bounce 1s ease-in-out;font-size:var(--text-6xl);margin-bottom:var(--space-4)}.quiz-results-title{color:var(--color-black);font-size:var(--text-5xl);font-weight:700;margin:0 0 var(--space-4) 0}.quiz-results-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0}.quiz-results-match{margin-bottom:var(--space-12)}.match-card{align-items:center;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%)!important;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:var(--color-white)!important;display:flex;gap:var(--space-6);margin:0 auto;max-width:600px;padding:var(--space-8)}.match-icon{flex-shrink:0;font-size:var(--text-5xl)}.match-content{color:var(--color-white)!important;flex:1 1}.match-title{font-size:var(--text-2xl);font-weight:700}.match-category,.match-title{color:var(--color-white)!important;margin:0 0 var(--space-2) 0;opacity:1!important}.match-category{font-size:var(--text-xl);font-weight:600}.match-description{color:var(--color-white)!important;font-size:var(--text-base);line-height:1.6;margin:0;opacity:1!important}.quiz-results-jobs{margin-bottom:var(--space-12);overflow:visible;padding-top:var(--space-6)}.results-jobs-title{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-8) 0;text-align:center}.results-jobs-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow:visible;padding-top:var(--space-4);position:relative}.quiz-results-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media (max-width:768px){.quiz-results-page{padding:var(--space-8) 0}.quiz-results-title{font-size:var(--text-3xl)}.quiz-results-subtitle{font-size:var(--text-lg)}.match-card{flex-direction:column;padding:var(--space-6);text-align:center}.match-icon{font-size:var(--text-4xl)}.results-jobs-grid{gap:var(--space-8);grid-template-columns:1fr}.quiz-results-jobs{padding-top:var(--space-6)}.quiz-results-actions{flex-direction:column}.quiz-results-actions .btn{width:100%}}.quiz-teaser-cta{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-white) 100%);border:2px dashed var(--color-gray);border-radius:var(--radius-xl);margin-bottom:var(--space-12);padding:var(--space-12);text-align:center}.teaser-cta-title{color:var(--color-black);font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-4) 0}.teaser-cta-subtitle{color:var(--color-dark-gray);font-size:var(--text-base);margin:0 0 var(--space-8) 0;margin-left:auto;margin-right:auto;max-width:600px}.teaser-auth-buttons{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto var(--space-6);max-width:400px}.btn-large{font-size:var(--text-base);padding:var(--space-5) var(--space-6)}.match-score{font-size:var(--text-lg);font-weight:600;opacity:1}.match-job-recommendation,.match-score{color:var(--color-white);margin:var(--space-2) 0}.match-job-recommendation{font-size:var(--text-base);font-style:italic;opacity:.9}.teaser-login-link{color:var(--color-dark-gray);font-size:var(--text-sm);margin-top:var(--space-4)}@media (max-width:768px){.quiz-teaser-cta{padding:var(--space-8)}.teaser-cta-title{font-size:var(--text-xl)}}.save-status{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.save-status.success{background-color:#efe;border:1px solid #cfc;color:#3c3}.save-status.error{background-color:#fee;border:1px solid #fcc;color:#c33}.match-score-display{color:var(--color-white);font-size:var(--text-lg);font-weight:600;margin:var(--space-2) 0;opacity:1}.quiz-results-scoring{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-12);padding:var(--space-8)}.scoring-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-6) 0}.scoring-list{flex-direction:column}.scoring-item,.scoring-list{display:flex;gap:var(--space-4)}.scoring-item{align-items:center}.scoring-category{color:var(--color-dark-gray);font-size:var(--text-base);font-weight:500;min-width:150px}.scoring-bar-container{background-color:var(--color-light-gray);border-radius:var(--radius-full);flex:1 1;height:24px;overflow:hidden}.scoring-bar{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.scoring-value{color:var(--color-black);font-size:var(--text-base);font-weight:600;min-width:40px;text-align:right}.job-card-wrapper{display:flex;flex-direction:column;overflow:visible;position:relative}.job-card-rank{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:50%;box-shadow:var(--shadow-md);color:var(--color-white);display:flex;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;left:-12px;position:absolute;top:-12px;width:36px;z-index:10}.job-card-wrapper .job-card{margin-bottom:0}.job-card-score{background:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #3498db26;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center}.job-card-score strong{color:var(--color-primary-dark);font-size:var(--text-base);font-weight:700}@media (max-width:768px){.quiz-results-scoring{padding:var(--space-6)}.scoring-item{align-items:stretch;flex-direction:column}.scoring-category{margin-bottom:var(--space-2);min-width:auto}.scoring-value{text-align:left}.job-card-rank{font-size:var(--text-xs);height:28px;left:-8px;top:-8px;width:28px}}.auth-page{align-items:center;background:linear-gradient(180deg,var(--color-white) 0,var(--color-off-white) 100%);display:flex;min-height:calc(100vh - 64px);padding:var(--space-12) 0}.auth-container{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:440px;padding:var(--space-10)}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-title{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2) 0}.auth-subtitle{color:var(--color-dark-gray);font-size:var(--text-base);margin:0}.auth-error{background-color:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33}.auth-error,.auth-success{font-size:var(--text-sm);margin-bottom:var(--space-6);padding:var(--space-4)}.auth-success{background-color:#efe;border:1px solid #cfc;border-radius:var(--radius-md);color:#3c3}.btn-google{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-md);color:var(--color-black);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);transition:all var(--transition-base);width:100%}.btn-google:hover:not(:disabled){background-color:var(--color-off-white);border-color:var(--color-dark-gray);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-google:disabled{cursor:not-allowed;opacity:.6}.auth-divider{margin:var(--space-6) 0;position:relative;text-align:center}.auth-divider:before{background:var(--color-gray);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:var(--color-white);color:var(--color-medium-gray);font-size:var(--text-sm);padding:0 var(--space-4);position:relative}.auth-form,.form-group{margin-bottom:var(--space-6)}.form-group input{border:2px solid var(--color-gray);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.form-group input:focus{border-color:var(--color-primary);outline:none}.form-group input:disabled{background-color:var(--color-light-gray);cursor:not-allowed}.auth-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-base)}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-footer{color:var(--color-dark-gray);font-size:var(--text-sm);text-align:center}.btn-block{width:100%}.loading-spinner{border-top:4px solid var(--color-gray);border:4px solid var(--color-gray);border-top-color:var(--color-primary);height:40px;width:40px}@media (max-width:768px){.auth-container{margin:var(--space-4);padding:var(--space-6)}.auth-title{font-size:var(--text-2xl)}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:10000}.confirm-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.confirm-modal-header{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;justify-content:space-between;padding:var(--space-6)}.confirm-modal-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin:0}.confirm-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-medium-gray);cursor:pointer;display:flex;font-size:var(--text-3xl);height:32px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-base);width:32px}.confirm-modal-close:hover{background:var(--color-light-gray);color:var(--color-black)}.confirm-modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.confirm-modal-message{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.6;margin:0}.confirm-modal-footer{background:var(--color-off-white);border-top:1px solid var(--color-gray);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.confirm-modal-footer .btn{min-width:100px}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;color:var(--color-white)}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}@media (max-width:640px){.confirm-modal{margin:var(--space-4);max-width:100%}.confirm-modal-body,.confirm-modal-footer,.confirm-modal-header{padding:var(--space-4)}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-footer .btn{width:100%}}.profile-page{background:linear-gradient(180deg,var(--color-white) 0,var(--color-off-white) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.profile-header{margin-bottom:var(--space-8)}.profile-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin:0 0 var(--space-4) 0}.profile-error{background-color:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33;font-size:var(--text-sm);padding:var(--space-4)}.profile-content{margin:0 auto;max-width:800px}.profile-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);padding:var(--space-8)}.section-title{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-6) 0}.profile-info{margin-bottom:var(--space-6)}.info-row{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) 0}.info-row .info-label{flex-shrink:0;min-width:80px}.info-row .info-value,.info-row .name-display-container,.info-row .name-edit-container{align-items:center;display:flex;flex:1 1;min-width:0}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-dark-gray);font-weight:500}.info-value{color:var(--color-black)}.name-display-container{align-items:center;display:flex;gap:var(--space-2)}.btn-edit-name{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--text-base);justify-content:center;line-height:1;opacity:.6;padding:var(--space-1);transition:opacity var(--transition-base),color var(--transition-base)}.btn-edit-name:hover{color:var(--color-primary-dark);opacity:1}.name-edit-container{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:var(--space-2)}.name-input-wrapper{flex:1 1;min-width:0;position:relative}.name-input{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);padding:var(--space-2) var(--space-3);padding-right:80px;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.name-input:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #667eea1a;outline:none}.name-input-warning{border-color:#f59e0b}.name-input-warning:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.name-character-count{color:var(--color-medium-gray);font-size:var(--text-xs);font-weight:500;pointer-events:none;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.name-edit-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.btn-cancel-name,.btn-save-name{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:600;height:32px;justify-content:center;line-height:1;transition:all var(--transition-base);width:32px}.btn-save-name{background:var(--color-primary);color:var(--color-white)}.btn-save-name:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.btn-save-name:disabled{cursor:not-allowed;opacity:.5}.btn-cancel-name{background:var(--color-gray);color:var(--color-dark-gray)}.btn-cancel-name:hover:not(:disabled){background:var(--color-medium-gray);transform:scale(1.05)}.btn-cancel-name:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:var(--color-medium-gray);padding:var(--space-8);text-align:center}.empty-state p{margin-bottom:var(--space-6)}.quiz-history-list{display:flex;flex-direction:column;gap:var(--space-4)}.history-item{background:var(--color-off-white);border:1px solid var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.history-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-item.deleting{opacity:.5;pointer-events:none}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.history-category{color:var(--color-black);font-size:var(--text-lg);font-weight:600}.history-score{color:var(--color-primary);font-size:var(--text-base);font-weight:500}.history-meta{color:var(--color-medium-gray);display:flex;font-size:var(--text-sm);gap:var(--space-4);margin-bottom:var(--space-3)}.history-actions{border-top:1px solid var(--color-gray);display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-3)}.btn-view-result{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-base)}.btn-view-result:hover{background:var(--color-primary-dark)}.btn-delete-result{align-items:center;background:#0000;border:1px solid var(--color-gray);border-radius:var(--radius-md);color:var(--color-medium-gray);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:600;height:32px;justify-content:center;line-height:1;min-width:32px;padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.btn-delete-result:hover:not(:disabled){background:#fee;border-color:#fcc;color:#c33}.btn-delete-result:disabled{cursor:not-allowed;opacity:.5}.profile-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.profile-header-with-badge{justify-content:space-between}.profile-header-with-badge,.profile-picture-section{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-picture-section{border-bottom:1px solid var(--color-gray);flex-direction:column;padding-bottom:var(--space-6)}.profile-picture-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #00000026;height:120px;overflow:hidden;position:relative;width:120px}.profile-picture{height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease-in-out;width:100%}.profile-picture-loading{left:0;opacity:0;position:absolute;top:0}.profile-picture-loaded{opacity:1;position:relative}.profile-picture-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);font-size:var(--text-4xl);font-weight:700}.profile-picture-overlay,.profile-picture-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-picture-overlay{background:#00000080;left:0;position:absolute;top:0;z-index:1}.upload-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--color-white);height:32px;width:32px}.profile-picture-upload-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:inline-block;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-base)}.profile-picture-upload-btn:hover:not(:disabled){background:var(--color-primary-dark)}.profile-picture-upload-btn:disabled{cursor:not-allowed;opacity:.6}.story-badge-container{align-items:center;cursor:default;display:flex;flex-direction:column;gap:var(--space-2)}.story-badge-circle{align-items:center;animation:badgeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 16px #667eea66;display:flex;height:64px;justify-content:center;position:relative;width:64px}.story-badge-circle:before{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute;z-index:-1}.story-badge-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:var(--text-2xl);line-height:1}.story-badge-label{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;margin-top:var(--space-1);text-align:center;text-transform:uppercase;white-space:nowrap}@keyframes badgeGlow{0%,to{box-shadow:0 4px 16px #667eea66}50%{box-shadow:0 4px 20px #667eea99,0 0 30px #667eea4d}}@keyframes badgePulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.section-description{line-height:1.6}.story-form{gap:var(--space-6)}.form-group,.story-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-row{grid-template-columns:1fr 1fr}.form-label{color:var(--color-black);font-size:var(--text-base);font-weight:600}.story-textarea{border:2px solid var(--color-gray);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);line-height:1.6;min-height:120px;padding:var(--space-4);resize:vertical;transition:border-color var(--transition-base);width:100%}.story-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.character-count{align-items:center;color:var(--color-medium-gray);display:flex;font-size:var(--text-sm);justify-content:space-between;text-align:right}.character-count-indicator{align-items:center;display:flex;gap:var(--space-2)}.quality-indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.quality-indicator.red{background-color:#ef4444}.quality-indicator.yellow{background-color:#f59e0b}.quality-indicator.green{background-color:#10b981}.story-textarea.quality-red{border-color:#ef4444}.story-textarea.quality-yellow{border-color:#f59e0b}.story-textarea.quality-green{border-color:#10b981}.story-textarea.quality-red:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.story-textarea.quality-yellow:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.story-textarea.quality-green:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.success-message{animation:slideIn .3s ease-out;background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--radius-md);color:#155724;font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-4)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-page{padding:var(--space-8) 0}.profile-title{font-size:var(--text-3xl)}.profile-section{padding:var(--space-6)}.history-header{align-items:flex-start;gap:var(--space-2)}.history-header,.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}.profile-header-with-badge{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.story-badge-container{align-self:flex-end;margin-top:var(--space-2)}.form-row{grid-template-columns:1fr}}.career-path-builder-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.career-builder-header{margin-bottom:var(--space-12);text-align:center}.career-builder-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.career-builder-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0 auto;max-width:600px}.career-builder-form{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-12);padding:var(--space-8)}.form-section{border-bottom:1px solid var(--color-gray);margin-bottom:var(--space-8);padding-bottom:var(--space-8)}.form-section:last-child{border-bottom:none}.form-section-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6)}.form-select{background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.form-select:focus,.form-select:hover{border-color:var(--color-primary)}.form-select:focus{box-shadow:0 0 0 3px #3498db1a;outline:none}.career-generate-btn{font-size:var(--text-lg);margin-top:var(--space-6);padding:var(--space-4) var(--space-8);width:100%}.career-path-results{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-8)}.path-overview{border-bottom:2px solid var(--color-gray);margin-bottom:var(--space-8);padding-bottom:var(--space-8)}.path-overview h2{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-6)}.path-timeline-summary{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timeline-stat{background:var(--color-off-white);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-4)}.stat-label{color:var(--color-medium-gray);font-size:var(--text-sm);margin-bottom:var(--space-1)}.stat-value{color:var(--color-primary);font-size:var(--text-xl);font-weight:600}.path-steps{margin-bottom:var(--space-8)}.path-steps h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.path-step-card{background:var(--color-off-white);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base)}.path-step-card:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.step-number{background:var(--color-white);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3)}.step-timing{color:var(--color-medium-gray);font-size:var(--text-sm)}.step-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-1)}.step-level{color:var(--color-dark-gray);font-size:var(--text-sm);margin-bottom:var(--space-3)}.step-salary{color:var(--color-primary);font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-4);min-width:-webkit-fit-content;min-width:fit-content;width:auto}.step-salary,.step-salary span{max-width:100%;overflow:visible;white-space:nowrap;word-break:keep-all}.step-salary span{display:inline-block}.step-certifications,.step-skills{margin-top:var(--space-4)}.step-certifications strong,.step-skills strong{color:var(--color-dark-gray);display:block;font-size:var(--text-sm);margin-bottom:var(--space-2)}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.skill-tag{background:var(--color-white);border:1px solid var(--color-gray);color:var(--color-black);display:inline-block;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.skill-tag.existing{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-primary)}.skill-tag.missing{background:var(--color-warm-gray);border-color:var(--color-medium-gray)}.step-certifications ul{list-style:none;margin:var(--space-2) 0 0 0;padding:0}.step-certifications li{color:var(--color-dark-gray);font-size:var(--text-sm);padding:var(--space-2) 0;padding-left:var(--space-4);position:relative}.step-certifications li:before{color:var(--color-accent);content:"✓";font-weight:600;left:0;position:absolute}.skills-gap-section{border-top:2px solid var(--color-gray);margin-top:var(--space-8);padding-top:var(--space-8)}.skills-gap-section h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.gap-categories{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-category h4{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.recommendations-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.recommendations-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recommendation-card{background:var(--color-off-white);transition:border-color var(--transition-base),transform var(--transition-base)}.recommendation-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.recommendation-card h4{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.recommendation-reason{color:var(--color-dark-gray);font-size:var(--text-sm);margin-bottom:var(--space-3)}.recommendation-score{color:var(--color-primary);font-size:var(--text-xs);font-weight:600}@media (max-width:768px){.career-builder-form{padding:var(--space-4)}.gap-categories,.path-timeline-summary{grid-template-columns:1fr}}.skills-gap-analyzer-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.skills-gap-header{margin-bottom:var(--space-12);text-align:center}.skills-gap-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.skills-gap-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0 auto;max-width:600px}.skills-gap-form{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-8)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-4)}.form-input,.form-select{background:var(--color-white)}.analyze-btn{font-size:var(--text-lg);margin-top:var(--space-4);padding:var(--space-4) var(--space-8);width:100%}.analysis-results{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.readiness-status{margin-bottom:var(--space-8)}.status-card{background:var(--color-off-white);border-left:4px solid;border-radius:var(--radius-lg);padding:var(--space-6)}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.status-header h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:700;margin:0}.status-score{font-size:var(--text-4xl);font-weight:700}.status-message{color:var(--color-dark-gray);font-size:var(--text-lg);margin:0}.analysis-sections{grid-gap:var(--space-6);display:grid;gap:var(--space-6)}.analysis-section{background:var(--color-off-white);border-radius:var(--radius-lg);padding:var(--space-6)}.analysis-section h3{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.skills-visualization{margin-top:var(--space-4)}.skills-coverage{margin-bottom:var(--space-4)}.coverage-bar{background:var(--color-gray);height:24px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.coverage-bar,.coverage-fill{border-radius:var(--radius-full)}.coverage-fill{height:100%;transition:width .5s ease}.coverage-text{color:var(--color-dark-gray);font-size:var(--text-sm);font-weight:600}.skills-list{margin-top:var(--space-4)}.skills-list strong{color:var(--color-dark-gray);display:block;font-size:var(--text-sm);margin-bottom:var(--space-2);width:100%}.skill-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3)}.skill-badge.existing{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.skill-badge.missing{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.skill-badge.priority-high{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.skill-badge.priority-medium{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.recommendations-section{border-top:2px solid var(--color-gray);margin-top:var(--space-8);padding-top:var(--space-8)}.recommendations-section h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.recommendation-card{background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.recommendation-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.recommendation-priority{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);text-transform:uppercase}.recommendation-priority[data-priority=high]{background:#fee;color:#c33}.recommendation-priority[data-priority=medium]{background:#ffeaa7;color:#856404}.recommendation-header h4{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin:0}.recommendation-actions{list-style:none;margin:0;padding:0}.recommendation-actions>li{margin-bottom:var(--space-3);padding-left:var(--space-4)}.recommendation-actions>li>strong{color:var(--color-primary);display:block;margin-bottom:var(--space-2)}.recommendation-actions>li>ul{list-style:disc;margin-top:var(--space-2);padding-left:var(--space-6)}.recommendation-actions>li>ul>li{color:var(--color-dark-gray);font-size:var(--text-sm);margin-bottom:var(--space-1)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.status-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}.market-intelligence-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.market-header{margin-bottom:var(--space-12);text-align:center}.market-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.market-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0 auto;max-width:600px}.market-selector{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-6)}.market-selector label{color:var(--color-dark-gray);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.market-selector .form-select{border:2px solid var(--color-gray);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-3) var(--space-4);width:100%}.loading-state{color:var(--color-medium-gray);padding:var(--space-12);text-align:center}.market-dashboard{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.dashboard-header{align-items:center;border-bottom:2px solid var(--color-gray);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.dashboard-header h2{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;margin:0}.market-status{font-size:var(--text-xl);font-weight:600}.dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.metric-card{align-items:center;background:var(--color-off-white);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{font-size:var(--text-4xl)}.metric-content{flex:1 1}.metric-value{color:var(--color-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.metric-label{color:var(--color-dark-gray);font-size:var(--text-sm)}.metric-bar{background:var(--color-gray);height:8px;margin-top:var(--space-2);overflow:hidden;width:100%}.metric-bar,.metric-bar-fill{border-radius:var(--radius-full)}.metric-bar-fill{height:100%;transition:width .5s ease}.dashboard-sections{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-section{background:var(--color-off-white);border-radius:var(--radius-lg);padding:var(--space-6)}.dashboard-section h3{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.cities-list{flex-direction:column}.cities-list,.city-item{display:flex;gap:var(--space-4)}.city-item{align-items:center;border-radius:var(--radius-md);padding:var(--space-2);transition:background-color var(--transition-base)}.city-item.clickable:hover{background-color:var(--color-white)}.city-name{color:var(--color-black);font-weight:500;min-width:120px}.city-offers{color:var(--color-dark-gray);font-size:var(--text-sm);min-width:80px}.city-bar{background:var(--color-gray);flex:1 1;height:20px;overflow:hidden}.city-bar,.city-bar-fill{border-radius:var(--radius-full)}.city-bar-fill{background:var(--color-primary);height:100%;transition:width .5s ease}.skills-demand{display:flex;flex-direction:column;gap:var(--space-3)}.skill-demand-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-2);transition:background-color var(--transition-base)}.skill-demand-item.clickable:hover{background-color:var(--color-white)}.skill-name{color:var(--color-black);font-size:var(--text-sm);font-weight:500;min-width:150px}.skill-demand-bar{background:var(--color-gray);border-radius:var(--radius-full);flex:1 1;height:16px;overflow:hidden}.skill-demand-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width .5s ease}.skill-demand-value{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;min-width:50px;text-align:right}@media (max-width:768px){.dashboard-grid,.dashboard-sections{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.job-listings-content{max-height:90vh}.job-listing-header{flex-direction:column;gap:var(--space-2)}}.job-listings-modal{align-items:center;animation:fadeIn .2s ease-in-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.job-listings-content{animation:slideUp .3s ease-out;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:100%}.job-listings-header{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;justify-content:space-between;padding:var(--space-6)}.job-listings-header h2{color:var(--color-black);font-size:var(--text-2xl);font-weight:700;margin:0}.job-listings-close{background:none;border:none;color:var(--color-medium-gray);cursor:pointer;font-size:var(--text-2xl);line-height:1;padding:var(--space-2);transition:color var(--transition-base)}.job-listings-close:hover{color:var(--color-black)}.job-listings-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.job-listing-item{background:var(--color-off-white);border:1px solid var(--color-gray);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-3);padding:var(--space-5);transition:all var(--transition-base)}.job-listing-item:hover{background:var(--color-white);border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateX(4px)}.job-listing-header{align-items:start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-3)}.job-listing-header h4{color:var(--color-black);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0}.job-listing-company{color:var(--color-medium-gray);font-size:var(--text-sm);font-weight:500}.job-listing-meta{color:var(--color-dark-gray);display:flex;font-size:var(--text-sm);gap:var(--space-4);margin-bottom:var(--space-3)}.job-listing-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-2)}.job-listing-empty{color:var(--color-medium-gray);padding:var(--space-12);text-align:center}.job-listing-empty p{margin-bottom:var(--space-6)}.job-listings-footer{border-top:1px solid var(--color-gray);padding:var(--space-4) var(--space-6);text-align:center}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{background:var(--color-white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-matching-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.matching-header{margin-bottom:var(--space-12);text-align:center}.matching-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.matching-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0 auto;max-width:600px}.profile-form{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);padding:var(--space-8)}.profile-form h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:600}.form-grid,.profile-form h3{margin-bottom:var(--space-6)}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--color-dark-gray);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.form-input,.form-select{border:2px solid var(--color-gray);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:100%}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.skills-section{margin-top:var(--space-6)}.skills-input-group{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.skills-input-group .form-input{flex:1 1}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{background:var(--color-primary);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.skill-remove,.skill-tag{align-items:center;color:var(--color-white)}.skill-remove{background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:var(--text-lg);height:18px;justify-content:center;line-height:1;padding:0;transition:background var(--transition-base);width:18px}.skill-remove:hover{background:#fff3}.match-btn{font-size:var(--text-lg);margin-top:var(--space-6);padding:var(--space-4) var(--space-8);width:100%}.matches-results{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.matches-results h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.matches-list{display:flex;flex-direction:column;gap:var(--space-4)}.match-card{background:var(--color-off-white);border-left:4px solid;border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base)}.match-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.match-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.match-title{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-1)}.match-company{color:var(--color-dark-gray);font-size:var(--text-base);margin:0}.match-score-container{text-align:right}.match-score{display:block;font-size:var(--text-3xl);font-weight:700}.match-recommendation{display:block;font-size:var(--text-sm);font-weight:500;margin-top:var(--space-1)}.match-details{color:var(--color-dark-gray);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-4);margin-bottom:var(--space-4)}.match-missing-skills{background:#fff3cd;border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.match-missing-skills strong{color:#856404;display:block;font-size:var(--text-sm);margin-bottom:var(--space-2)}.missing-skill-tag{background:#fff;border:1px solid #ffc107;border-radius:var(--radius-full);color:#856404;display:inline-block;font-size:var(--text-xs);margin-bottom:var(--space-1);margin-right:var(--space-2);padding:var(--space-1) var(--space-2)}.match-actions{margin-top:var(--space-4)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.match-header{flex-direction:column;gap:var(--space-3)}.match-score-container{text-align:left}}.partner-portal-page{background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-warm-gray) 100%);min-height:calc(100vh - 64px);padding:var(--space-12) 0}.partner-header{margin-bottom:var(--space-12);text-align:center}.partner-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.partner-subtitle{color:var(--color-dark-gray);font-size:var(--text-xl);margin:0 auto;max-width:700px}.partner-types{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12)}.partner-type-card{align-items:center;background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);min-width:200px;padding:var(--space-6);transition:all var(--transition-base)}.partner-type-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.partner-type-card.active{background:var(--color-off-white);border-color:var(--color-primary)}.partner-type-icon{font-size:var(--text-4xl)}.partner-type-label{color:var(--color-black);font-size:var(--text-base);font-weight:500}.partner-content{display:flex;flex-direction:column;gap:var(--space-12)}.contact-section,.partner-info-section,.pricing-section,.sponsorship-section{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.contact-section h2,.partner-info-section h2,.pricing-section h2,.sponsorship-section h2{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-6)}.features-list{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{display:flex;gap:var(--space-4)}.feature-icon{flex-shrink:0;font-size:var(--text-2xl)}.feature-item h4{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.feature-item p{margin:0}.feature-item p,.section-description{color:var(--color-dark-gray);font-size:var(--text-base)}.jobs-selection-grid,.section-description{margin-bottom:var(--space-6)}.jobs-selection-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.job-selection-card{background:var(--color-off-white);border:2px solid var(--color-gray);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-4);position:relative;transition:all var(--transition-base)}.job-selection-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-selection-card.selected{background:#e3f2fd;border-color:var(--color-primary)}.job-checkbox{cursor:pointer;height:20px;position:absolute;right:var(--space-2);top:var(--space-2);width:20px}.job-selection-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.job-selection-content .job-icon{font-size:var(--text-3xl)}.job-selection-content h4{color:var(--color-black);font-size:var(--text-sm);font-weight:600;margin:0}.job-selection-content .job-category{color:var(--color-dark-gray);font-size:var(--text-xs);margin:0}.selection-summary{align-items:center;background:var(--color-off-white);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4)}.selection-summary p{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin:0}.pricing-cards{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-card{background:var(--color-off-white);border:2px solid var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;text-align:center}.pricing-card.featured{border-color:var(--color-primary);border-width:3px;transform:scale(1.05)}.pricing-badge{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xs);font-weight:600;left:50%;padding:var(--space-1) var(--space-4);position:absolute;top:-12px;transform:translateX(-50%)}.pricing-card h3{color:var(--color-black);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.pricing-amount{color:var(--color-primary);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-6)}.pricing-amount span{color:var(--color-dark-gray);font-size:var(--text-base)}.pricing-features{list-style:none;margin:0 0 var(--space-6) 0;padding:0;text-align:left}.pricing-features li{color:var(--color-dark-gray);padding:var(--space-2) 0;padding-left:var(--space-6);position:relative}.pricing-features li:before{color:var(--color-accent);content:"✓";font-weight:600;left:0;position:absolute}.contact-section{text-align:center}.contact-section p{color:var(--color-dark-gray);font-size:var(--text-lg);margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:768px){.partner-types{align-items:stretch;flex-direction:column}.partner-type-card{width:100%}.jobs-selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pricing-cards{grid-template-columns:1fr}.pricing-card.featured{transform:none}.selection-summary{flex-direction:column;gap:var(--space-4)}}.legal-page{background-color:var(--color-white);min-height:calc(100vh - 200px);padding:var(--space-8) 0}.legal-content{margin:0 auto;max-width:800px}.legal-title{color:var(--color-black);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.legal-last-updated{color:var(--color-medium-gray);font-size:var(--text-sm)}.legal-last-updated,.legal-section{margin-bottom:var(--space-8)}.legal-section h2{color:var(--color-black);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);margin-top:var(--space-6)}.legal-section h3{color:var(--color-dark-gray);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-4)}.legal-section p{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-4)}.legal-section ul{margin-bottom:var(--space-4);margin-left:var(--space-6)}.legal-section li{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-2)}@media (max-width:768px){.legal-page{padding:var(--space-6) 0}.legal-title{font-size:var(--text-2xl)}.legal-section h2{font-size:var(--text-lg)}.legal-section h3{font-size:var(--text-base)}}.blog-page{min-height:60vh;padding:var(--space-8) 0}.blog-header{margin-bottom:var(--space-12);text-align:center}.blog-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.blog-subtitle{color:var(--color-dark-gray);font-size:var(--text-lg);margin:0 auto;max-width:600px}.blog-empty,.blog-error,.blog-loading{padding:var(--space-12) 0;text-align:center}.blog-loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray);border:4px solid var(--color-gray);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin:0 auto var(--space-4);width:40px}.blog-posts-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:var(--space-12)}.blog-post-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .2s,box-shadow .2s}.blog-post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-post-link{color:inherit;display:block;padding:var(--space-6);text-decoration:none}.blog-post-title{font-size:var(--text-xl);line-height:1.3;margin-bottom:var(--space-3)}.blog-post-excerpt{font-size:var(--text-base);margin-bottom:var(--space-4)}.blog-post-read-more{color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.blog-pagination{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-12)}.blog-pagination-info{color:var(--color-dark-gray);font-size:var(--text-sm)}@media (max-width:768px){.blog-posts-grid{grid-template-columns:1fr}.blog-title{font-size:var(--text-3xl)}}.blog-post-page{min-height:60vh;padding:var(--space-8) 0}.blog-post{margin:0 auto;max-width:800px}.blog-post-back{color:var(--color-primary);display:inline-block;font-weight:500;margin-bottom:var(--space-6);text-decoration:none;transition:color .2s}.blog-post-back:hover{color:var(--color-primary-dark)}.blog-post-header{border-bottom:1px solid var(--color-light-gray);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.blog-post-meta{align-items:center;color:var(--color-medium-gray);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.blog-post-date{font-weight:500}.blog-post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-tag{background:var(--color-light-gray);border-radius:var(--radius-sm);color:var(--color-dark-gray);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3)}.blog-post-title{color:var(--color-black);font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}.blog-post-excerpt{color:var(--color-dark-gray);font-size:var(--text-lg);font-style:italic;line-height:1.6}.blog-post-content{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-12)}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:var(--color-black);font-weight:700;margin-bottom:var(--space-4);margin-top:var(--space-8)}.blog-post-content h1{font-size:var(--text-3xl)}.blog-post-content h2{font-size:var(--text-2xl)}.blog-post-content h3{font-size:var(--text-xl)}.blog-post-content h4{font-size:var(--text-lg)}.blog-post-content p{margin-bottom:var(--space-4)}.blog-post-content ol,.blog-post-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-post-content li{margin-bottom:var(--space-2)}.blog-post-content a{color:var(--color-primary);text-decoration:underline;transition:color .2s}.blog-post-content a:hover{color:var(--color-primary-dark)}.blog-post-content code{background:var(--color-light-gray);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em;padding:var(--space-1) var(--space-2)}.blog-post-content pre{background:var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto;padding:var(--space-4)}.blog-post-content pre code{background:none;padding:0}.blog-post-content blockquote{border-left:4px solid var(--color-primary);color:var(--color-medium-gray);font-style:italic;margin:var(--space-6) 0;padding-left:var(--space-4)}.blog-post-content hr{border:none;border-top:1px solid var(--color-light-gray);margin:var(--space-8) 0}.blog-post-faq{background:var(--color-light-gray);border-radius:var(--radius-lg);margin:var(--space-12) 0;padding:var(--space-8)}.blog-post-faq h2{color:var(--color-black);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-6)}.faq-item{border-bottom:1px solid var(--color-gray);padding-bottom:var(--space-4)}.faq-item:last-child{border-bottom:none}.faq-question{color:var(--color-black);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.faq-answer{color:var(--color-dark-gray);font-size:var(--text-base);line-height:1.6}.blog-post-footer{border-top:1px solid var(--color-light-gray);margin-top:var(--space-12);padding-top:var(--space-8)}.blog-post-cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:var(--color-white);padding:var(--space-8);text-align:center}.blog-post-cta h3{color:var(--color-white);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}.blog-post-cta p{font-size:var(--text-lg);margin-bottom:var(--space-6);opacity:.95}.blog-post-cta .btn{background:var(--color-white);border:none;color:var(--color-primary)}.blog-post-cta .btn:hover{background:var(--color-light-gray);transform:translateY(-2px)}.blog-post-error,.blog-post-loading{padding:var(--space-12) 0;text-align:center}.blog-post-loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray);border:4px solid var(--color-gray);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin:0 auto var(--space-4);width:40px}@media (max-width:768px){.blog-post-title{font-size:var(--text-3xl)}.blog-post-content h1{font-size:var(--text-2xl)}.blog-post-content h2{font-size:var(--text-xl)}}.admin-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.dashboard-header{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:1rem}.time-range-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.time-range-select:hover{border-color:#3498db}.time-range-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.refresh-btn{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.kpi-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.kpi-icon{font-size:3rem;line-height:1}.kpi-content{flex:1 1}.kpi-value{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.kpi-label{color:#7f8c8d;font-size:1rem;font-weight:600;margin-bottom:.25rem}.kpi-sublabel{color:#95a5a6;font-size:.875rem}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.chart-card.full-width{grid-column:1/-1}.chart-card h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem}.pages-list{display:flex;flex-direction:column;gap:.75rem}.page-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.page-item:hover{background:#e9ecef;transform:translateX(4px)}.page-rank{color:#3498db;font-size:1.25rem;font-weight:700;min-width:40px}.page-path{color:#2c3e50;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:.9rem;word-break:break-all}.page-views{color:#7f8c8d;font-size:1rem;font-weight:600;min-width:100px;text-align:right}@media (max-width:768px){.admin-dashboard{padding:1rem}.dashboard-header h1{font-size:1.75rem}.header-content{align-items:flex-start;flex-direction:column}.charts-row,.kpi-grid{grid-template-columns:1fr}.page-item{align-items:flex-start;flex-direction:column}.page-views{text-align:left}}.not-found-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.not-found-content{max-width:800px;position:relative;text-align:center;width:100%;z-index:2}.not-found-number{color:#2c3e50;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:clamp(8rem,20vw,18rem);font-weight:900;gap:.5rem;justify-content:center;line-height:1;margin-bottom:2rem;position:relative}.number-0,.number-4,.number-4-second{animation:float 3s ease-in-out infinite;display:inline-block;text-shadow:0 0 20px #2c3e501a,0 10px 30px #2c3e5026}.number-4{animation-delay:0s;transform:rotate(-5deg)}.number-0{-webkit-text-fill-color:#0000;animation-delay:.5s;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;position:relative}.number-0:before{animation:pulse 2s ease-in-out infinite;content:"💼";left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.3)}.number-4-second{animation-delay:1s;transform:rotate(5deg)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.3)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.4)}}.not-found-title{animation:fadeInUp .8s ease-out .3s both;color:#2c3e50;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 10px #2c3e501a}.not-found-subtitle{animation:fadeInUp .8s ease-out .5s both;color:#5a6c7d;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;line-height:1.6;margin:0 0 3rem}.not-found-tech-elements{animation:fadeInUp .8s ease-out .7s both;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:3rem 0}.tech-element{animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem}.tech-element:first-child{animation-delay:0s}.tech-element:nth-child(2){animation-delay:.2s}.tech-element:nth-child(3){animation-delay:.4s}.tech-element:nth-child(4){animation-delay:.6s}.tech-element:nth-child(5){animation-delay:.8s}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.not-found-actions{animation:fadeInUp .8s ease-out .9s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem 0}.not-found-button{border:2px solid #0000;border-radius:12px;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.not-found-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.not-found-button.primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.not-found-button.secondary{background:#fff;border-color:#e0e6ed;box-shadow:0 2px 10px #0000000d;color:#2c3e50}.not-found-button.secondary:hover{border-color:#667eea;box-shadow:0 4px 15px #0000001a;color:#667eea;transform:translateY(-2px)}.not-found-message{animation:fadeInUp .8s ease-out 1.1s both;color:#7f8c9a;font-size:1rem;font-style:italic;margin:2rem 0 0}.not-found-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.bg-circle{animation:floatCircle 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:300px;left:-150px;top:-150px;width:300px}.circle-2{animation-delay:5s;bottom:-100px;height:200px;right:-100px;width:200px}.circle-3{animation-delay:10s;height:150px;right:10%;top:50%;width:150px}@keyframes floatCircle{0%,to{opacity:.3;transform:translate(0) scale(1)}33%{opacity:.4;transform:translate(30px,-30px) scale(1.1)}66%{opacity:.35;transform:translate(-20px,20px) scale(.9)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.not-found-number{gap:.2rem}.not-found-actions{align-items:stretch;flex-direction:column}.not-found-button{text-align:center;width:100%}.tech-element{font-size:2rem}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}
/*# sourceMappingURL=main.e356601c.css.map*/