#app{display:flex;flex-direction:column;min-height:100vh;align-items:center;font-family:Arial,sans-serif;background-color:#f9f9f9}@media (max-width:600px){nav{flex-direction:column;align-items:center;gap:10px}nav a{width:90%;text-align:center;padding:12px;font-size:1.1rem}.mermaid-graph svg{transform:translateX(100px) scale(.9);transform-origin:top left}}.test-engineer-header{font-family:Courier New,Courier,monospace;font-size:3rem;font-weight:700;text-align:center;text-transform:uppercase;color:#1a73e8;letter-spacing:2px;text-shadow:1px 1px 2px #00000050;background:linear-gradient(90deg,#1a73e8,#42b983);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:20px 0;margin:0;border-bottom:2px solid #ccc}h1{color:red}h1,h2{margin:20px 0}h2{color:#1a73e8;text-align:center}input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}nav{display:flex;justify-content:center;gap:20px;margin-top:20px}nav a{text-decoration:none;padding:10px 20px;border-radius:10px;font-size:1rem;font-family:Courier New,Courier,monospace;background:linear-gradient(90deg,#1a73e8,#42b983);color:#fff;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px rgba(0,0,0,.1)}nav a:hover{transform:scale(1.1);box-shadow:0 6px 10px rgba(0,0,0,.2)}.hero-content{max-width:800px;padding:20px;border-radius:15px;backdrop-filter:blur(10px)}.hero p{font-size:1.2rem;margin-bottom:30px;line-height:1.6;max-width:600px}.social-buttons{gap:20px;padding:10px}.social-buttons,.social-link{display:flex;justify-content:center}.social-link{font-size:2rem;color:#fff;width:50px;height:50px;align-items:center;border-radius:50%;transition:all .3s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.2);text-decoration:none}.social-link.linkedin{background-color:#0077b5}.social-link.linkedin:hover{background-color:#005983;transform:scale(1.1)}.social-link.youtube{background-color:red}.social-link.youtube:hover{background-color:#c00;transform:scale(1.1)}.social-link.tiktok{background-color:#000}.social-link.tiktok:hover{background-color:#333;transform:scale(1.1)}.courses{padding:20px;background-color:#fff}.courses h2{text-align:center;font-size:2rem;margin-bottom:20px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0 10px}.course-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.course-image{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.course-content{padding:15px}.course-content h3{font-size:1.5rem;margin-bottom:10px}.course-content p{font-size:1rem;margin-bottom:15px;color:#555}.course-link{color:#007bff;text-decoration:none;font-weight:700}.course-link:hover{text-decoration:underline}router-view{flex:1}.quote-block{text-align:center;padding:0;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:500;line-height:1.6}.quote-block strong{font-weight:700;color:#1a73e8}.quote-box{border:2px solid #ccc;border-radius:15px;padding:0;max-width:700px;box-shadow:0 4px 10px rgba(219,83,83,.05)}.article-container,.quote-box{margin:40px auto;background-color:#fff}.article-container{max-width:800px;width:100%;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.page-title{font-family:Courier New,Courier,monospace;font-size:2.2rem;font-weight:700;text-align:center;text-transform:uppercase;color:#1a73e8;letter-spacing:2px;text-shadow:1px 1px 2px #00000050;background:linear-gradient(90deg,#1a73e8,#42b983);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:20px 0;margin:0;border-bottom:2px solid #ccc}:root{color-scheme:light}.scrollable-container{max-height:80vh;overflow-y:auto;padding-right:1rem}.logo{max-width:300px;height:auto;background-color:transparent}.scroll-wrapper{margin:20px auto;padding:15px;max-width:600px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border:1px solid #ddd}.subscription-form{max-width:400px;margin:0 auto;padding:2rem;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);text-align:center}.subscription-form h3{margin-bottom:1.5rem;font-size:1.4rem;color:#333}.form-group{margin-bottom:1.2rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#444}.form-group input{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#3b82f6}.submit-btn{padding:.8rem 1.6rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#2563eb}.form-group textarea{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;resize:vertical;transition:border-color .2s}.form-group textarea:focus{border-color:#3b82f6}.footer{background-color:#333;color:#fff;text-align:center;padding:10px 0;position:fixed;bottom:0;width:100%;font-size:.9rem}.input-group[data-v-875890d8]{margin-bottom:20px}.input-group label[data-v-875890d8]{display:block;font-weight:700;margin-bottom:6px}.input-group input[data-v-875890d8]{padding:8px;font-size:16px;border-radius:6px;border:1px solid #ccc;width:100%;max-width:400px}.input-group button[data-v-875890d8]{margin-top:5px;padding:6px 12px;font-size:.9rem;background:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer}.checkbox-group[data-v-29665ebc]{margin-bottom:20px;font-size:1rem}.checkbox-group label[data-v-29665ebc]{display:flex;align-items:center;gap:8px;font-weight:700}.checkbox-group p[data-v-29665ebc]{margin:5px 0 0 26px;font-size:.95rem;color:#333}.button-group[data-v-3e2868c2]{margin-bottom:20px}.button-group label[data-v-3e2868c2]{display:block;font-weight:700;margin-bottom:6px}.button-group button[data-v-3e2868c2]{padding:10px 20px;font-size:16px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.button-group button[data-v-3e2868c2]:hover:not(:disabled){background-color:#125ab3}.button-group button[data-v-3e2868c2]:disabled{background-color:#ccc;cursor:not-allowed}.radio-group[data-v-71894585]{margin-bottom:25px}.radio-group label[data-v-71894585]{display:block;margin:6px 0;font-size:1rem}.radio-group strong[data-v-71894585]{font-size:1.1rem}select[data-v-13a3b0fa]{width:200px;padding:10px;font-size:1rem}.switch[data-v-78fbff00]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-78fbff00]{opacity:0;width:0;height:0}.slider[data-v-78fbff00]{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;top:0;left:0;right:0;bottom:0;transition:.4s}.slider[data-v-78fbff00]:before{content:"";height:26px;width:26px;background-color:#fff;border-radius:50%;position:absolute;left:4px;bottom:4px;transition:.4s}input:checked+.slider[data-v-78fbff00]{background-color:#42b983}input:checked+.slider[data-v-78fbff00]:before{transform:translateX(26px)}.calendar[data-v-88c50114]{width:100%;max-width:300px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calendar-header[data-v-88c50114]{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.calendar-grid[data-v-88c50114]{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-name[data-v-88c50114],.calendar-day[data-v-88c50114]{padding:8px;border:1px solid #ddd;border-radius:4px}.calendar-day[data-v-88c50114]:hover{background-color:#f1f1f1;cursor:pointer}.calendar-day.selected[data-v-88c50114]{background-color:#42b983;color:#fff}.empty[data-v-88c50114]{visibility:hidden}.modal-overlay[data-v-3295ad27]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content[data-v-3295ad27]{background:#fff;padding:20px;border-radius:10px;max-width:400px;text-align:center}table[data-v-707e4a17]{width:100%;border-collapse:collapse;margin-top:1rem}td[data-v-707e4a17],th[data-v-707e4a17]{padding:12px;border:1px solid #ddd;text-align:left}th[data-v-707e4a17]{cursor:pointer;background-color:#f4f4f4}.progress-container[data-v-a9531510]{width:100%;background:#eee;height:20px;border-radius:10px;overflow:hidden;margin:10px 0;position:relative}.progress-bar[data-v-a9531510]{height:100%;background:#42b983;transition:width .3s ease-in-out}.indeterminate-bar[data-v-a9531510]{position:absolute;height:100%;width:40%;background:linear-gradient(90deg,#1a73e8,#42b983);animation:indeterminateMove-a9531510 1.2s ease-in-out infinite;border-radius:10px}@keyframes indeterminateMove-a9531510{0%{left:-40%}50%{left:30%}to{left:100%}}.tooltip-container[data-v-1f1b6b52]{position:relative;display:inline-block;cursor:pointer;margin-top:20px}.tooltip-text[data-v-1f1b6b52]{visibility:hidden;width:180px;background-color:#1a73e8;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text[data-v-1f1b6b52]{visibility:visible;opacity:1}.tabs button[data-v-1318528a]{padding:10px 20px;border:none;background:#eee;cursor:pointer;margin-right:10px;border-radius:5px}.tabs button.active[data-v-1318528a]{background:#42b983;color:#fff}.tab-content[data-v-1318528a]{margin-top:20px;padding:10px;border:1px solid #ddd;border-radius:10px}.accordion-item[data-v-69f9ab6e]{border:1px solid #ddd;border-radius:8px;margin-bottom:10px}.accordion-header[data-v-69f9ab6e]{padding:12px;background-color:#f1f1f1;cursor:pointer;font-weight:700}.accordion-body[data-v-69f9ab6e]{padding:12px;background:#fff}.toast[data-v-319b63a6]{position:fixed;bottom:20px;right:20px;background:#42b983;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:999}.draggable[data-v-7ecfdfc2]{width:150px;padding:12px;background-color:#1a73e8;color:#fff;border-radius:8px;text-align:center;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:20px}.dropzone[data-v-7ecfdfc2]{width:300px;height:120px;border:2px dashed #aaa;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem;background-color:#f9f9f9}.suggestions[data-v-cd000d70]{list-style:none;border:1px solid #ccc;max-width:300px;padding:0;margin:8px 0;border-radius:4px;background:#fff}.suggestions li[data-v-cd000d70]{padding:8px;cursor:pointer}.suggestions li[data-v-cd000d70]:hover{background-color:#f0f0f0}.tag-input-container[data-v-1e63ec28]{display:flex;flex-wrap:wrap;align-items:center;padding:6px;border:1px solid #ccc;border-radius:6px;min-height:44px;max-width:500px;background:#fff;cursor:text}.tag-input-container input[data-v-1e63ec28]{flex:1;border:none;font-size:1rem;padding:6px;min-width:100px;outline:none}.tag[data-v-1e63ec28]{background-color:#1a73e8;color:#fff;border-radius:16px;padding:4px 10px;margin:4px;display:flex;align-items:center;font-size:.95rem}.remove[data-v-1e63ec28]{margin-left:8px;cursor:pointer;font-weight:700}.sortable-list[data-v-5ff3665a]{list-style:none;padding:0;max-width:400px}.sortable-item[data-v-5ff3665a]{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:#f9f9f9;border:1px solid #ccc;border-radius:8px;cursor:grab;transition:background .2s ease}.sortable-item[data-v-5ff3665a]:hover{background:#f1f1f1}.handle[data-v-5ff3665a]{cursor:grab;font-size:1.2rem}.name-cell[data-v-82427590]{display:flex;align-items:center;gap:6px}.toggle[data-v-82427590]{cursor:pointer;font-size:14px;width:16px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-table[data-v-bc7b6486]{width:100%;border-collapse:collapse}.tree-table td[data-v-bc7b6486],.tree-table th[data-v-bc7b6486]{border:1px solid #ccc;padding:8px;text-align:left}.tree-table td.name-cell[data-v-bc7b6486]{display:flex;align-items:center;gap:5px}.login-form[data-v-d76d458c]{max-width:400px;margin:0 auto}h2[data-v-d76d458c]{text-align:center;color:#1a73e8;margin-bottom:1rem}.form-group[data-v-d76d458c]{margin-bottom:1.2rem}input[type=email][data-v-d76d458c],input[type=password][data-v-d76d458c]{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}button[data-v-d76d458c]{width:100%;padding:10px;font-size:1rem;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer}button[data-v-d76d458c]:hover{background:#155ec0}.checkbox-group[data-v-d76d458c]{display:flex;align-items:center;gap:8px}.error-msg[data-v-d76d458c]{color:red;margin-top:1rem;font-weight:700}.success-msg[data-v-d76d458c]{color:green;margin-top:1rem;font-weight:700}.badge-demo[data-v-0f31d08a]{max-width:400px;margin:0 auto;text-align:center}.badge-row[data-v-0f31d08a]{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.badge[data-v-0f31d08a]{padding:4px 8px;font-size:.8rem;background-color:#ccc;border-radius:12px;color:#fff;font-weight:500;display:inline-block}.badge.success[data-v-0f31d08a]{background-color:#28a745}.badge.warning[data-v-0f31d08a]{background-color:#ffc107;color:#000}.badge.danger[data-v-0f31d08a]{background-color:#dc3545}.with-badge[data-v-0f31d08a]{position:relative;padding:10px 16px;font-size:1rem;margin:10px;border:1px solid #ccc;background:#fff;border-radius:8px;cursor:pointer}.badge.bubble[data-v-0f31d08a]{position:absolute;top:-5px;right:-5px;font-size:.7rem;padding:2px 6px;border-radius:50%;background-color:#1a73e8;color:#fff}.picklist-container[data-v-15f56d92]{max-width:700px;margin:auto;text-align:center}.lists[data-v-15f56d92]{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:1rem}.list-box[data-v-15f56d92]{flex:1;border:1px solid #ccc;border-radius:6px;padding:10px}.list-box ul[data-v-15f56d92]{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.list-box li[data-v-15f56d92]{padding:6px;cursor:pointer;border-radius:4px}.list-box li[data-v-15f56d92]:hover{background-color:#f1f1f1}.selected[data-v-15f56d92]{background-color:#1a73e8;color:#fff}.controls[data-v-15f56d92]{display:flex;flex-direction:column;gap:10px}.controls button[data-v-15f56d92]{padding:8px 12px;font-size:1rem;cursor:pointer}.message-demo[data-v-bc9baafa]{max-width:600px;margin:auto;text-align:center}.message[data-v-bc9baafa]{position:relative;padding:12px 16px;border-radius:6px;margin-bottom:12px;font-size:1rem;font-family:sans-serif;text-align:left;border-left:6px solid;transition:all .3s ease}.message.info[data-v-bc9baafa]{background-color:#e9f4ff;border-color:#1a73e8;color:#1a73e8}.message.success[data-v-bc9baafa]{background-color:#e6f9ed;border-color:#28a745;color:#28a745}.message.warning[data-v-bc9baafa]{background-color:#fff8e1;border-color:#ffc107;color:#856404}.message.error[data-v-bc9baafa]{background-color:#fcebea;border-color:#dc3545;color:#dc3545}.close-btn[data-v-bc9baafa]{position:absolute;right:10px;top:10px;border:none;background:transparent;font-size:18px;color:inherit;cursor:pointer;line-height:1}.feedback-form[data-v-c9141026]{max-width:500px;margin:0 auto}h2[data-v-c9141026]{text-align:center;color:#1a73e8;margin-bottom:1rem}.form-group[data-v-c9141026]{margin-bottom:1.2rem}input[type=email][data-v-c9141026],input[type=text][data-v-c9141026],select[data-v-c9141026],textarea[data-v-c9141026]{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.checkbox-group[data-v-c9141026]{display:flex;align-items:center;gap:8px}button[data-v-c9141026]{width:100%;padding:10px;font-size:1rem;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer}button[data-v-c9141026]:hover{background:#155ec0}.success-msg[data-v-c9141026]{color:green;margin-top:1rem;font-weight:700;text-align:center}.test-playground-container[data-v-b31aeb7e]{width:100%;max-width:1200px;margin:0 auto;padding:0;display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.page-layout[data-v-b31aeb7e]{display:flex;flex:1;width:100%;min-width:100%;box-sizing:border-box;overflow:hidden}.sidebar[data-v-b31aeb7e]{width:220px;min-width:220px;background-color:#f1f1f1;padding:1rem;box-sizing:border-box;overflow-y:auto;max-height:100vh}.sidebar ul[data-v-b31aeb7e]{list-style:none;padding:0;margin-bottom:1.2rem}.group-title[data-v-b31aeb7e]{font-weight:700;font-size:.95rem;padding:8px 10px;color:#444;background:#e0e0e0;border-radius:6px;margin-bottom:5px}.sidebar li[data-v-b31aeb7e]{padding:10px;cursor:pointer;font-family:Courier New,monospace;transition:background-color .2s;border-radius:8px}.sidebar li.active[data-v-b31aeb7e],.sidebar li[data-v-b31aeb7e]:hover{background:linear-gradient(90deg,#1a73e8,#42b983);color:#fff}.element-preview[data-v-b31aeb7e]{flex:1;padding:2rem;box-sizing:border-box;min-width:0;overflow-x:auto;overflow-y:auto;max-height:100vh}.element-preview h2[data-v-b31aeb7e]{font-size:2rem;font-weight:700;color:#1a73e8;text-align:center;margin-bottom:1rem;word-break:break-word}.mermaid-wrapper[data-v-4961a726]{width:100%;overflow-x:auto;overflow-y:auto;padding:1rem;box-sizing:border-box;background:#fff;border:1px solid #ccc}.mermaid-graph[data-v-4961a726]{display:inline-block;min-width:unset}.mermaid-graph svg[data-v-4961a726]{transform:scale(1.2);transform-origin:top left}.mermaid-graph svg text[data-v-4961a726]{font-size:22px!important;font-family:Segoe UI,sans-serif;font-weight:600;fill:#000}.mermaid-graph svg rect[data-v-4961a726]{rx:8;ry:8;padding:10px}.container[data-v-cd86380a]{font-family:Arial,sans-serif;background:linear-gradient(135deg,#f6d365,#fda085);text-align:center;padding:50px;color:#333}.countdown[data-v-cd86380a]{font-size:2em;margin-bottom:20px}.quote[data-v-cd86380a]{font-size:1.5em;background:#fff;padding:20px;border-radius:10px;display:inline-block;max-width:500px}