@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--brand-blue: #0066ff;--brand-purple: #8b5fc6;--brand-cyan: #00d9ff;--brand-dark: #1f2937;--brand-light: #f3f4f6;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;padding:2rem}.error-container{max-width:500px;text-align:center;background:#fff;padding:3rem 2rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb}.error-icon{font-size:4rem;margin-bottom:1rem;display:block}.error-container h2{color:#1f2937;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.error-message{color:#6b7280;margin:0 0 2rem;line-height:1.6;font-size:1rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:120px}.error-button.primary{background-color:#06f;color:#fff}.error-button.primary:hover{background-color:#5a67d8;transform:translateY(-1px)}.error-button.secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-button.secondary:hover{background-color:#e5e7eb;transform:translateY(-1px)}.error-button:active{transform:translateY(0)}.error-details{text-align:left;margin-top:2rem;padding:1rem;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.error-details summary{cursor:pointer;font-weight:500;color:#374151;margin-bottom:.5rem}.error-details summary:hover{color:#06f}.error-stack{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:4px;font-size:.8rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width: 640px){.error-boundary{padding:1rem}.error-container{padding:2rem 1.5rem}.error-actions{flex-direction:column;align-items:center}.error-button{width:100%;max-width:200px}}.login-container{display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#06f,#8b5fc6)}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #667eea1a}.password-input-container input{flex:1;padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;color:#666;padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle:hover{background-color:#f8f9fa;color:#333}.error-message{color:#e74c3c;font-size:14px;margin-top:4px}.general-error{background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;text-align:center}.login-button{background:linear-gradient(135deg,#06f,#8b5fc6);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e1e5e9}.login-footer p{color:#666;font-size:14px;margin:0}.link-button{background:none;border:none;color:#06f;cursor:pointer;font-weight:600;text-decoration:underline;font-size:14px;transition:color .2s ease}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h2{font-size:24px}.form-group input{font-size:16px}}@media (prefers-color-scheme: dark){.login-card{background:#1a1a1a;color:#fff}.login-header h2{color:#fff}.login-header p{color:#ccc}.form-group label{color:#fff}.form-group input{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus{border-color:#06f}.form-group input:disabled{background-color:#333}.password-toggle{color:#ccc}.password-toggle:hover{background-color:#333;color:#fff}.login-footer{border-top-color:#444}.login-footer p{color:#ccc}}.forgot-password-section{text-align:center;margin:1rem 0}.forgot-password-link{color:#007bff;text-decoration:none;font-size:.9rem;transition:color .2s ease}.forgot-password-link:hover{color:#0056b3;text-decoration:underline}.forgot-password-link:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:2px}@media (prefers-color-scheme: dark){.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px #2a2a2a inset;box-shadow:0 0 0 1000px #2a2a2a inset;border-color:#444}.social-divider{color:#ccc}.social-divider:before,.social-divider:after{border-bottom-color:#444}.social-button{background:#2a2a2a;border-color:#444;color:#fff}.social-button:hover:not(:disabled){background:#333}}.register-container{display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#06f,#8b5fc6)}.register-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:30px}.register-header h2{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.register-header p{color:#666;font-size:16px;margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#333;font-weight:500;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;color:#333;box-sizing:border-box}.form-group input::placeholder{color:#666;opacity:.7}.form-group input:focus{outline:none;border-color:#06f;color:#fffdfd;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px;flex:1}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;color:#666;padding:4px;border-radius:4px;transition:background-color .2s ease}.password-toggle:hover{background-color:#f0f0f0}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{color:#e74c3c;font-size:14px;margin-top:4px;display:flex;align-items:center;gap:4px}.general-error{background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;font-size:14px}.success-message{color:#16a085;font-size:14px;margin-top:4px;display:flex;align-items:center;gap:4px}.general-success{background-color:#f0f9f4;border:1px solid #86efac;border-radius:6px;padding:12px;margin-bottom:16px;font-size:14px;color:#16a085}.register-button{background:linear-gradient(135deg,#06f,#8b5fc6);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.register-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e1e5e9}.register-footer p{color:#666;font-size:14px;margin:0}.link-button{background:none;border:none;color:#06f;cursor:pointer;font-weight:600;text-decoration:underline;font-size:inherit;padding:0;transition:color .2s ease}.link-button:hover:not(:disabled){color:#8b5fc6}.link-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.register-container{padding:10px}.register-card{padding:24px;margin:10px}.register-header h2{font-size:24px}.form-group input{font-size:16px}}@media (prefers-color-scheme: dark){.register-card{background:#1a1a1a;color:#fff}.register-header h2{color:#fff}.register-header p{color:#ccc}.form-group label{color:#fff}.form-group input{background:#333;border-color:#555;color:#fff}.form-group input::placeholder{color:#aaa;opacity:.8}.form-group input:focus{border-color:#06f;background:#333;box-shadow:0 0 0 3px #667eea40}.form-group input:disabled{background-color:#1a1a1a;color:#666}.password-toggle{color:#ccc}.password-toggle:hover{background-color:#404040}.general-error{background-color:#2d1b1b;border-color:#5a2d2d}.register-footer{border-top-color:#404040}.register-footer p{color:#ccc}}.form-group input:focus{outline:2px solid transparent;outline-offset:2px}.register-button:focus{outline:2px solid #667eea;outline-offset:2px}.link-button:focus{outline:2px solid #667eea;outline-offset:2px;border-radius:2px}@media (prefers-contrast: high){.form-group input{border-width:3px}.register-button{border:2px solid #333}}.social-login-section{margin:24px 0}.social-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#666;font-size:14px}.social-divider:before,.social-divider:after{content:"";flex:1;border-bottom:1px solid #e1e5e9}.social-divider span{padding:0 16px}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:#333;width:100%}.social-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.social-button:active:not(:disabled){transform:translateY(0)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-button:focus{outline:2px solid #0066ff;outline-offset:2px}.google-button:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.linkedin-button:hover:not(:disabled){border-color:#0077b5;box-shadow:0 4px 12px #0077b533}.social-icon{flex-shrink:0}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0px 1000px white inset;box-shadow:0 0 0 1000px #fff inset}@media (prefers-color-scheme: dark){.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px #333 inset;box-shadow:0 0 0 1000px #333 inset;border-color:#555}.social-divider{color:#ccc}.social-divider:before,.social-divider:after{border-bottom-color:#444}.social-button{background:#2a2a2a;border-color:#444;color:#fff}.social-button:hover:not(:disabled){background:#333}}.auth-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-content{position:relative;background:transparent;border-radius:12px;width:min(600px,90vw);max-width:600px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-close{position:absolute;top:15px;right:15px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;font-weight:700;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.auth-modal-close:hover{background:#fff;color:#333;transform:scale(1.1)}.auth-modal-close:focus{outline:2px solid #0066ff;outline-offset:2px}.auth-modal-content .login-container,.auth-modal-content .register-container{background:transparent;padding:0;min-height:auto;display:block}.auth-modal-content .login-card,.auth-modal-content .register-card{margin:0;box-shadow:0 20px 40px #00000026}@media (max-width: 480px){.auth-modal-overlay{padding:10px}.auth-modal-content{max-height:95vh;width:100%;max-width:100%}.auth-modal-close{top:10px;right:10px;width:35px;height:35px;font-size:20px}}@media (prefers-color-scheme: dark){.auth-modal-overlay{background-color:#000c}.auth-modal-close{background:#1a1a1ae6;color:#ccc}.auth-modal-close:hover{background:#1a1a1a;color:#fff}}.auth-modal-overlay:focus{outline:none}body.modal-open{overflow:hidden}@media (prefers-contrast: high){.auth-modal-close{border:2px solid #333}}@media (prefers-reduced-motion: reduce){.auth-modal-overlay,.auth-modal-content,.auth-modal-close{animation:none}.auth-modal-close:hover{transform:none}}.header{background:#fff;color:#213547;padding:1rem 0;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;border-bottom:1px solid #e2e8f0}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:1rem}.header-auth{display:flex;align-items:center;gap:1rem}.brand-link{color:#213547;text-decoration:none;transition:opacity .3s ease}.brand-link:hover{opacity:.8}.brand-logo-container{display:flex;align-items:center;gap:.75rem}.brand-logo{height:40px;width:auto;object-fit:contain}.brand-text{font-size:1.25rem;font-weight:600;color:#213547;font-family:Inter,sans-serif;letter-spacing:-.5px}.brand-text{display:flex;flex-direction:column}.header-brand h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;font-family:Inter,sans-serif}.header-subtitle{margin:0;font-size:.9rem;opacity:.9;font-weight:400;font-family:Inter,sans-serif}.header-nav{display:flex;gap:.5rem;align-items:center}.nav-link{color:#213547!important;text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:6px;transition:all .3s ease;border:1px solid transparent;display:inline-block;white-space:nowrap;font-size:.95rem}.nav-link:hover:not(.disabled){background-color:#f3f4f6;color:#213547!important;transform:translateY(-1px)}.nav-link:active:not(.disabled){transform:translateY(0)}.nav-link.active{background-color:#06f;color:#fff!important;font-weight:600}.nav-link.disabled{opacity:.5;cursor:not-allowed;position:relative}.nav-link.disabled:after{content:" (Coming Soon)";font-size:.75rem;font-weight:300;opacity:.8}.nav-dropdown-container{position:relative;display:inline-block}.nav-dropdown-trigger{display:flex;align-items:center;gap:.25rem;cursor:pointer}.chevron-icon{font-size:.65rem;transition:transform .2s ease;display:inline-block}.chevron-icon.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#fff;min-width:170px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:.5rem 0;margin-top:.5rem;z-index:1000;display:flex;flex-direction:column;animation:navDropdownFadeIn .2s ease-out;box-sizing:border-box}.nav-dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:transparent}@keyframes navDropdownFadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.nav-dropdown-item{display:block;box-sizing:border-box;padding:.6rem 1rem;color:#213547!important;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap;text-align:left;border-left:2px solid transparent}.nav-dropdown-item:first-of-type{border-top-left-radius:7px;border-top-right-radius:7px}.nav-dropdown-item:last-of-type{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.nav-dropdown-item:hover{background-color:#f3f4f6;color:#06f!important;border-left-color:#06f}.nav-dropdown-item.active{background-color:#f0f4ff;color:#06f!important;font-weight:600;border-left-color:#06f}.auth-buttons{display:flex;gap:.75rem;align-items:center}.auth-button{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:transparent;color:#213547;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.auth-button:hover{background-color:#f3f4f6;border-color:#cbd5e0;transform:translateY(-1px)}.auth-button:active{transform:translateY(0)}.register-button{background-color:#06f;border-color:#06f;color:#fff}.register-button:hover{background-color:#0052cc;border-color:#0052cc}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;color:#213547;cursor:pointer;transition:all .3s ease;font-size:.9rem}.user-menu-trigger:hover{background:#f3f4f6;border-color:#cbd5e0;transform:translateY(-1px)}.user-avatar{width:32px;height:32px;border-radius:50%;background:#06f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-email-display{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#213547}.dropdown-arrow{font-size:.7rem;opacity:.7;transition:transform .2s ease}.user-menu-trigger:hover .dropdown-arrow{transform:translateY(-1px)}.user-menu-backdrop{position:fixed;inset:0;z-index:999}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;min-width:220px;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.user-info strong{display:block;color:#333;font-size:.95rem;margin-bottom:.25rem}.user-email{display:block;color:#666;font-size:.85rem;margin-bottom:.25rem}.user-role{display:inline-block;background:#06f;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.user-menu-divider{height:1px;background:#e9ecef}.user-menu-items{padding:.5rem 0}.user-menu-item{display:block;width:100%;padding:.75rem 1rem;color:#333;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.user-menu-item:hover{background-color:#f8f9fa}.admin-link{color:#06f!important;font-weight:500}.admin-link:hover{background-color:#f0f4ff!important}.logout-button{color:#dc3545;font-weight:500}.logout-button:hover{background-color:#fff5f5}@media (max-width: 1024px){.header-nav{gap:.25rem}.nav-link{padding:.4rem .5rem;font-size:.85rem}.user-email-display{display:none}}@media (max-width: 768px){.header-container{flex-direction:column;text-align:center;gap:1.5rem;flex-wrap:wrap}.header-nav{gap:.5rem;order:2;flex-wrap:wrap;justify-content:center}.header-auth{order:1}.nav-link{padding:.4rem .8rem;font-size:.9rem}.header-brand h1{font-size:1.5rem}.brand-logo{height:40px;width:auto}.brand-tagline .tagline-line{font-size:.75rem}.auth-buttons{gap:.5rem}.auth-button{padding:.4rem .8rem;font-size:.85rem}.user-menu-trigger{padding:.4rem .6rem;font-size:.85rem}.user-avatar{width:28px;height:28px;font-size:.8rem}.user-name{max-width:100px}.user-menu-dropdown{right:50%;transform:translate(50%);min-width:200px}}@media (max-width: 480px){.header-container{padding:0 1rem}.header-nav{flex-wrap:wrap;justify-content:center}.brand-tagline .tagline-line{font-size:.7rem;white-space:normal}.brand-logo-container{flex-wrap:wrap;justify-content:center;gap:.5rem}.user-menu-dropdown{left:0;right:0;transform:none;margin:0 1rem}}.footer{background-color:#fff;color:#213547;margin-top:auto;border-top:1px solid #e2e8f0}.footer-container{max-width:1200px;margin:0 auto;padding:2rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{margin:0;color:#718096;font-size:.9rem}.footer-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-link{color:#718096;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-link:hover{color:#06f}.footer-divider{color:#cbd5e0;font-size:.9rem}@media (max-width: 768px){.footer-container{padding:1.5rem 1rem}.footer-bottom{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.notification-toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:320px;max-width:400px;margin-bottom:12px;animation:slideIn .3s ease-out;border-left:4px solid #4CAF50;transition:transform .2s ease,box-shadow .2s ease}.notification-toast.clickable{cursor:pointer}.notification-toast.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.notification-toast.test_generation_complete{border-left-color:#4caf50}.notification-toast.test_generation_failed{border-left-color:#f44336}.notification-toast.connected{border-left-color:#2196f3}.notification-icon{font-size:24px;flex-shrink:0;line-height:1}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.notification-message{font-size:13px;color:#666;line-height:1.4;word-wrap:break-word}.notification-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease;line-height:1}.notification-close:hover{color:#333}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-container{position:fixed;top:80px;right:20px;z-index:10000;pointer-events:none}.notification-container>*{pointer-events:auto}@media (max-width: 768px){.notification-toast{min-width:280px;max-width:calc(100vw - 40px)}.notification-container{right:10px;left:10px}}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc}.main-content.jobs-page,.main-content.tests-page{background-color:transparent}.main-content{flex:1;width:100%;padding:2rem;box-sizing:border-box;color:#111827}.main-content.full-width{padding:0}.layout.layout-interview{height:100vh;overflow:hidden}.main-content.interview-layout{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}:where(.main-content) :where(h1,h2,h3,p,span,li){color:inherit}@media (max-width: 768px){.main-content{padding:1rem}}@media (max-width: 480px){.main-content{padding:.5rem}}.main-content.centered{display:flex;align-items:center;justify-content:center}.main-content.narrow{max-width:800px}.main-content.wide{max-width:1400px}.main-content.no-padding{padding:0}:root{--admin-primary: #0050cb;--admin-primary-container: #0066ff;--admin-primary-fixed: #dae1ff;--admin-on-primary-fixed: #001849;--admin-secondary: #7347ad;--admin-tertiary: #006275;--admin-surface: #f8f9ff;--admin-surface-container-low: #eff4ff;--admin-surface-container-lowest: #ffffff;--admin-on-surface: #121c2a;--admin-on-surface-variant: #424656;--admin-outline-variant: rgba(194, 198, 216, .5);--admin-font-display: "Manrope", sans-serif;--admin-font-body: "Inter", sans-serif}.admin-dashboard-layout{display:flex;height:100vh;width:100%;background-color:var(--admin-surface);font-family:var(--admin-font-body);color:var(--admin-on-surface);overflow:hidden}.admin-sidebar{width:280px;background-color:var(--admin-surface-container-low);display:flex;flex-direction:column;transition:transform .3s ease;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:none;flex-shrink:0}.admin-sidebar-header{height:80px;display:flex;align-items:center;padding:0 24px}.admin-logo-container{display:flex;align-items:center;gap:12px;cursor:pointer}.admin-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary))}.admin-brand-text{font-family:var(--admin-font-display);font-weight:700;font-size:1.25rem;color:var(--admin-on-surface)}.admin-nav-menu{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.admin-nav-link{display:flex;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;color:var(--admin-on-surface-variant);border-radius:9999px;font-weight:500;transition:all .2s ease}.admin-nav-link:hover{background-color:#0050cb0d;color:var(--admin-on-surface)}.admin-nav-link.active{background-color:var(--admin-primary-fixed);color:var(--admin-on-primary-fixed);font-weight:600}.nav-icon{font-size:1.25rem}.admin-main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-top-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background-color:#f8f9ffcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40}.header-left,.header-right{display:flex;align-items:center;gap:24px}.sidebar-toggle-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--admin-on-surface)}.admin-search-box{display:flex;align-items:center;background-color:var(--admin-surface-container-lowest);border-radius:24px;padding:8px 16px;width:300px;border:1px solid var(--admin-outline-variant);box-shadow:0 4px 12px #0050cb05;transition:all .3s ease}.admin-search-box:focus-within{border-color:#0050cb26;box-shadow:0 0 0 4px #0050cb0d}.search-icon{color:var(--admin-on-surface-variant);margin-right:8px}.admin-search-input{border:none;background:transparent;outline:none;width:100%;font-family:var(--admin-font-body);font-size:.875rem;color:var(--admin-on-surface)}.notification-btn{background:transparent;border:none;font-size:1.25rem;position:relative;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--admin-on-surface-variant)}.notification-btn:hover{background-color:#0050cb0d}.badge-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;background-color:#ba1a1a;border-radius:50%;border:2px solid var(--admin-surface)}.user-profile-menu{display:flex;align-items:center;gap:12px;cursor:pointer}.user-name{font-weight:500;font-size:.875rem}.user-avatar{width:40px;height:40px;border-radius:12px;background:var(--admin-primary-container);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--admin-font-display)}.admin-content-area{flex:1;overflow-y:auto;padding:32px}.admin-sidebar-overlay{display:none;position:fixed;inset:0;background-color:#121c2a66;z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.admin-sidebar{position:fixed;height:100vh;left:0;top:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay,.sidebar-toggle-btn{display:block}.admin-search-box{display:none}.admin-top-header{padding:0 16px}.admin-content-area{padding:16px}}.screenshots-section{padding:4rem 2rem;background:#f7fafc;text-align:center;max-width:1200px;margin:0 auto 4rem}.screenshots-section h2{font-size:2.5rem;color:#06f;font-weight:700;margin-bottom:2.5rem}.screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto 2.5rem}.screenshot-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #8b5fc626;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease;cursor:pointer}.screenshot-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #8b5fc640}.screenshot-card img{width:100%;max-width:100%;height:auto;display:block}.screenshot-caption{padding:1rem 1.25rem;color:#718096;font-size:.95rem;line-height:1.5;margin:0}.screenshots-cta{text-align:center}.screenshots-cta .btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;cursor:pointer;min-width:250px}.screenshots-cta .btn-primary{background:#06f;color:#fff}.screenshots-cta .btn-primary:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}.screenshot-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.screenshot-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff26;border:none;color:#fff;font-size:2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;line-height:1}.screenshot-modal-close:hover{background:#ffffff4d}.screenshot-modal-image{max-width:90vw;max-height:85vh;border-radius:8px;object-fit:contain}@media (max-width: 768px){.screenshots-section{padding:3rem 1.5rem}.screenshots-section h2{font-size:2rem}.screenshots-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.screenshots-section{padding:2rem 1rem}.screenshots-section h2{font-size:1.75rem}.screenshot-caption{padding:.75rem 1rem;font-size:.875rem}.screenshot-modal-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}.screenshot-modal-image{max-width:95vw;max-height:80vh}}.blitz-hero-widget{width:100%;max-width:920px;margin:2.5rem auto 1rem;padding:2rem 2.5rem;background:#0f172abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.35);border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 35px #a855f733;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;box-sizing:border-box;text-align:left}.blitz-hero-widget:before{content:"";position:absolute;top:-80px;right:-80px;width:250px;height:250px;background:radial-gradient(circle,#a855f74d,#38bdf800 70%);pointer-events:none}.blitz-widget-header{display:flex;flex-direction:column;gap:.6rem}.blitz-badge-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blitz-live-pill{display:inline-flex;align-items:center;gap:.5rem;background:#ec489926;border:1px solid rgba(236,72,153,.4);color:#f472b6;font-size:.75rem;font-weight:800;letter-spacing:.08em;padding:.3rem .75rem;border-radius:9999px;text-transform:uppercase}.blitz-pulsing-dot{width:8px;height:8px;background-color:#ec4899;border-radius:50%;animation:blitz-dot-pulse 1.4s infinite ease-in-out}@keyframes blitz-dot-pulse{0%{transform:scale(.9);opacity:.8;box-shadow:0 0 #ec4899b3}70%{transform:scale(1.2);opacity:1;box-shadow:0 0 0 6px #ec489900}to{transform:scale(.9);opacity:.8;box-shadow:0 0 #ec489900}}.blitz-guest-tag{color:#94a3b8;font-size:.85rem;font-weight:500}.blitz-widget-title{font-size:1.85rem;font-weight:800;color:#f8fafc;margin:0;line-height:1.25}.neon-gradient-text{background:linear-gradient(135deg,#38bdf8,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.blitz-widget-subtitle{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.5}.blitz-domain-tabs{display:flex;gap:.5rem;flex-wrap:wrap;padding-bottom:.25rem}.blitz-domain-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#94a3b8;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.blitz-domain-tab:hover{background:#334155cc;color:#f1f5f9;border-color:#fff3}.blitz-domain-tab--active{background:linear-gradient(135deg,#a855f740,#38bdf833);border-color:#a855f7;color:#fff;box-shadow:0 0 16px #a855f759}.blitz-search-container{display:flex;gap:1rem;width:100%;align-items:stretch}.blitz-input-wrapper{position:relative;flex:1 1 auto;display:flex;align-items:center;min-width:0}.blitz-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.blitz-search-bolt{filter:drop-shadow(0 0 6px rgba(245,158,11,.45));transition:transform .2s ease,filter .2s ease}.blitz-input-wrapper:focus-within .blitz-search-bolt{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(56,189,248,.7))}.blitz-search-container input.blitz-role-input{box-sizing:border-box!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;line-height:normal!important;padding:0 3.2rem 0 3.4rem!important;background:#0f172ae0!important;border:1.5px solid rgba(168,85,247,.4)!important;border-radius:16px!important;color:#fff!important;font-family:inherit!important;font-size:1.05rem!important;font-weight:500!important;caret-color:#38bdf8!important;outline:none!important;box-shadow:inset 0 2px 4px #0000004d!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.blitz-search-container input.blitz-role-input:focus{border-color:#38bdf8!important;box-shadow:0 0 22px #38bdf859,inset 0 2px 4px #0000004d!important;background:#0f172afa!important}.blitz-search-container input.blitz-role-input::placeholder{color:#94a3b8!important;font-size:.95rem!important;font-weight:400!important;opacity:1!important}.blitz-clear-btn{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:26px;height:26px;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:3}.blitz-clear-btn:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:translateY(-50%) scale(1.1)}.blitz-autocomplete-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f172a;border:1px solid rgba(168,85,247,.4);border-radius:14px;box-shadow:0 16px 40px #0009;z-index:50;overflow:hidden}.blitz-autocomplete-item{width:100%;display:flex;align-items:center;gap:.8rem;padding:.85rem 1.25rem;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#f1f5f9;font-size:.95rem;cursor:pointer;text-align:left;transition:background .15s ease}.blitz-autocomplete-item:hover{background:#a855f733}.item-title{flex-grow:1}.item-domain-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;background:#ffffff1a;color:#cbd5e1}.btn-blitz-start{height:56px!important;padding:0 2rem!important;background:linear-gradient(135deg,#a855f7,#ec4899,#f43f5e);border:none;border-radius:16px;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 8px 24px #ec489959;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;box-sizing:border-box!important}.btn-blitz-start:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #ec48998c,0 0 20px #a855f766}.btn-blitz-start:active:not(:disabled){transform:translateY(0) scale(.99)}.btn-blitz-start:disabled{opacity:.6;cursor:not-allowed}.blitz-bolt-svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.6));flex-shrink:0}.blitz-btn-loading{display:flex;align-items:center;gap:.6rem}.blitz-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:blitz-spin .8s linear infinite}@keyframes blitz-spin{to{transform:rotate(360deg)}}.blitz-quickpicks{display:flex;flex-direction:column;gap:.6rem}.blitz-quickpicks-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.blitz-pills-list{display:flex;flex-wrap:wrap;gap:.5rem}.blitz-role-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;background:#1e293b80;border:1px solid rgba(255,255,255,.07);border-radius:9999px;color:#e2e8f0;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.blitz-role-pill:hover:not(:disabled){background:#a855f733;border-color:#a855f780;color:#fff;transform:translateY(-1px)}.role-pill-icon{font-size:.9rem}@media (max-width: 768px){.blitz-hero-widget{padding:1.5rem;margin:1.5rem 0}.blitz-widget-title{font-size:1.45rem}.blitz-search-container{flex-direction:column;gap:.75rem}.blitz-input-wrapper{width:100%}.btn-blitz-start{justify-content:center;width:100%}.blitz-domain-tab{padding:.4rem .75rem;font-size:.8rem}}.ptt-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.ptt-btn{position:relative;width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;flex-shrink:0}.ptt-btn--compact{width:44px;height:44px}.ptt-btn--idle{background:linear-gradient(135deg,#4f72ff,#3b5bdb);box-shadow:0 6px 24px #4f72ff73;color:#fff}.ptt-btn--idle:hover:not(.ptt-btn--disabled){transform:scale(1.07);box-shadow:0 10px 32px #4f72ff8c}.ptt-btn--idle:active:not(.ptt-btn--disabled){transform:scale(.96)}.ptt-btn--recording{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 24px #ef444480;color:#fff;transform:scale(1.05);cursor:default}.ptt-ring{position:absolute;border-radius:50%;border:2.5px solid rgba(239,68,68,.5);animation:ptt-pulse 1.6s ease-out infinite;pointer-events:none}.ptt-ring--1{width:84px;height:84px;animation-delay:0s}.ptt-ring--2{width:104px;height:104px;animation-delay:.55s}@keyframes ptt-pulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.25);opacity:0}}.ptt-btn--processing{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 6px 20px #47556959;color:#fff;cursor:wait}.ptt-btn--responding{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 6px 24px #06b6d473;color:#fff;animation:ptt-wave 1.8s ease-in-out infinite;cursor:default}@keyframes ptt-wave{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ptt-btn--disabled{opacity:.45;cursor:not-allowed}.ptt-icon{display:flex;align-items:center;justify-content:center;z-index:1}.ptt-icon svg{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.ptt-btn--compact .ptt-icon svg{width:20px;height:20px}.ptt-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ptt-spin .75s linear infinite}@keyframes ptt-spin{to{transform:rotate(360deg)}}.ptt-label{font-size:13px;font-weight:600;color:#475569;margin:0;text-align:center;letter-spacing:.01em}.ptt-hint{font-size:11px;color:#94a3b8;margin:0;text-align:center}.ptt-hint kbd{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;color:#475569}.blitz-result-card{width:100%;max-width:800px;margin:0 auto;padding:1.25rem 1.5rem;background:#0f172af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(168,85,247,.4);border-radius:24px;box-shadow:0 25px 60px #0009,0 0 40px #a855f740;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;text-align:center;position:relative;overflow:visible;color:#fff!important}.blitz-modal-content .blitz-result-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:.25rem .5rem 1rem!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}.animate-pop{animation:blitz-pop-in .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes blitz-pop-in{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.result-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.result-status-icon{font-size:2.5rem;margin-bottom:.15rem;animation:float-icon 2.5s ease-in-out infinite alternate}@keyframes float-icon{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.blitz-result-card .result-title{font-size:1.95rem!important;font-weight:900!important;color:#fff!important;margin:0!important;letter-spacing:.02em!important;text-shadow:0 2px 18px rgba(168,85,247,.5)!important;line-height:1.2!important}.blitz-result-card .result-subtitle{color:#cbd5e1!important;font-size:.98rem!important;font-weight:500!important;max-width:580px;margin:.15rem auto 0!important;line-height:1.45!important}.result-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin:.5rem 0}.metric-box{background:#1e293bbf!important;border:1.5px solid rgba(255,255,255,.15)!important;border-radius:16px;padding:.85rem .6rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 8px 24px #00000059;transition:transform .2s ease,border-color .2s ease}.metric-box:hover{transform:translateY(-2px)}.metric-box--primary{background:linear-gradient(135deg,#38bdf838,#a855f738)!important;border-color:#38bdf899!important;box-shadow:0 8px 24px #38bdf840!important}.metric-box--rank{background:linear-gradient(135deg,#ec489938,#a855f738)!important;border-color:#ec489999!important;box-shadow:0 8px 24px #ec489940!important}.blitz-result-card .metric-label{font-size:.75rem!important;font-weight:800!important;letter-spacing:.08em!important;color:#94a3b8!important;text-transform:uppercase!important}.blitz-result-card .metric-value{font-size:1.8rem!important;font-weight:900!important;color:#fff!important;line-height:1.1!important}.blitz-result-card .neon-blue{color:#38bdf8!important;text-shadow:0 0 16px rgba(56,189,248,.8)!important}.blitz-result-card .neon-orange{color:#fb923c!important;text-shadow:0 0 16px rgba(251,146,60,.8)!important}.blitz-result-card .neon-pink{color:#f472b6!important;text-shadow:0 0 16px rgba(244,114,182,.8)!important}.blitz-result-card .metric-hint{font-size:.8rem!important;font-weight:600!important;color:#cbd5e1!important}.scorecard-canvas-offscreen{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.result-share-section{display:flex;flex-direction:column;gap:.6rem;text-align:center;padding-top:.25rem}.blitz-result-card .share-heading{font-size:1.25rem!important;font-weight:800!important;color:#fff!important;margin:0!important;text-shadow:0 0 12px rgba(255,255,255,.2)!important}.blitz-result-card .share-subheading{font-size:.95rem!important;font-weight:500!important;color:#cbd5e1!important;margin:0!important}.share-buttons-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.btn-share-linkedin,.btn-share-x,.btn-download-card,.btn-copy-card{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;border-radius:12px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-share-linkedin{background:#0a66c2!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 18px #0a66c273!important;position:relative}.btn-share-linkedin:hover{background:#004182!important;transform:translateY(-2px)}.copy-tag{position:absolute;top:-24px;right:0;background:#10b981;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:6px;animation:fade-in .2s}.btn-share-x{background:#111827!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;box-shadow:0 4px 18px #0006!important}.btn-share-x:hover{background:#1f2937!important;transform:translateY(-2px)}.btn-download-card,.btn-copy-card{background:#1e293be6!important;border:1px solid rgba(255,255,255,.2)!important;color:#f1f5f9!important;box-shadow:0 4px 18px #0000004d!important}.btn-download-card:hover,.btn-copy-card:hover{background:#334155!important;border-color:#a855f799!important;color:#fff!important;transform:translateY(-2px)}.result-claim-banner{background:linear-gradient(135deg,#a855f740,#ec489940)!important;border:1.5px solid rgba(168,85,247,.55)!important;border-radius:16px!important;padding:.9rem 1.3rem!important;display:flex;align-items:center;gap:1rem;text-align:left;box-shadow:0 8px 25px #a855f740!important;margin-top:.25rem}.claim-icon{font-size:1.8rem;flex-shrink:0}.claim-content{flex-grow:1}.blitz-result-card .claim-title{font-size:1.05rem!important;font-weight:800!important;color:#fff!important;margin:0 0 .2rem!important}.blitz-result-card .claim-description{font-size:.85rem!important;color:#cbd5e1!important;margin:0!important;line-height:1.4!important}.btn-claim-xp{padding:.65rem 1.3rem!important;background:linear-gradient(135deg,#a855f7,#ec4899)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-size:.9rem!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:0 6px 20px #ec489973!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;flex-shrink:0!important}.btn-claim-xp:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ec4899a6}.result-footer-actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;padding-top:.25rem;padding-bottom:1.25rem}.btn-replay{padding:.7rem 1.5rem!important;background:#1e293bd9!important;border:1.5px solid rgba(255,255,255,.18)!important;border-radius:12px!important;color:#fff!important;font-size:.92rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important}.btn-replay:hover{background:#334155!important;border-color:#a855f7!important;transform:translateY(-2px)}.btn-full-interview{padding:.7rem 1.5rem!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-size:.92rem!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 6px 20px #3b82f666!important;transition:all .2s ease!important}.btn-full-interview:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699}.blitz-breakdown-section{width:100%!important;margin:.75rem 0!important;text-align:left!important}.blitz-btn-toggle-breakdown{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#1e293bd9!important;border:1.5px solid rgba(168,85,247,.45)!important;border-radius:14px!important;padding:.85rem 1.25rem!important;color:#f1f5f9!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 18px #00000059!important}.blitz-btn-toggle-breakdown:hover{background:#334155f2!important;border-color:#a855f7bf!important;transform:translateY(-1px)!important}.blitz-breakdown-toggle-title{font-size:.95rem!important;font-weight:800!important;color:#fff!important;display:flex!important;align-items:center!important;gap:.5rem!important}.blitz-breakdown-toggle-arrow{font-size:.85rem!important;font-weight:700!important;color:#c084fc!important}.blitz-breakdown-list{display:flex!important;flex-direction:column!important;gap:.85rem!important;margin-top:.85rem!important;max-height:380px!important;overflow-y:auto!important;padding-right:.4rem!important}.blitz-breakdown-list::-webkit-scrollbar{width:6px}.blitz-breakdown-list::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.blitz-breakdown-list::-webkit-scrollbar-thumb{background:#a855f799;border-radius:4px}.blitz-breakdown-card{background:#0f172a!important;background-color:#0f172a!important;border:1.5px solid rgba(255,255,255,.14)!important;border-radius:14px!important;padding:1rem 1.15rem!important;display:flex!important;flex-direction:column!important;gap:.65rem!important;box-shadow:0 6px 20px #00000073!important;transition:border-color .2s ease!important}.blitz-breakdown-card--correct{border-left:5px solid #10b981!important}.blitz-breakdown-card--partial{border-left:5px solid #f59e0b!important}.blitz-breakdown-card--incorrect{border-left:5px solid #ef4444!important}.blitz-breakdown-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:.75rem!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding-bottom:.6rem!important}.blitz-breakdown-q-title-group{display:flex!important;align-items:baseline!important;gap:.55rem!important;flex-grow:1!important}.blitz-breakdown-q-num{font-size:.8rem!important;font-weight:900!important;color:#38bdf8!important;background:#38bdf82e!important;border:1px solid rgba(56,189,248,.35)!important;border-radius:6px!important;padding:.15rem .5rem!important;flex-shrink:0!important}.blitz-breakdown-q-text{font-size:.95rem!important;font-weight:700!important;color:#f8fafc!important;line-height:1.45!important}.blitz-breakdown-badge{font-size:.76rem!important;font-weight:800!important;border-radius:9999px!important;padding:.25rem .75rem!important;white-space:nowrap!important;flex-shrink:0!important}.blitz-breakdown-badge--correct{background:#10b98133!important;color:#34d399!important;border:1px solid rgba(16,185,129,.45)!important}.blitz-breakdown-badge--partial{background:#f59e0b33!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.45)!important}.blitz-breakdown-badge--incorrect{background:#ef444433!important;color:#f87171!important;border:1px solid rgba(239,68,68,.45)!important}.blitz-breakdown-card-body{display:flex!important;flex-direction:column!important;gap:.5rem!important}.blitz-breakdown-row{display:flex!important;flex-direction:column!important;gap:.25rem!important}.blitz-breakdown-label{font-size:.76rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#94a3b8!important}.blitz-breakdown-label--partial{color:#fbbf24!important}.blitz-breakdown-label--incorrect{color:#f87171!important}.blitz-breakdown-label--correct{color:#34d399!important}.blitz-breakdown-label--takeaway{color:#38bdf8!important}.blitz-breakdown-val--user{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;padding:.45rem .75rem!important;color:#e2e8f0!important;font-size:.88rem!important;font-style:italic!important;line-height:1.45!important}.blitz-breakdown-box{border-radius:8px!important;padding:.55rem .8rem!important;font-size:.88rem!important;line-height:1.5!important;font-weight:500!important}.blitz-breakdown-box--partial{background:#f59e0b1f!important;border:1px solid rgba(245,158,11,.35)!important;color:#fef08a!important}.blitz-breakdown-box--incorrect{background:#ef44441f!important;border:1px solid rgba(239,68,68,.35)!important;color:#fee2e2!important}.blitz-breakdown-box--correct{background:#10b9811f!important;border:1px solid rgba(16,185,129,.35)!important;color:#d1fae5!important}.blitz-breakdown-box--takeaway{background:#38bdf81f!important;border:1px solid rgba(56,189,248,.35)!important;color:#7dd3fc!important;font-weight:600!important}@media (max-width: 768px){.blitz-result-card{padding:1.25rem .75rem;gap:1.25rem}.blitz-result-card .result-title{font-size:1.6rem!important}.result-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.result-claim-banner{flex-direction:column;align-items:flex-start;padding:1.2rem!important}.btn-claim-xp{width:100%!important;text-align:center}.share-buttons-row{flex-direction:column;width:100%}.btn-share-linkedin,.btn-share-x,.btn-download-card,.btn-copy-card{width:100%;justify-content:center}.result-footer-actions{flex-direction:column}.btn-replay,.btn-full-interview{width:100%;text-align:center}}.blitz-modal-backdrop{position:fixed;inset:0;background:#040712e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.blitz-modal-backdrop--embedded{position:relative;inset:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;z-index:1}.blitz-modal-content{width:100%;max-width:860px;height:90vh;max-height:820px;background:linear-gradient(135deg,#090d16,#111827,#1e1b4b);border:1.5px solid rgba(168,85,247,.45);border-radius:28px;box-shadow:0 30px 80px #000c,0 0 50px #a855f740;display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box;color:#fff!important}.shake-effect{animation:arcade-screen-shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes arcade-screen-shake{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.floating-combo-popup{position:absolute;top:15%;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ec4899,#f43f5e);color:#fff;font-size:1.25rem;font-weight:900;letter-spacing:.05em;padding:.6rem 1.4rem;border-radius:9999px;box-shadow:0 0 30px #ec4899cc;pointer-events:none;z-index:100;animation:float-combo-up 1.2s ease-out forwards}@keyframes float-combo-up{0%{transform:translate(-50%,20px) scale(.8);opacity:0}20%{transform:translate(-50%) scale(1.15);opacity:1}80%{transform:translate(-50%,-30px) scale(1);opacity:1}to{transform:translate(-50%,-50px) scale(.9);opacity:0}}.blitz-hud-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.75rem;background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.hud-left{display:flex;align-items:center;gap:.75rem}.blitz-mode-badge{font-size:.75rem;font-weight:800;letter-spacing:.08em;padding:.3rem .6rem;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:8px;color:#fff}.hud-role-name{font-size:1.05rem;font-weight:700;color:#fff!important;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-center{display:flex;align-items:center;gap:1rem}.hud-hearts-container{display:flex;gap:.35rem}.blitz-heart{font-size:1.35rem;transition:transform .2s ease}.blitz-heart--alive{animation:heart-pulse 2s infinite ease-in-out}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.blitz-heart--broken{opacity:.35;filter:grayscale(1)}.hud-timer-badge{display:inline-flex;align-items:center;gap:.4rem;background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:.35rem .85rem;font-size:.95rem;font-weight:800;color:#38bdf8}.hud-timer-badge--urgent{background:#ef444433;border-color:#ef4444;color:#ef4444;animation:urgent-timer-pulse .6s infinite alternate}@keyframes urgent-timer-pulse{0%{box-shadow:0 0 #ef444466}to{box-shadow:0 0 16px 4px #ef4444b3;transform:scale(1.05)}}.hud-combo-badge{display:inline-flex;align-items:center;gap:.35rem;background:#fb923c33;border:1px solid rgba(251,146,60,.5);border-radius:9999px;padding:.35rem .8rem;color:#fb923c;font-size:.88rem;font-weight:800}.hud-right{display:flex;align-items:center;gap:.85rem}.hud-score-display{font-size:1.05rem;font-weight:900;color:#38bdf8!important;letter-spacing:.04em}.hud-sound-btn,.hud-close-btn{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;font-size:1.25rem;cursor:pointer;padding:.3rem .55rem;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .15s ease}.hud-sound-btn:hover,.hud-close-btn:hover{color:#fff!important;background:#fff3!important;border-color:#ffffff59!important}.hud-close-btn{font-size:1.5rem;line-height:1}.blitz-arena-body{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;min-height:0;padding:1.25rem;box-sizing:border-box}.blitz-loading-state{margin:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.blitz-pulsing-orb{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#a855f7,#38bdf8);box-shadow:0 0 35px #a855f799;animation:orb-pulse 1.2s infinite alternate ease-in-out}@keyframes orb-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.15);opacity:1;box-shadow:0 0 50px #38bdf8e6}}.loading-title{color:#fff;font-size:1.35rem;font-weight:800;margin:0}.loading-subtitle{color:#94a3b8;font-size:.95rem;margin:0}.blitz-error-state{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon{font-size:3rem}.error-text{color:#f87171;font-size:1rem;margin:0}.btn-retry-round{padding:.75rem 1.5rem;background:#a855f7;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer}.blitz-active-game{display:flex;flex-direction:column;height:100%;gap:1rem}.blitz-dialogue-stream{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem;min-height:0}.blitz-bubble-row{display:flex;flex-direction:column;max-width:82%;gap:.4rem}.blitz-bubble-row--bot{align-self:flex-start}.blitz-bubble-row--user{align-self:flex-end}.blitz-bubble{padding:1.1rem 1.4rem;border-radius:20px;font-size:1.05rem;line-height:1.5;box-sizing:border-box}.blitz-bubble--bot{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#f8fafc;border-bottom-left-radius:4px}.blitz-bubble--user{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 18px #a855f74d}.feedback-chip{align-self:flex-start;font-size:.8rem;font-weight:800;padding:.25rem .65rem;border-radius:8px}.feedback-chip--correct{background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399}.feedback-chip--partial{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fbbf24}.feedback-chip--incorrect{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.blitz-deck-progress{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0;padding:0 .5rem}.deck-progress-text{font-size:.78rem;font-weight:700;color:#94a3b8;letter-spacing:.04em}.deck-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.deck-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7,#ec4899);border-radius:3px;transition:width .3s ease}.blitz-input-action-bar{display:flex;gap:.75rem;align-items:center;background:#0f172ae6;border:1.5px solid rgba(168,85,247,.4);border-radius:18px;padding:.6rem .8rem;flex-shrink:0}.blitz-input-action-bar input.blitz-arcade-input{flex-grow:1;height:48px!important;background:transparent!important;border:none!important;color:#fff!important;font-size:1.05rem!important;outline:none!important;padding:0 .8rem!important;box-sizing:border-box!important}.blitz-input-action-bar input.blitz-arcade-input::placeholder{color:#94a3b8!important;font-size:.95rem!important;opacity:1!important}.blitz-action-buttons{display:flex;align-items:center;gap:.6rem}.btn-arcade-send{padding:.75rem 1.4rem;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 4px 15px #ec489966;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-arcade-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.btn-arcade-send:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.blitz-modal-content{height:96vh;border-radius:20px}.blitz-hud-bar{padding:.75rem 1rem}.hud-role-name{display:none}.blitz-bubble-row{max-width:92%}.blitz-bubble{font-size:.95rem;padding:.9rem 1.1rem}.btn-arcade-send{padding:.65rem 1rem;font-size:.85rem}}.home-page{width:100%;margin:0;padding:0}.hero-section{position:relative;text-align:center;padding:6rem 2rem;background-color:#06f;color:#fff;margin-bottom:0;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0066ff4d,#8b5fc64d);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-section h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-trial-badge{display:inline-block;background:#fff3;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:.95rem;font-weight:600;padding:.4rem 1.1rem;border-radius:999px;margin-bottom:1.25rem;letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-trial-note{margin-top:1rem;font-size:.875rem;color:#fffc;letter-spacing:.01em}.hero-description{font-size:1.25rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;opacity:.95}.hero-actions{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;padding:0 1rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions .btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer;position:relative;min-width:180px;white-space:nowrap}.hero-actions .btn-primary{background:#06f;color:#fff;border:2px solid #0066ff}.hero-actions .btn-primary:hover{background:#0052cc;border-color:#0052cc;transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}.hero-actions .btn-secondary{background:transparent;color:#fff;border:2px solid white}.hero-actions .btn-secondary:hover{background:#fff;color:#06f;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.hero-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.coming-soon{font-size:.8rem;font-weight:400;opacity:.8}.features-section{margin-bottom:4rem;padding:4rem 2rem;background:#fff;max-width:1200px;margin-left:auto;margin-right:auto}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#06f;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 15px #8b5fc626;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #8b5fc640}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.feature-icon img{width:100%;height:100%;object-fit:contain}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#2d3748;font-weight:600}.feature-card p{color:#718096;line-height:1.6;font-size:1rem}.interview-preview-section{padding:4rem 2rem;background:#f7fafc;text-align:center;max-width:1200px;margin:0 auto 4rem}.interview-preview-section h2{font-size:2.5rem;color:#06f;font-weight:700;margin-bottom:1rem}.interview-preview-description{font-size:1.15rem;color:#718096;max-width:650px;margin:0 auto 2.5rem;line-height:1.6}.interview-preview-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto 2.5rem}.preview-mode-card{background:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 4px 15px #8b5fc626;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease}.preview-mode-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #8b5fc640}.preview-mode-card h3{font-size:1.4rem;color:#2d3748;margin-bottom:.75rem;font-weight:600}.preview-mode-card p{color:#718096;line-height:1.6;font-size:1rem}.interview-preview-cta{text-align:center}.interview-preview-cta .btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;cursor:pointer;min-width:250px}.interview-preview-cta .btn-primary{background:#06f;color:#fff}.interview-preview-cta .btn-primary:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 8px 25px #0066ff4d}@media (max-width: 768px){.hero-section{padding:4rem 1.5rem;min-height:400px}.hero-section h1{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem;padding:0 2rem;max-width:100%}.hero-actions .btn{width:100%;max-width:250px;min-width:auto}.features-section{padding:3rem 1.5rem}.features-section h2{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.interview-preview-section{padding:3rem 1.5rem}.interview-preview-section h2{font-size:2rem}.interview-preview-modes{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.hero-section{padding:3rem 1rem;min-height:350px}.hero-section h1{font-size:2rem}.hero-description{font-size:1rem}.features-section{padding:2rem 1rem}.feature-card{padding:2rem 1.5rem}.feature-icon{width:60px;height:60px}.interview-preview-section{padding:2rem 1rem}.preview-mode-card{padding:1.5rem 1rem}}.social-proof-section{padding:4rem 2rem;background:#f7fafc;text-align:center}.social-proof-heading{font-size:2.5rem;font-weight:700;color:#06f;margin-bottom:2.5rem}.stats-bar{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin-bottom:3rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:2rem;font-weight:700;color:#2d3748;line-height:1.2}.stat-label{font-size:.95rem;color:#718096}.star-container{color:#f6ad55;font-size:1.25rem;letter-spacing:.1em}.star-icon{display:inline}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}.testimonial-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 15px #8b5fc626;border:1px solid #e2e8f0;text-align:left;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #8b5fc640}.testimonial-header{display:flex;align-items:center;margin-bottom:1rem}.testimonial-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.testimonial-quote{color:#4a5568;line-height:1.6;font-size:1rem;margin-bottom:1.5rem}.testimonial-attribution{display:flex;flex-direction:column;gap:.2rem}.testimonial-name{font-weight:600;color:#2d3748;font-size:.95rem}.testimonial-role{color:#718096;font-size:.875rem}@media (max-width: 768px){.social-proof-section{padding:3rem 1.5rem}.social-proof-heading{font-size:2rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.stats-bar{gap:2rem}}@media (max-width: 480px){.social-proof-section{padding:2rem 1rem}.social-proof-heading,.stat-value{font-size:1.75rem}.testimonial-card{padding:2rem 1.5rem}.stats-bar{flex-direction:column;gap:1.5rem}}.app-content{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.hero-section{text-align:center;padding:4rem 0;background:linear-gradient(135deg,#06f,#8b5fc6);color:#fff;border-radius:12px;margin-bottom:3rem}.hero-section h1{font-size:3rem;margin:0 0 1rem;font-weight:700;letter-spacing:-1px}.hero-description{font-size:1.2rem;margin:0 0 2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:150px}.btn-primary{background-color:#fff;color:#06f}.btn-primary:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background-color:#fff;color:#06f;transform:translateY(-2px)}.btn-outline{background-color:#fff;color:#334155;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0f172a0d}.btn-outline:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;color:#0f172a;transform:translateY(-1px)}.btn-sm{padding:.45rem .95rem;font-size:.875rem;min-width:auto;border-radius:8px}.page-header{max-width:1200px;margin:0 auto 2rem;padding:0}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem}.title-section h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:800;color:#0f172a;line-height:1.2}.title-section .page-description{margin:0;font-size:1rem;color:#64748b;line-height:1.5}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.875rem;margin-top:.75rem;color:#64748b}.breadcrumb-item{color:#64748b;text-decoration:none;transition:color .15s ease}.breadcrumb-item.clickable{color:#2563eb;font-weight:500;text-decoration:none}.breadcrumb-item.clickable:hover{color:#1d4ed8;text-decoration:underline}.breadcrumb-item.active{color:#334155;font-weight:500}.breadcrumb-separator{color:#94a3b8;-webkit-user-select:none;user-select:none}.features-section{padding:2rem 0}.features-section h2{text-align:center;font-size:2.5rem;margin:0 0 3rem;color:#1f2937;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.feature-card h3{font-size:1.25rem;margin:0 0 1rem;color:#1f2937;font-weight:600}.feature-card p{color:#6b7280;margin:0;line-height:1.6}@media (max-width: 768px){.hero-section{padding:3rem 1rem}.hero-section h1{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px}.features-section h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}