@charset "UTF-8";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .8);--footer-bg: #f8fafc;--input-bg: #ffffff;--code-bg: #f1f5f9;--code-text: #1e293b;--border-color: #e2e8f0;--border-hover: #cbd5e1;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #0ea5e9;--hover-bg: rgba(241, 245, 249, .8);--focus-ring: rgba(59, 130, 246, .2)}[data-theme=dark],.dark-theme,body.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--card-bg: #1e293b;--nav-bg: rgba(15, 23, 42, .9);--footer-bg: #1e293b;--input-bg: #1e293b;--code-bg: #0f172a;--code-text: #e2e8f0;--border-color: #334155;--border-hover: #475569;--hover-bg: rgba(51, 65, 85, .8);--focus-ring: rgba(59, 130, 246, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;color:var(--text-primary);background:var(--bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;transition:background-color .25s ease-in-out,color .25s ease-in-out}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25;margin:0}h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.25;color:var(--text-primary);margin:0 0 1.5rem}@media (min-width: 768px){h1{font-size:3rem}}h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 1rem}@media (min-width: 768px){h2{font-size:1.875rem}}h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 .75rem}@media (min-width: 768px){h3{font-size:1.5rem}}h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;color:var(--text-primary);margin:0 0 .75rem}p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;color:var(--text-secondary);margin:0 0 1rem}small{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted)}strong,b{font-weight:600}em,i{font-style:italic}a{color:#3b82f6;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#4f46e5;text-decoration:underline}a:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.375rem}ul,ol{color:var(--text-secondary);margin:0 0 1rem;padding-left:1.5rem}ul li,ol li{margin:.25rem 0;line-height:1.625}code{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.375rem;padding:.25rem .5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:var(--code-text)}pre{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto;margin:1rem 0}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}pre::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:#00000080}pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}button:focus{outline:2px solid #3b82f6;outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}::selection{background:#3b82f633;color:var(--text-primary)}::-moz-selection{background:#3b82f633;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:focus{outline:2px solid #3b82f6;outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clearfix:after{content:"";display:table;clear:both}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-card{background:var(--card-bg)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded{border-radius:.5rem}.rounded-sm{border-radius:.375rem}.rounded-md{border-radius:.75rem}.rounded-lg{border-radius:1rem}.rounded-xl{border-radius:1.5rem}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-modal{z-index:1050}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:.5rem 1rem;font-size:.75rem}.btn--lg{padding:1rem 2rem;font-size:1rem}.btn--xl{padding:1.25rem 2.5rem;font-size:1.125rem}.btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 1px 2px #0000000d}.btn--primary:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#3b82f6e6,#4f46e5e6)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn--secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:transparent;border-color:currentColor;background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}.btn--secondary:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary:hover:not(:disabled){background:#3b82f61a;transform:translateY(-1px)}.btn--secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-hover)}.btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:transparent;color:var(--text-secondary)}.btn--ghost:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn--ghost:disabled{opacity:.5;cursor:not-allowed}.btn--ghost:hover:not(:disabled){background:#3b82f61a}.btn--ghost:hover:not(:disabled){color:var(--text-primary)}.btn--success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 1px 2px #0000000d;background:linear-gradient(135deg,#059669,#10b981)}.btn--success:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn--success:disabled{opacity:.5;cursor:not-allowed}.btn--success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#3b82f6e6,#4f46e5e6)}.btn--success:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn--success:hover:not(:disabled){background:linear-gradient(135deg,#059669e6,#10b981e6)}.btn--warning{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 1px 2px #0000000d;background:linear-gradient(135deg,#d97706,#f59e0b)}.btn--warning:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn--warning:disabled{opacity:.5;cursor:not-allowed}.btn--warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#3b82f6e6,#4f46e5e6)}.btn--warning:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn--warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706e6,#f59e0be6)}.btn--error{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 1px 2px #0000000d;background:linear-gradient(135deg,#dc2626,#ef4444)}.btn--error:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn--error:disabled{opacity:.5;cursor:not-allowed}.btn--error:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#3b82f6e6,#4f46e5e6)}.btn--error:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn--error:hover:not(:disabled){background:linear-gradient(135deg,#dc2626e6,#ef4444e6)}.btn--with-icon svg{width:1em;height:1em;flex-shrink:0}.btn--icon-only{padding:.75rem}.btn--icon-only.btn--sm{padding:.5rem}.btn--icon-only.btn--lg{padding:1rem}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-group{display:inline-flex;border-radius:.5rem;overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.btn-group .btn:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-right-width:1px}.btn-group .btn:hover{z-index:1}.btn-group .btn:focus{z-index:2}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:transparent;position:fixed;top:1.5rem;right:1.5rem;z-index:1030;padding:.75rem;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:var(--text-primary)}.theme-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.theme-toggle:disabled{opacity:.5;cursor:not-allowed}.theme-toggle:hover:not(:disabled){background:#3b82f61a}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:var(--text-primary)}[data-theme=dark] .theme-toggle svg{color:#0f172a}@media (max-width: 767px){.theme-toggle{top:1rem;right:1rem;padding:.5rem}}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:transparent;position:absolute;top:.5rem;right:.5rem;padding:.5rem;opacity:0;transition:opacity .25s ease-in-out}.copy-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.copy-btn:hover:not(:disabled){background:#3b82f61a}.code-block:hover .copy-btn{opacity:1}.copy-btn--copied{color:#059669}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1.5rem}.card--sm{padding:1rem}.card--lg{padding:2rem}.card--xl{padding:2.5rem}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--border-hover)}.card--accent-blue{border-left:4px solid #3b82f6}.card--accent-success{border-left:4px solid #059669}.card--accent-warning{border-left:4px solid #d97706}.card--accent-error{border-left:4px solid #dc2626}.card--gradient-blue{background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border-color:#3b82f633}.card--gradient-success{background:linear-gradient(135deg,#0596691a,#10b9810d);border-color:#05966933}.tech-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;cursor:pointer;text-align:center;padding:2rem;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none!important;color:inherit;position:relative;overflow:hidden}.tech-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--border-hover)}.tech-card:hover,.tech-card:hover *{text-decoration:none!important}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f605,#4f46e503);opacity:0;transition:opacity .25s ease-in-out}.tech-card:hover:before{opacity:1}.tech-card__icon{width:80px;height:80px;margin-bottom:1.5rem;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:32px;color:#3b82f6;transition:all .25s ease-in-out}.tech-card__icon svg{width:32px;height:32px}.tech-card__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 .75rem}@media (min-width: 768px){.tech-card__title{font-size:1.5rem}}.tech-card__title{margin-bottom:.75rem;color:var(--text-primary)}.tech-card__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;color:var(--text-secondary);margin:0 0 1rem}.tech-card__description{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6;max-width:280px}.tech-card:hover .tech-card__icon{transform:scale(1.1);background:linear-gradient(135deg,#3b82f633,#4f46e51a)}.tech-card__commands-preview{width:100%;margin-bottom:1.5rem;padding:.75rem;background:var(--code-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.tech-card__commands-preview:hover{border-color:#3b82f633;background:var(--bg-secondary)}.tech-card .commands-preview__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.tech-card .commands-preview__header svg{color:#3b82f6;flex-shrink:0}.tech-card .commands-preview__list{display:flex;flex-direction:column;gap:.25rem}.tech-card .command-preview{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;line-height:1.4}.tech-card .command-preview__prompt{color:#3b82f6;font-weight:700;flex-shrink:0}.tech-card .command-preview__text{color:var(--text-secondary);opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-card .command-preview__more{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;padding-top:.25rem;border-top:1px solid rgba(var(--border-color),.3);margin-top:.25rem}.tech-card .deployment__commands{width:100%;margin-bottom:1.5rem}.tech-card .deployment__commands h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;font-size:.875rem;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.tech-card .deployment__commands .copy-command-box{margin-bottom:.5rem;font-size:.75rem}.tech-card .deployment__commands .copy-command-box .command-content{padding:.75rem 1rem}.tech-card .deployment__commands .copy-command-box:last-child{margin-bottom:0}.tech-card__features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.tech-card__feature{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#3b82f61a;color:var(--text-secondary);border-radius:1.5rem;font-size:.75rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}.tech-card__feature svg{color:#059669;flex-shrink:0}.tech-card__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.tech-card--docker .tech-card__icon{background:linear-gradient(135deg,#2496ed1a,#2496ed0d);color:#2496ed}.tech-card--docker:hover .tech-card__icon{background:linear-gradient(135deg,#2496ed33,#2496ed1a)}.tech-card--docker .tech-card__feature{background:#2496ed1a;border-color:#2496ed33}.tech-card--docker-compose .tech-card__icon{background:linear-gradient(135deg,#1e88e51a,#1e88e50d);color:#1e88e5}.tech-card--docker-compose:hover .tech-card__icon{background:linear-gradient(135deg,#1e88e533,#1e88e51a)}.tech-card--docker-compose .tech-card__feature{background:#1e88e51a;border-color:#1e88e533}.tech-card--kubernetes .tech-card__icon{background:linear-gradient(135deg,#326ce51a,#326ce50d);color:#326ce5}.tech-card--kubernetes:hover .tech-card__icon{background:linear-gradient(135deg,#326ce533,#326ce51a)}.tech-card--kubernetes .tech-card__feature{background:#326ce51a;border-color:#326ce533}.tech-card--jenkins .tech-card__icon{background:linear-gradient(135deg,#d338331a,#d338330d);color:#d33833}.tech-card--jenkins:hover .tech-card__icon{background:linear-gradient(135deg,#d3383333,#d338331a)}.tech-card--jenkins .tech-card__feature{background:#d338331a;border-color:#d3383333}.tech-card--helm .tech-card__icon{background:linear-gradient(135deg,#0f16891a,#0f16890d);color:#0f1689}.tech-card--helm:hover .tech-card__icon{background:linear-gradient(135deg,#0f168933,#0f16891a)}.tech-card--helm .tech-card__feature{background:#0f16891a;border-color:#0f168933}.tech-card--kustomize .tech-card__icon{background:linear-gradient(135deg,#326ce51a,#4f46e50d);color:#4f46e5}.tech-card--kustomize:hover .tech-card__icon{background:linear-gradient(135deg,#326ce533,#4f46e51a)}.tech-card--kustomize .tech-card__feature{background:#4f46e51a;border-color:#4f46e533}.tutorial-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.tutorial-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--border-hover)}.tutorial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#4f46e5);opacity:0;transition:opacity .25s ease-in-out}.tutorial-card:hover:before{opacity:1}.tutorial-card__header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.tutorial-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#4f46e51a);border-radius:1rem;color:#3b82f6;flex-shrink:0}.tutorial-card__meta{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.tutorial-card__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.tutorial-card__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);color:#3b82f6;font-weight:500;margin-bottom:.75rem}.tutorial-card__long-description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.tutorial-card__meta-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#3b82f60d,#4f46e505);border-radius:.75rem;border:1px solid rgba(59,130,246,.1)}.tutorial-card__meta-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.tutorial-card__meta-item svg{color:#3b82f6;flex-shrink:0;width:14px;height:14px}.tutorial-card__meta-item span{font-weight:500;line-height:1.4}.tutorial-card__level-badge{display:flex;align-items:center}.tutorial-card__level-badge .badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .25s ease-in-out}.tutorial-card__level-badge .badge svg{width:10px;height:10px}.tutorial-card__level-badge .badge--beginner{background:linear-gradient(135deg,#05966926,#10b9811a);color:#059669;border:1px solid rgba(5,150,105,.2)}.tutorial-card__level-badge .badge--beginner:hover{background:linear-gradient(135deg,#05966933,#10b98126);transform:translateY(-1px)}.tutorial-card__level-badge .badge--intermediate{background:linear-gradient(135deg,#d9770626,#f59e0b1a);color:#d97706;border:1px solid rgba(217,119,6,.2)}.tutorial-card__level-badge .badge--intermediate:hover{background:linear-gradient(135deg,#d9770633,#f59e0b26);transform:translateY(-1px)}.tutorial-card__level-badge .badge--advanced{background:linear-gradient(135deg,#dc262626,#ef44441a);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.tutorial-card__level-badge .badge--advanced:hover{background:linear-gradient(135deg,#dc262633,#ef444426);transform:translateY(-1px)}.tutorial-card__duration{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.tutorial-card__content{flex:1;margin-bottom:1rem}.tutorial-card__topics h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary);font-size:.875rem;font-weight:600}.tutorial-card__topics ul{list-style:none;padding:0;margin:0}.tutorial-card__topics ul li{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.tutorial-card__topics ul li svg{color:#059669;flex-shrink:0;margin-top:2px}.tutorial-card__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.tutorial-card__footer .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .25s ease-in-out}.tutorial-card__footer .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.tutorial-card__badge{padding:.25rem .75rem;background:#3b82f61a;color:#3b82f6;border-radius:1.5rem;font-size:.75rem;font-weight:500}.tutorial-card__arrow{color:var(--text-muted);transition:transform .25s ease-in-out}.tutorial-card:hover .tutorial-card__arrow{transform:translate(4px)}.status-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1rem;display:flex;align-items:center;justify-content:space-between}.status-card__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);font-weight:500;margin:0}.status-card__value{font-weight:600;color:var(--text-primary)}.status-card__icon{margin-right:.5rem;color:var(--text-muted)}.status-card--success{border-color:#0596694d;background:#0596690d}.status-card--success .status-card__icon{color:#059669}.status-card--warning{border-color:#d977064d;background:#d977060d}.status-card--warning .status-card__icon{color:#d97706}.status-card--error{border-color:#dc26264d;background:#dc26260d}.status-card--error .status-card__icon{color:#dc2626}.header{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1020}.header__container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.header__container{padding:0 1.5rem}}@media (min-width: 1024px){.header__container{padding:0 2rem}}@media (max-width: 767px){.header__container{flex-direction:column;gap:.75rem}}.header__brand{display:flex;flex-direction:column;gap:.25rem}.header__brand h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 .75rem}@media (min-width: 768px){.header__brand h1{font-size:1.5rem}}.header__brand h1{margin:0;background:linear-gradient(135deg,#3b82f6,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.header__brand p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin:0;opacity:.8}.header__actions{display:flex;align-items:center;gap:1rem}@media (max-width: 767px){.header__actions{flex-wrap:wrap;justify-content:center}}.header__tech-tabs{display:flex;gap:.5rem}@media (max-width: 767px){.header__tech-tabs{flex-wrap:wrap;justify-content:center}}.nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 767px){.nav-tabs{justify-content:center}}.nav-tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1.25;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;background:transparent;border-color:currentColor;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;color:var(--text-secondary);transition:all .25s ease-in-out}.nav-tab:focus{outline:2px solid #3b82f6;outline-offset:2px}.nav-tab:disabled{opacity:.5;cursor:not-allowed}.nav-tab:hover:not(:disabled){background:#3b82f61a;transform:translateY(-1px)}.nav-tab:hover{color:var(--text-primary);text-decoration:none;transform:translateY(-1px)}.nav-tab--active{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-color:transparent}.nav-tab--active:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.nav-tab__icon{margin-right:.5rem;width:16px;height:16px;flex-shrink:0}.deployment-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);margin-bottom:2rem}.deployment-nav .header__container{max-width:1136px;padding:1rem 0}.deployment-nav .nav-tabs{gap:.75rem}@media (max-width: 767px){.deployment-nav .nav-tabs{gap:.5rem}}.deployment-nav .nav-tab{border-radius:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden}.deployment-nav .nav-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f60d,#4f46e50d);opacity:0;transition:opacity .25s ease-in-out}.deployment-nav .nav-tab:first-child{background:var(--hover-bg);border-color:var(--border-hover)}.deployment-nav .nav-tab:first-child:hover{background:#cbd5e133;transform:translateY(-1px)}.deployment-nav .nav-tab:not(:first-child){background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.deployment-nav .nav-tab:not(:first-child):hover{background:#3b82f626;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.deployment-nav .nav-tab:not(:first-child):hover:before{opacity:1}.deployment-nav .nav-tab:not(:first-child).nav-tab--active{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.deployment-nav .nav-tab:not(:first-child).nav-tab--active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.main-nav{margin-bottom:2rem}.main-nav__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}@media (max-width: 767px){.main-nav__tabs{grid-template-columns:1fr;gap:.75rem}}.main-nav__tab{display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;transition:all .25s ease-in-out;min-height:60px}.main-nav__tab:focus{outline:2px solid #3b82f6;outline-offset:2px}.main-nav__tab:disabled{opacity:.5;cursor:not-allowed}.main-nav__tab:hover{color:var(--text-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--border-hover)}.main-nav__tab--active{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.main-nav__tab--active:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.main-nav__tab__icon{width:20px;height:20px;flex-shrink:0}.main-nav__tab__text{font-weight:500;font-size:1rem}.breadcrumb{margin-bottom:1.5rem}.breadcrumb__list{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:.5rem;margin:0}.breadcrumb__item:not(:last-child):after{content:"/";color:var(--text-muted);font-weight:400}.breadcrumb__link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);text-decoration:none;transition:color .15s ease-in-out;margin:0}.breadcrumb__link:hover{color:var(--text-primary);text-decoration:underline}.breadcrumb__link--current{color:var(--text-primary);font-weight:500;cursor:default}.breadcrumb__link--current:hover{text-decoration:none}.footer{background:var(--footer-bg);border-top:1px solid var(--border-color);margin-top:auto;padding:2rem 0}.footer__container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;text-align:center}@media (min-width: 768px){.footer__container{padding:0 1.5rem}}@media (min-width: 1024px){.footer__container{padding:0 2rem}}.footer__content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin:0}.footer__content a{color:inherit;font-weight:500}.footer__content a:hover{color:#3b82f6}.sidebar-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.sidebar-nav__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 1rem;color:var(--text-primary)}.sidebar-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav__item{margin:0}.sidebar-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:transparent;width:100%;justify-content:flex-start;padding:.75rem 1rem;text-decoration:none;color:var(--text-secondary);border-radius:.5rem}.sidebar-nav__link:focus{outline:2px solid #3b82f6;outline-offset:2px}.sidebar-nav__link:disabled{opacity:.5;cursor:not-allowed}.sidebar-nav__link:hover:not(:disabled){background:#3b82f61a}.sidebar-nav__link:hover{color:var(--text-primary);background:var(--hover-bg);text-decoration:none}.sidebar-nav__link--active{background:#3b82f61a;color:#3b82f6}.sidebar-nav__link--active:hover{color:#3b82f6;background:#3b82f626}.sidebar-nav__icon{margin-right:.5rem;width:16px;height:16px;flex-shrink:0}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;flex:1}@media (min-width: 768px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--2xl{max-width:1536px}.container--full{max-width:none}.container--no-padding{padding:0}.grid{display:grid;gap:1.5rem}.grid--1{grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 767px){.grid--2{grid-template-columns:1fr}}.grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1023px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.grid--3{grid-template-columns:1fr}}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1279px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1023px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.grid--4{grid-template-columns:1fr}}.grid--auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.grid--auto-fit-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.grid--auto-fit-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.grid--gap-sm{gap:1rem}.grid--gap-lg{gap:2rem}.grid--gap-xl{gap:3rem}.flex{display:flex}.flex--col{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--center{display:flex;align-items:center;justify-content:center}.flex--between{display:flex;align-items:center;justify-content:space-between}.flex--start{justify-content:flex-start}.flex--end{justify-content:flex-end}.flex--items-start{align-items:flex-start}.flex--items-end{align-items:flex-end}.flex--items-center{align-items:center}.flex--gap-1{gap:.25rem}.flex--gap-2{gap:.5rem}.flex--gap-3{gap:.75rem}.flex--gap-4{gap:1rem}.flex--gap-6{gap:1.5rem}.flex--gap-8{gap:2rem}.section{margin:3rem 0}.section--sm{margin:2rem 0}.section--lg{margin:4rem 0}.section--xl{margin:5rem 0}.section__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 1rem}.section__header{text-align:center;margin-bottom:2rem}.section__header--left{text-align:left}.section__header--right{text-align:right}.section__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 1rem;background:linear-gradient(135deg,#3b82f6,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){.section__title{font-size:1.875rem}}.section__subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;color:var(--text-secondary);margin:0 0 1rem;opacity:.8;max-width:600px;margin:0 auto}.section__header--left .section__subtitle{margin:0}.section__header--right .section__subtitle{margin:0 0 0 auto}.home__hero{text-align:center;padding:3rem 0}@media (min-width: 768px){.home__hero{padding:4rem 0}}.home__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.25;color:var(--text-primary);margin:0 0 1.5rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#3b82f6,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;gap:.75rem}@media (min-width: 768px){.home__title{font-size:3rem}}.home__subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;color:var(--text-secondary);margin:0 0 1rem;font-size:1.125rem;max-width:600px;margin:0 auto 2rem;opacity:.8}.home__nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin:3rem 0}.deployment__header{text-align:center;margin-bottom:2rem}.deployment__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}@media (min-width: 768px){.deployment__title{font-size:1.875rem}}.deployment__subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;color:var(--text-secondary);margin:0 0 1rem;opacity:.8;max-width:600px;margin:0 auto}.deployment__content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0}@media (max-width: 1023px){.deployment__content{grid-template-columns:1fr;gap:1.5rem}}.deployment__main,.deployment__sidebar{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1023px){.deployment__sidebar{order:-1}}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 767px){.two-column{grid-template-columns:1fr}}.two-column--70-30{grid-template-columns:7fr 3fr}@media (max-width: 1023px){.two-column--70-30{grid-template-columns:1fr}}.two-column--60-40{grid-template-columns:6fr 4fr}@media (max-width: 1023px){.two-column--60-40{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column}.stack--1>*+*{margin-top:.25rem}.stack--2>*+*{margin-top:.5rem}.stack--3>*+*{margin-top:.75rem}.stack--4>*+*{margin-top:1rem}.stack--6>*+*{margin-top:1.5rem}.stack--8>*+*{margin-top:2rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.divider{height:1px;background:var(--border-color);border:none;margin:1.5rem 0}.divider--vertical{width:1px;height:auto;margin:0 1.5rem}.divider--dashed{background:none;border-top:1px dashed var(--border-color)}.divider--thick{height:2px}@media (min-width: 768px){.responsive__mobile-only{display:none!important}}@media (max-width: 767px){.responsive__desktop-only{display:none!important}}@media (max-width: 767px){.responsive__tablet-up{display:none!important}}.form__group{margin-bottom:1.5rem}.form__label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.form__help{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin-top:.25rem;margin-bottom:0;opacity:.7}.form__error{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);color:#dc2626;margin-top:.25rem;margin-bottom:0;display:flex;align-items:center;gap:.25rem}.form__error svg{width:14px;height:14px;flex-shrink:0}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;transition:all .25s ease-in-out}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.5;cursor:not-allowed}.input--sm{padding:.5rem .75rem;font-size:.75rem}.input--lg{padding:1rem 1.25rem;font-size:1rem}.input--error{border-color:#dc2626}.input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.input--success{border-color:#059669}.input--success:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;transition:all .25s ease-in-out;min-height:120px;resize:vertical}.textarea::placeholder{color:var(--text-muted)}.textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea:disabled{opacity:.5;cursor:not-allowed}.textarea--sm{min-height:80px;padding:.5rem .75rem;font-size:.875rem}.textarea--lg{min-height:160px;padding:1rem 1.25rem;font-size:1rem}.select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;transition:all .25s ease-in-out;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.select::placeholder{color:var(--text-muted)}.select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select:disabled{opacity:.5;cursor:not-allowed}.select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.checkbox,.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-color);background:var(--input-bg);position:relative;cursor:pointer;transition:all .15s ease-in-out}.checkbox:checked,.radio:checked{background:#3b82f6;border-color:#3b82f6}.checkbox:focus,.radio:focus{outline:2px solid #3b82f6;outline-offset:2px}.checkbox:disabled,.radio:disabled{opacity:.5;cursor:not-allowed}.checkbox{border-radius:.375rem}.checkbox:checked:after{content:"";position:absolute;top:1px;left:5px;width:6px;height:10px;border:2px solid white;border-top:0;border-left:0;transform:rotate(45deg)}.radio{border-radius:50%}.radio:checked:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:#fff;border-radius:50%}.input-group{position:relative;display:flex;align-items:center}.input-group__input{flex:1}.input-group__icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-group__icon--left{left:.75rem}.input-group__icon--right{right:.75rem}.input-group__input--with-icon-left{padding-left:40px}.input-group__input--with-icon-right{padding-right:40px}.input-group__button{position:absolute;right:.25rem;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;transition:all .25s ease-in-out;padding-left:40px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3e%3c/svg%3e");background-position:left 12px center;background-repeat:no-repeat;background-size:16px 16px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3e%3c/svg%3e")}.fieldset{border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin:1.5rem 0}.fieldset .legend{font-weight:600;color:var(--text-primary);padding:0 .75rem;background:var(--bg-primary)}.form-group--error .input,.form-group--error .textarea,.form-group--error .select{border-color:#dc2626}.form-group--error .input:focus,.form-group--error .textarea:focus,.form-group--error .select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group--error .form__label{color:#dc2626}.form-group--success .input,.form-group--success .textarea,.form-group--success .select{border-color:#059669}.form-group--success .input:focus,.form-group--success .textarea:focus,.form-group--success .select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.toggle{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:12px;cursor:pointer;transition:background-color .25s ease-in-out}.toggle__slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s ease-in-out;box-shadow:0 1px 2px #0000000d}.toggle:checked{background:#3b82f6}.toggle:checked .toggle__slider{transform:translate(20px)}.toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.toggle:disabled{opacity:.5;cursor:not-allowed}.code-block{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto;position:relative;margin:1rem 0}.code-block::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#00000080}.code-block--sm{padding:.75rem;font-size:.75rem}.code-block--lg{padding:1.5rem;font-size:1rem}.code-block .comment{color:#6b7280;font-style:italic}.code-block .keyword{color:#8b5cf6;font-weight:500}.code-block .string{color:#10b981}.code-block .number{color:#f59e0b}.code-block .operator{color:#ef4444}.code-block .function{color:#3b82f6}.code-block .variable{color:#06b6d4}.code-block .property{color:#ec4899}.code-block .tag{color:#8b5cf6}.code-block .attribute{color:#f59e0b}.code-block .value{color:#10b981}.code-inline{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.375rem;padding:.25rem .5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:var(--code-text)}.copy-command-box{position:relative;background:var(--code-bg);border:1px solid var(--border-color);border-radius:1rem;margin:0 0 .5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;color:var(--text-primary);-webkit-user-select:all;user-select:all;transition:all .25s ease-in-out;overflow:hidden;box-shadow:var(--shadow-sm)}.copy-command-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:linear-gradient(135deg,#3b82f633,#4f46e51a,#3b82f633);border-radius:inherit;mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:opacity .25s ease-in-out}.copy-command-box:hover{border-color:#3b82f666;transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--bg-secondary)}.copy-command-box:hover:before{opacity:1}.copy-command-box:hover .copy-btn{opacity:1}.copy-command-box .command-content{display:flex;align-items:center;gap:.5rem;margin:0;padding:1rem 1.25rem;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.5;position:relative;z-index:1}.copy-command-box .command-prompt{color:#3b82f6;font-weight:700;flex-shrink:0}.copy-command-box .command-text{color:var(--text-primary);flex:1}.copy-command-box__content{display:flex;align-items:center;gap:.5rem;margin:0;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.5}.copy-command-box__prefix{color:#3b82f6;-webkit-user-select:none;user-select:none;margin-right:.5rem;font-weight:500}.copy-command-box__prefix--dollar:before{content:"$ "}.copy-command-box__prefix--hash:before{content:"# "}.copy-command-box__prefix--arrow:before{content:"> "}.copy-command-box .copy-btn{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:all .25s ease-in-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem;font-size:.75rem;color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.copy-command-box .copy-btn:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:scale(1.05);box-shadow:var(--shadow-md)}.copy-command-box .copy-btn--copied{color:#059669;background:#0596691a;border-color:#0596694d;opacity:1}.copy-command-box .copy-btn svg{width:14px;height:14px}.command-with-info{display:flex;align-items:flex-start;gap:.75rem;margin:.75rem 0}.command-with-info__box{flex:1}.command-with-info__help{position:relative;flex-shrink:0;margin-top:.25rem}.command-info-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:50%;color:#3b82f6;cursor:pointer;padding:.5rem;transition:all .25s ease-in-out;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.command-info-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:scale(1.05);box-shadow:0 1px 2px #0000000d}.command-info-btn svg{width:16px;height:16px}.command-info-tooltip{position:absolute;top:0;right:100%;margin-right:.75rem;z-index:1070;max-width:320px;min-width:200px}.command-info-tooltip__content{background:#0f172a;color:#fff;padding:1rem 1.25rem;border-radius:1rem;font-size:.875rem;line-height:1.625;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}[data-theme=dark] .command-info-tooltip__content{background:#1e293b;border:1px solid rgba(59,130,246,.2)}.command-info-tooltip__content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#4f46e5);border-radius:1rem 1rem 0 0}.command-info-tooltip__arrow{position:absolute;top:15px;left:100%;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #0f172a}[data-theme=dark] .command-info-tooltip__arrow{border-left-color:#1e293b}.code-with-lines{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto;padding:0}.code-with-lines::-webkit-scrollbar{height:8px}.code-with-lines::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.code-with-lines::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.code-with-lines::-webkit-scrollbar-thumb:hover{background:#00000080}.code-with-lines__line{display:flex;align-items:flex-start}.code-with-lines__line:hover{background:rgba(var(--text-primary),.05)}.code-with-lines__line--highlighted{background:#d977061a;border-left:2px solid #d97706}.code-with-lines__line--error{background:#dc26261a;border-left:2px solid #dc2626}.code-with-lines__line--success{background:#0596691a;border-left:2px solid #059669}.code-with-lines__number{flex-shrink:0;width:40px;padding:.5rem .75rem;background:var(--bg-secondary);color:var(--text-muted);font-size:.75rem;text-align:right;border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.code-with-lines__content{flex:1;padding:.5rem .75rem;margin:0;white-space:pre;overflow-x:auto}.terminal{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto;background:#1a1a1a;color:#0f0;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.terminal::-webkit-scrollbar{height:8px}.terminal::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.terminal::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.terminal::-webkit-scrollbar-thumb:hover{background:#00000080}[data-theme=dark] .terminal{background:#000}.terminal__line{margin:0}.terminal__line--command:before{content:"$ ";color:#ff0}.terminal__line--output{color:#fff;padding-left:1rem}.terminal__line--error{color:#ff6b6b;padding-left:1rem}.terminal__line--success{color:#51cf66;padding-left:1rem}.terminal__cursor{display:inline-block;width:8px;height:1em;background:#0f0;animation:blink 1s infinite}.docker-compose{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto}.docker-compose::-webkit-scrollbar{height:8px}.docker-compose::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.docker-compose::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.docker-compose::-webkit-scrollbar-thumb:hover{background:#00000080}.docker-compose__service{margin:.5rem 0}.docker-compose__service-name{color:#8b5cf6;font-weight:600}.docker-compose__service-property{color:#3b82f6;margin-left:1rem}.docker-compose__service-value{color:#10b981}.docker-compose__service-comment{color:#6b7280;font-style:italic}.docker-compose__indent--1{margin-left:1rem}.docker-compose__indent--2{margin-left:2rem}.docker-compose__indent--3{margin-left:3rem}.docker-compose__indent--4{margin-left:4rem}.k8s-yaml{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto}.k8s-yaml::-webkit-scrollbar{height:8px}.k8s-yaml::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.k8s-yaml::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.k8s-yaml::-webkit-scrollbar-thumb:hover{background:#00000080}.k8s-yaml .apiVersion{color:#8b5cf6}.k8s-yaml .kind{color:#ef4444}.k8s-yaml .metadata{color:#3b82f6}.k8s-yaml .spec{color:#10b981}.k8s-yaml .selector{color:#f59e0b}.k8s-yaml .template{color:#06b6d4}.k8s-yaml .containers{color:#ec4899}.k8s-yaml__key{color:#3b82f6}.k8s-yaml__key:after{content:":";color:var(--text-muted)}.k8s-yaml__value,.k8s-yaml__value--string{color:#10b981}.k8s-yaml__value--string:before,.k8s-yaml__value--string:after{content:'"';color:var(--text-muted)}.k8s-yaml__value--number{color:#f59e0b}.k8s-yaml__value--boolean{color:#8b5cf6}.k8s-yaml__comment{color:#6b7280;font-style:italic}.command-output{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.625;color:var(--code-text);overflow-x:auto}.command-output::-webkit-scrollbar{height:8px}.command-output::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.command-output::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.command-output::-webkit-scrollbar-thumb:hover{background:#00000080}.command-output__header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);margin:-1rem -1rem 1rem;font-size:.75rem}.command-output__command{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:var(--text-muted)}.command-output__status{display:flex;align-items:center;gap:.25rem}.command-output__status--success{color:#059669}.command-output__status--error{color:#dc2626}.command-output__status--running{color:#d97706}.command-output__content{margin:0;white-space:pre-wrap}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes typewriter{0%{width:0}to{width:100%}}.jenkins-page{padding:1.5rem 0}@media (min-width: 768px){.jenkins-page{padding:2rem 0}}.jenkins-header{margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;gap:1.5rem;animation:slideInFromTop .35s ease-in-out ease-out}.jenkins-header__content{display:flex;align-items:center;justify-content:center;gap:1.5rem;text-align:center;width:100%}@media (min-width: 768px){.jenkins-header__content{text-align:left;justify-content:flex-start}}.jenkins-header__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:1.5rem;color:#fff;flex-shrink:0;box-shadow:0 8px 25px #3b82f64d}@media (min-width: 768px){.jenkins-header__icon{width:96px;height:96px}}.jenkins-header__text{flex:1}.jenkins-header__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.25;color:var(--text-primary);margin:0 0 .75rem;background:linear-gradient(135deg,#3b82f6,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.jenkins-header__title{font-size:3rem}}.jenkins-header__subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;margin:0;font-size:1.125rem;color:var(--text-secondary)}@media (min-width: 768px){.jenkins-header__subtitle{font-size:1.25rem}}.jenkins-section{margin-bottom:3rem;animation:slideInFromTop .35s ease-in-out ease-out}.jenkins-section:last-child{margin-bottom:0}.jenkins-section .section-header{margin-bottom:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.jenkins-section .section-header{text-align:left;flex-direction:row;align-items:center;justify-content:space-between}}.jenkins-section .section-header__content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.jenkins-section .section-header__content{flex-direction:row;align-items:center;justify-content:space-between}}.jenkins-section .section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.75rem}@media (min-width: 768px){.jenkins-section .section-title{font-size:1.875rem}}.jenkins-section .section-title svg{color:#3b82f6;flex-shrink:0}.jenkins-section .section-description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;margin:0;color:var(--text-secondary);max-width:600px}.jenkins-section .section-header-pipeline-status{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 767px){.jenkins-section .section-header-pipeline-status{flex-direction:column;gap:1rem}}.jenkins-section .section-header-pipeline-status__left{text-align:left;flex:1}.jenkins-section .section-header-pipeline-status__right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}@media (max-width: 767px){.jenkins-section .section-header-pipeline-status__right{align-items:flex-start}}.jenkins-section .refresh-button{display:inline-flex;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem .75rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.jenkins-section .refresh-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.jenkins-section .refresh-button:disabled{opacity:.5;cursor:not-allowed}.jenkins-section .refresh-button:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover);transform:translateY(-1px)}.jenkins-section .refresh-button:active{transform:translateY(0)}.jenkins-section .refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.jenkins-section .refresh-button .spinning{animation:spin 1s linear infinite}.jenkins-section .last-updated{font-size:.75rem;color:var(--text-secondary);opacity:.8}.jenkins-section .loading-message{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary)}.jenkins-section .loading-message .spinning{animation:spin 1s linear infinite}.jenkins-section .global-error-message{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#dc262614,#ef44440a);border:1px solid rgba(220,38,38,.15);border-radius:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.jenkins-section .global-error-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444)}.jenkins-section .global-error-message .error-icon-container{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#dc262626,#ef44441a);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.jenkins-section .global-error-message .global-error-content{flex:1}.jenkins-section .global-error-message .global-error-content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary);font-weight:600}.jenkins-section .global-error-message .global-error-content .error-description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);font-size:1rem;line-height:1.5}.jenkins-section .global-error-message .global-error-content .global-error-actions{display:flex;gap:.75rem;align-items:center}.jenkins-section .global-error-message .global-error-content .global-error-actions .retry-button{display:inline-flex;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.25;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.jenkins-section .global-error-message .global-error-content .global-error-actions .retry-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.jenkins-section .global-error-message .global-error-content .global-error-actions .retry-button:disabled{opacity:.5;cursor:not-allowed}.jenkins-section .global-error-message .global-error-content .global-error-actions .retry-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.jenkins-section .global-error-message .global-error-content .global-error-actions .retry-button:active{transform:translateY(0)}.jenkins-section .global-error-message .global-error-content .global-error-actions .jenkins-link{display:inline-flex;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1.25;cursor:pointer;transition:all .25s ease-in-out;outline:none;-webkit-user-select:none;user-select:none;background:transparent;border-color:currentColor;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;border:1px solid var(--border-color)}.jenkins-section .global-error-message .global-error-content .global-error-actions .jenkins-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.jenkins-section .global-error-message .global-error-content .global-error-actions .jenkins-link:disabled{opacity:.5;cursor:not-allowed}.jenkins-section .global-error-message .global-error-content .global-error-actions .jenkins-link:hover:not(:disabled){background:#3b82f61a;transform:translateY(-1px)}.jenkins-section .global-error-message .global-error-content .global-error-actions .jenkins-link:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.architecture-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:2rem;background:linear-gradient(135deg,#3b82f605,#4f46e503);border:1px solid rgba(59,130,246,.1)}.architecture-content{display:flex;flex-direction:column;gap:2rem}.architecture-info{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.architecture-info{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.architecture-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.architecture-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3b82f633}.architecture-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border-radius:1rem;color:#3b82f6;flex-shrink:0;transition:all .25s ease-in-out}.architecture-item:hover .architecture-icon{transform:scale(1.1);background:linear-gradient(135deg,#3b82f633,#4f46e51a)}.architecture-details{flex:1}.architecture-details h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.architecture-details p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin:0;color:var(--text-secondary);line-height:1.6}.architecture-note{padding:1.5rem;background:linear-gradient(135deg,#3b82f60d,#4f46e505);border:1px solid rgba(59,130,246,.1);border-radius:1rem;border-left:4px solid #3b82f6}.architecture-note p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;margin:0;color:var(--text-secondary)}.architecture-note p strong{color:var(--text-primary);font-weight:600}.cloud-link{display:inline-flex;align-items:center;gap:.5rem;margin-left:.5rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:all .25s ease-in-out}.cloud-link:hover{color:#4f46e5;text-decoration:none;transform:translateY(-1px)}.cloud-link svg{flex-shrink:0}.quick-actions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.quick-action-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;cursor:pointer;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;position:relative;overflow:hidden}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--border-hover)}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#4f46e5);opacity:0;transition:opacity .25s ease-in-out}.quick-action-card:hover:before{opacity:1}.quick-action-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border-radius:1.5rem;color:#3b82f6;margin-bottom:1rem;transition:all .25s ease-in-out}.quick-action-card:hover .quick-action-icon{transform:scale(1.1);background:linear-gradient(135deg,#3b82f633,#4f46e51a)}.quick-action-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.quick-action-content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;margin:0;color:var(--text-primary)}.quick-action-content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin:0;color:var(--text-secondary);line-height:1.6}.quick-action-link{padding:.75rem 1.5rem;border:1px solid transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.25;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 1px 2px #0000000d;margin-top:auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .25s ease-in-out}.quick-action-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.quick-action-link:disabled{opacity:.5;cursor:not-allowed}.quick-action-link:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#3b82f6e6,#4f46e5e6)}.quick-action-link:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.quick-action-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.quick-action-link svg{flex-shrink:0}.toggle-button{display:inline-flex;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.25;text-decoration:none;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;background:transparent;border-color:currentColor;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);color:#3b82f6;font-weight:500;transition:all .25s ease-in-out}.toggle-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.toggle-button:hover:not(:disabled){background:#3b82f61a;transform:translateY(-1px)}.toggle-button:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-1px)}.toggle-button svg{flex-shrink:0;transition:transform .25s ease-in-out}.toggle-button[aria-expanded=true] svg{transform:rotate(180deg)}.jenkins-setup-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:2rem;background:linear-gradient(135deg,#3b82f605,#4f46e503);border:1px solid rgba(59,130,246,.1);margin-top:1.5rem}.setup-card__content{display:flex;flex-direction:column;gap:2rem}.setup-step{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;border-left:4px solid #3b82f6;transition:all .25s ease-in-out}.setup-step:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#3b82f633}.step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.step-header h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;margin:0;color:var(--text-primary)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-radius:50%;font-weight:700;font-size:.875rem;flex-shrink:0}.step-alternative{margin-top:1rem;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:.5rem}.step-alternative .alternative-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin:0 0 .75rem;color:var(--text-muted);font-style:italic}.access-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#0596690d;border:1px solid rgba(5,150,105,.2);border-radius:.5rem}.access-info svg{color:#059669;flex-shrink:0}.access-info span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);color:var(--text-secondary)}.access-info span a{color:#3b82f6;text-decoration:none;font-weight:500}.access-info span a:hover{text-decoration:underline}.wizard-steps{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.wizard-step{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:.5rem}.wizard-step__number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f61a;color:#3b82f6;border-radius:50%;font-weight:600;font-size:.75rem;flex-shrink:0}.wizard-step__content{flex:1}.wizard-step__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin:0;color:var(--text-secondary);line-height:1.6}.wizard-step__content p strong{color:var(--text-primary);font-weight:600}.wizard-step__content p code{background:var(--code-bg);border:1px solid var(--border-color);border-radius:.375rem;padding:.25rem .5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:var(--code-text);font-size:.75rem}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#0ea5e90d;border:1px solid rgba(14,165,233,.2);border-radius:.5rem;margin-top:1rem}.info-box__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0ea5e91a;color:#0ea5e9;border-radius:50%;flex-shrink:0}.info-box__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.info-box__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);font-weight:600;color:var(--text-primary);margin:0}.info-box__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;color:var(--text-muted);color:var(--text-secondary);margin:0;line-height:1.5}.interaction-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1.5rem;background:linear-gradient(135deg,#3b82f60d,#4f46e505);border:1px solid rgba(59,130,246,.2);border-left:4px solid #3b82f6;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem}.interaction-info__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border-radius:1rem;color:#3b82f6;flex-shrink:0}.interaction-info__content{flex:1}.interaction-info__content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary)}.interaction-info__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;margin:0 0 .75rem;color:var(--text-secondary);line-height:1.6}.interaction-info__content p:last-child{margin-bottom:0}.interaction-info__content p svg{color:#3b82f6;margin-right:.25rem;vertical-align:middle}.interaction-info__content p strong{color:var(--text-primary);font-weight:600}.pipeline-summary{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1rem}@media (max-width: 767px){.pipeline-summary{flex-wrap:wrap;gap:1rem}}.pipeline-summary .summary-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pipeline-summary .summary-stat .summary-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pipeline-summary .summary-stat .summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.pipeline-summary .summary-stat .summary-value.summary-running{color:#d97706}.pipeline-summary .summary-stat .summary-value.summary-success{color:#059669}.pipeline-summary .summary-stat .summary-value.summary-failed{color:#dc2626}.pipeline-summary .summary-stat .summary-value.summary-pending,.pipeline-summary .summary-stat .summary-value.summary-neutral{color:#64748b}.pipelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.pipeline-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;padding:1.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;transition:all .25s ease-in-out}.pipeline-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.pipeline-card--master{border-color:#3b82f64d;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,var(--bg-primary) 100%)}.pipeline-card--error{border-color:#dc26264d;background:linear-gradient(135deg,rgba(220,38,38,.05) 0%,var(--bg-primary) 100%)}.pipeline-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.pipeline-card__title{flex:1}.pipeline-card__title h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 .25rem;color:var(--text-primary)}@media (min-width: 768px){.pipeline-card__title h3{font-size:1.5rem}}.pipeline-card__title p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem}.pipeline-card__status{display:flex;align-items:center;gap:.5rem}.pipeline-card__status .status-badge{padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pipeline-card__status .status-badge.status-success{background:#05966926;color:#059669;border:1px solid rgba(5,150,105,.2)}.pipeline-card__status .status-badge.status-running{background:#d9770626;color:#d97706;border:1px solid rgba(217,119,6,.2)}.pipeline-card__status .status-badge.status-pending{background:#64748b26;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.pipeline-card__status .status-badge.status-failure{background:#dc262626;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.pipeline-card__status .status-badge.status-warning{background:#d9770626;color:#d97706;border:1px solid rgba(217,119,6,.2)}.pipeline-card__status .status-badge.status-unknown,.pipeline-card__status .status-badge.status-neutral{background:#64748b26;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.pipeline-card__progress{margin-top:.75rem}.pipeline-card__progress .progress-bar{width:100%;height:4px;background:#64748b33;border-radius:.5rem;overflow:hidden;margin-bottom:.5rem}.pipeline-card__progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#d97706,#3b82f6);border-radius:.5rem;transition:width .3s ease}.pipeline-card__progress small{font-size:.75rem;color:var(--text-secondary)}.pipeline-card__duration{margin-top:.75rem}.pipeline-card__duration small{font-size:.75rem;color:var(--text-secondary)}.pipeline-card__stages h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.pipeline-stages{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.pipeline-stages__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.pipeline-stages__header h5{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;margin:0;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.pipeline-stages__header small{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:.5rem;border:1px solid var(--border-color)}.pipeline-stages__list{display:flex;flex-direction:column;gap:.5rem}.pipeline-stage{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.pipeline-stage--current{border-color:#3b82f666;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,var(--bg-secondary) 100%);box-shadow:0 2px 8px #3b82f61a}.pipeline-stage--running{border-color:#d9770666;background:linear-gradient(135deg,rgba(217,119,6,.05) 0%,var(--bg-secondary) 100%)}.pipeline-stage__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pipeline-stage__status{display:flex;align-items:center;gap:.5rem}.pipeline-stage__status .stage-status-badge{padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pipeline-stage__status .stage-status-badge.stage-status-success{background:#05966926;color:#059669;border:1px solid rgba(5,150,105,.2)}.pipeline-stage__status .stage-status-badge.stage-status-running{background:#d9770626;color:#d97706;border:1px solid rgba(217,119,6,.2)}.pipeline-stage__status .stage-status-badge.stage-status-failure{background:#dc262626;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.pipeline-stage__status .stage-status-badge.stage-status-paused{background:#64748b26;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.pipeline-stage__status .stage-status-badge.stage-status-pending,.pipeline-stage__status .stage-status-badge.stage-status-unknown{background:#64748b1a;color:var(--text-secondary);border:1px solid rgba(100,116,139,.15)}.pipeline-stage__name{display:flex;align-items:center;gap:.5rem;flex:1;margin-left:.75rem}.pipeline-stage__number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.pipeline-stage__title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.pipeline-stage__details{display:flex;justify-content:space-between;align-items:center}.pipeline-stage__duration{font-size:.75rem;color:var(--text-secondary)}.pipeline-stage__progress{flex:1;margin-left:.75rem}.pipeline-stage__progress .stage-progress-bar{width:100%;height:3px;background:#64748b33;border-radius:.5rem;overflow:hidden}.pipeline-stage__progress .stage-progress-bar .stage-progress-fill{height:100%;background:linear-gradient(90deg,#d97706,#3b82f6);border-radius:.5rem;animation:pulse 2s ease-in-out infinite;transition:width .3s ease}.pipeline-timing{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.pipeline-timing small{color:var(--text-secondary);font-size:.75rem}.pipeline-timing small:first-child{color:var(--text-primary);font-weight:500}.stage-timing{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.stage-timing small{color:var(--text-secondary);font-size:.75rem}.stage-timing small:first-child{color:var(--text-primary);font-weight:500}.pipeline-configs-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.pipeline-configs-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.pipeline-configs-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;color:#3b82f6;flex-shrink:0}.pipeline-configs-card__title{flex:1}.pipeline-configs-card__title h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}@media (min-width: 768px){.pipeline-configs-card__title h3{font-size:1.5rem}}.pipeline-configs-card__title p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);margin:0}.pipeline-configs-card__content{position:relative}.pipeline-tabs__header{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;overflow-x:auto}@media (max-width: 767px){.pipeline-tabs__header{flex-wrap:wrap}}.pipeline-tabs__content{position:relative}.pipeline-tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.25;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;background:transparent;color:var(--text-secondary);border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .25s ease-in-out;cursor:pointer}.pipeline-tab:focus{outline:2px solid #3b82f6;outline-offset:2px}.pipeline-tab:disabled{opacity:.5;cursor:not-allowed}.pipeline-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.pipeline-tab--active{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 2px 8px #3b82f64d}.pipeline-tab--active:hover{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.pipeline-config__header{margin-bottom:1.5rem;text-align:center}.pipeline-config__header h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}@media (min-width: 768px){.pipeline-config__header h4{font-size:1.5rem}}.pipeline-config__header p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.pipeline-config__jenkinsfile h5{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary);font-size:1rem;font-weight:600}.code-block{background:linear-gradient(135deg,#0f172acc,#1e293be6);border:1px solid rgba(71,85,105,.3);border-radius:1rem;padding:1.5rem;margin:0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;color:var(--text-primary);position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#4f46e5);border-radius:1rem 1rem 0 0}.code-block .keyword{color:#569cd6}.code-block .string{color:#ce9178}.code-block .comment{color:#6a9955}.code-block .function{color:#dcdcaa}.code-block .variable{color:#9cdcfe}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#3341554d;border-radius:.5rem}.code-block::-webkit-scrollbar-thumb{background:#64748b80;border-radius:.5rem}.code-block::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}@media (max-width: 767px){.architecture-info,.quick-actions-grid{grid-template-columns:1fr}.jenkins-header__content{flex-direction:column;text-align:center}.section-header__content{flex-direction:column;align-items:flex-start}}.architecture-item,.quick-action-card,.setup-step{animation:slideInFromTop .35s ease-in-out ease-out}.architecture-item:nth-child(1),.quick-action-card:nth-child(1),.setup-step:nth-child(1){animation-delay:.1s}.architecture-item:nth-child(2),.quick-action-card:nth-child(2),.setup-step:nth-child(2){animation-delay:.2s}.architecture-item:nth-child(3),.quick-action-card:nth-child(3),.setup-step:nth-child(3){animation-delay:.3s}.architecture-item:nth-child(4),.quick-action-card:nth-child(4),.setup-step:nth-child(4){animation-delay:.4s}.architecture-item:nth-child(5),.quick-action-card:nth-child(5),.setup-step:nth-child(5){animation-delay:.5s}.introduction-page{max-width:1216px;margin:0 auto;padding:2rem 0}.introduction-hero{margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;gap:1.5rem;animation:slideInFromTop .35s ease-in-out ease-out}.introduction-hero__content{display:flex;align-items:center;gap:1.5rem;width:100%}@media (max-width: 767px){.introduction-hero__content{flex-direction:column;text-align:center}}.introduction-hero__icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:1.5rem;color:#fff;flex-shrink:0;box-shadow:0 8px 25px #3b82f64d}@media (max-width: 767px){.introduction-hero__icon{width:64px;height:64px}}.introduction-hero__text{flex:1}.introduction-hero__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.25;margin:0 0 1rem;color:var(--text-primary);background:linear-gradient(135deg,#3b82f6,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.introduction-hero__title{font-size:3rem}}.introduction-hero__subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin:0}.introduction-section{margin-bottom:3rem;animation:slideInFromTop .35s ease-in-out ease-out}.introduction-section:last-child{margin-bottom:0}.introduction-section .section-header{margin-bottom:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.introduction-section .section-header{text-align:left;flex-direction:row;align-items:center;justify-content:space-between}}.introduction-section .section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.75rem}@media (min-width: 768px){.introduction-section .section-title{font-size:1.875rem}}.introduction-section .section-title svg{color:#3b82f6;flex-shrink:0}.introduction-section .section-description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);margin:0;max-width:600px}@media (min-width: 768px){.introduction-section .section-description{margin-left:auto;text-align:right}}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.overview-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;padding:1.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;transition:all .25s ease-in-out;display:flex;align-items:flex-start;gap:1rem}.overview-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#3b82f64d}.overview-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:1rem;color:#3b82f6;flex-shrink:0}.overview-card__content{flex:1}.overview-card__content h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.overview-card__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);margin:0;line-height:1.5}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.learning-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;padding:1.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;transition:all .25s ease-in-out}.learning-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026;border-color:#3b82f64d}.learning-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.learning-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:1rem;color:#3b82f6;flex-shrink:0}.learning-card__content h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.learning-card__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.learning-features{display:flex;flex-direction:column;gap:.5rem}.learning-feature{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .25s ease-in-out}.learning-feature:hover{background:var(--bg-secondary);border-color:var(--border-color-hover)}.learning-feature svg{color:#3b82f6;flex-shrink:0}.learning-feature span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;color:var(--text-primary);font-weight:500}.tutorial-list{display:flex;flex-direction:column;gap:.75rem}.tutorial-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.tutorial-item:hover{background:var(--bg-secondary);border-color:var(--border-color-hover);transform:translate(4px)}.tutorial-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:.75rem;color:#3b82f6;flex-shrink:0}.tutorial-item__content{flex:1}.tutorial-item__content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;line-height:1.375;margin:0 0 .25rem;color:var(--text-primary)}.tutorial-item__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.tutorial-item__meta{display:flex;gap:.75rem;align-items:center}.tutorial-item__meta .tutorial-duration,.tutorial-item__meta .tutorial-level{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:.5rem;border:1px solid var(--border-color)}.tutorial-item__meta .tutorial-duration svg,.tutorial-item__meta .tutorial-level svg{color:#3b82f6}.pipeline-list{display:flex;flex-direction:column;gap:.75rem}.pipeline-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.pipeline-item:hover{background:var(--bg-secondary);border-color:var(--border-color-hover);transform:translate(4px)}.pipeline-item svg{color:#059669;flex-shrink:0;margin-top:2px}.pipeline-item__content{flex:1}.pipeline-item__content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;line-height:1.375;margin:0 0 .25rem;color:var(--text-primary)}.pipeline-item__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.quick-start-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:2rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;margin-top:2rem}.quick-start-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.quick-start-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.quick-start-step:hover{background:var(--bg-secondary);border-color:var(--border-color-hover);transform:translate(4px)}.quick-start-step .step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-radius:1rem;font-weight:700;font-size:.875rem;flex-shrink:0}.quick-start-step .step-content{flex:1}.quick-start-step .step-content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.quick-start-step .step-content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.quick-start-step .step-content code{display:block;background:var(--code-bg);color:var(--text-primary);padding:.75rem;border-radius:.75rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;border:1px solid var(--border-color);overflow-x:auto}.quick-start-note{padding:1rem;background:linear-gradient(135deg,#3b82f60d,#4f46e505);border:1px solid rgba(59,130,246,.2);border-radius:1rem;border-left:4px solid #3b82f6}.quick-start-note p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;margin:0;color:var(--text-secondary)}.quick-start-note p strong{color:var(--text-primary);font-weight:600}.quick-start-note p code{background:var(--code-bg);color:var(--text-primary);padding:.25rem .5rem;border-radius:.5rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;border:1px solid var(--border-color)}.navigation-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.nav-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;transition:all .25s ease-in-out;position:relative;overflow:hidden}.nav-card--clickable{cursor:pointer}.nav-card--clickable:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0003;border-color:#3b82f666}.nav-card--clickable:hover .nav-card__icon{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;transform:scale(1.1)}.nav-card--clickable:hover .nav-card__action{opacity:1;transform:translateY(0)}.nav-card--clickable:active{transform:translateY(-2px)}.nav-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#3b82f61a,#4f46e50d);border:1px solid rgba(59,130,246,.2);border-radius:1rem;color:#3b82f6;flex-shrink:0;margin-bottom:1rem;transition:all .25s ease-in-out}.nav-card__content h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary)}@media (min-width: 768px){.nav-card__content h3{font-size:1.5rem}}.nav-card__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.nav-card__features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.nav-card__action{display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-size:.875rem;font-weight:600;opacity:0;transform:translateY(10px);transition:all .25s ease-in-out}.nav-card__action svg:last-child{transition:transform .25s ease-in-out}.feature-tag{display:inline-block;padding:.25rem .5rem;background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);border-radius:.75rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 767px){.introduction-hero{padding:1.5rem}.introduction-hero__content{gap:1rem}.overview-cards,.learning-grid,.navigation-guide{grid-template-columns:1fr}.learning-card,.nav-card{padding:1rem}.quick-start-card{padding:1.5rem}.quick-start-step{flex-direction:column;gap:.75rem}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-section{margin-bottom:3rem}.home-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;gap:2rem}.tutorial{margin-bottom:3rem}.tutorial__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;gap:2rem}.tutorial__header{text-align:center;margin-bottom:2.5rem}.tutorial__header h2{background:linear-gradient(135deg,#3b82f6,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorial-layout{max-width:1000px;margin:0 auto;padding:1.5rem 1rem 0}.tutorial-header{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:2rem;margin-bottom:1.5rem;margin-top:1rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color)}.tutorial-header__content{max-width:100%}.tutorial-header__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (max-width: 767px){.tutorial-header__meta{flex-direction:column;gap:1rem;align-items:flex-start}}.tutorial-header__back{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .25s ease-in-out}.tutorial-header__back:hover{color:#3b82f6}.tutorial-header__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.25;color:var(--text-primary);margin:0 0 1rem;background:linear-gradient(135deg,#3b82f6,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){.tutorial-header__title{font-size:3rem}}.tutorial-header__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1.5rem;color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.tutorial-header__info{display:flex;gap:1.5rem}@media (max-width: 767px){.tutorial-header__info{flex-direction:column;gap:.75rem}}.tutorial-header__info-item{display:flex;flex-direction:column;gap:.25rem}.tutorial-header__info-item .info-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.tutorial-header__info-item .info-value{font-size:.875rem;color:var(--text-secondary)}.tutorial-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.tutorial-nav__container{padding:0 1rem}.tutorial-nav__tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tutorial-nav__tabs::-webkit-scrollbar{display:none}.tutorial-nav__tab{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;border-bottom:3px solid transparent;transition:all .25s ease-in-out;white-space:nowrap}.tutorial-nav__tab:hover{color:var(--text-primary);background:var(--bg-primary)}.tutorial-nav__tab--active{color:#3b82f6;border-bottom-color:#3b82f6;background:var(--bg-primary)}.tutorial-content{margin-bottom:2rem}.tutorial-article{max-width:100%;margin:0 auto}.tutorial-section{margin-bottom:2rem}.tutorial-section h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;margin:0 0 1rem;color:var(--text-primary)}@media (min-width: 768px){.tutorial-section h2{font-size:1.875rem}}.tutorial-section h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary)}@media (min-width: 768px){.tutorial-section h3{font-size:1.5rem}}.tutorial-section h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.tutorial-section p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 1rem;color:var(--text-secondary);line-height:1.7}.tutorial-section ul,.tutorial-section ol{margin-bottom:1rem;padding-left:1.5rem}.tutorial-section ul li,.tutorial-section ol li{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.625;margin:0 0 .5rem;color:var(--text-secondary);line-height:1.6}.info-box{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1rem;margin:1rem 0;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:1rem;display:flex;gap:.75rem;align-items:flex-start}.info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-box h4{margin-bottom:.5rem;color:#3b82f6}.info-box p{margin-bottom:0}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.concept-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1rem;text-align:center;border:1px solid var(--border-color)}.concept-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f61a,#4f46e51a);border-radius:1rem;color:#3b82f6;margin:0 auto .75rem}.concept-card h3{margin-bottom:.5rem;color:var(--text-primary)}.concept-card p{margin-bottom:0;font-size:.875rem}.comparison-table{background:var(--card-bg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;margin:1rem 0}.comparison-table__header{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.comparison-table__row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--border-color)}.comparison-table__row:last-child{border-bottom:none}.comparison-table__cell{padding:.75rem 1rem;font-size:.875rem;color:var(--text-secondary)}.comparison-table__cell:first-child{font-weight:500;color:var(--text-primary);background:var(--bg-secondary)}.code-example{margin:1rem 0}.code-example h4{margin-bottom:.75rem}.code-block{background:var(--card-bg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1rem;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;color:var(--text-primary)}.dockerfile-instructions{margin:1rem 0}.dockerfile-instructions h4{margin-bottom:.75rem}.instruction-list{display:grid;gap:.5rem}.instruction-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:.75rem}.instruction-item code{background:var(--bg-primary);padding:.25rem .5rem;border-radius:.375rem;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;color:#3b82f6;font-weight:500;min-width:80px;text-align:center}.instruction-item span{font-size:.875rem;color:var(--text-secondary)}.workflow-steps{display:grid;gap:1rem;margin:1rem 0}.workflow-step{display:flex;gap:1rem;align-items:flex-start}.workflow-step__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-radius:50%;font-weight:700;font-size:.875rem;flex-shrink:0}.workflow-step__content{flex:1}.workflow-step__content h4,.workflow-step__content p{margin-bottom:.5rem}.command-example{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.command-example svg{color:var(--text-muted);flex-shrink:0}.command-example code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;color:var(--text-primary)}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1rem 0}.command-card{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1rem;border:1px solid var(--border-color)}.command-card h4{margin-bottom:.75rem;color:var(--text-primary)}.command-list{display:grid;gap:.5rem}.command-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.command-item:last-child{border-bottom:none}.command-item code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;color:#3b82f6;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:.375rem}.command-item span{font-size:.875rem;color:var(--text-secondary);text-align:right;max-width:150px}.best-practices{display:grid;gap:.75rem;margin:1rem 0}.practice-item{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border-radius:1rem}.practice-item--good{background:#0596690d;border:1px solid rgba(5,150,105,.2)}.practice-item--good svg{color:#059669}.practice-item--warning{background:#d977060d;border:1px solid rgba(217,119,6,.2)}.practice-item--warning svg{color:#d97706}.practice-item h4{margin-bottom:.25rem}.practice-item p{margin-bottom:0;font-size:.875rem}.next-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.next-step{background:var(--card-bg);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1rem;text-align:center;border:1px solid var(--border-color)}.next-step h4{margin-bottom:.5rem;color:#3b82f6}.next-step p{margin-bottom:0;font-size:.875rem}.tutorial-footer{margin-top:2rem;margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.tutorial-footer__navigation{display:flex;justify-content:space-between;gap:1rem}@media (max-width: 767px){.tutorial-footer__navigation{flex-direction:column}}.tutorial-footer__nav-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;text-decoration:none;color:var(--text-secondary);transition:all .25s ease-in-out;flex:1}.tutorial-footer__nav-link:hover{background:var(--bg-primary);border-color:#3b82f6;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.tutorial-footer__nav-link--prev{text-align:left}.tutorial-footer__nav-link--next{text-align:right;flex-direction:row-reverse}.tutorial-footer__nav-link svg{color:#3b82f6;flex-shrink:0}.tutorial-footer__nav-link .nav-label{display:block;font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tutorial-footer__nav-link .nav-title{display:block;font-size:.875rem;font-weight:500;color:inherit}.deployment__grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 1023px){.deployment__grid{grid-template-columns:1fr;gap:1.5rem}}.deployment__commands{display:grid;gap:.5rem;margin:1rem 0}.deployment__commands h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem}.deployment__features{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1.5rem}.deployment__features h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 1rem;color:var(--text-primary)}.deployment__features ul{list-style:none;padding:0;margin:0}.deployment__features ul li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-secondary)}.deployment__features ul li:before{content:"✓";color:#059669;font-weight:700;flex-shrink:0}.deployment-page{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width: 767px){.deployment-page{padding:1rem}}.deployment__header{background:linear-gradient(135deg,#3b82f60d,#4f46e508);border:1px solid rgba(59,130,246,.1);border-radius:1.5rem;padding:2rem 2.5rem;margin-bottom:3rem;position:relative;overflow:hidden}.deployment__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(79,70,229,.02) 0%,transparent 50%);pointer-events:none}.deployment__header .deployment__header-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}@media (max-width: 767px){.deployment__header{padding:1.5rem;margin-bottom:2rem}}.deployment__icon{color:#3b82f6;margin:0 auto 1rem;display:block;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.deployment__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.25;color:var(--text-primary);margin:0 0 1rem;background:linear-gradient(135deg,#3b82f6,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.25rem}@media (min-width: 768px){.deployment__title{font-size:3rem}}.deployment__subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;margin:0 0 1rem;color:var(--text-secondary);font-size:1.125rem;line-height:1.625;margin:0 auto;max-width:600px}@media (min-width: 768px){.deployment__subtitle{font-size:1.25rem}}.deployment__section{margin-bottom:3rem}.deployment__section:last-child{margin-bottom:2rem}.deployment__section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.375;margin:0 0 1rem;color:var(--text-primary);position:relative;display:flex;align-items:center;gap:.75rem}@media (min-width: 768px){.deployment__section-title{font-size:1.875rem}}.deployment__section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:.375rem;flex-shrink:0}.deployment__section-description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;margin:0 0 2rem;color:var(--text-secondary);font-size:1rem;line-height:1.625;padding-left:1.5rem}.deployment__commands{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;padding:1.5rem;position:relative;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000000d}.deployment__commands .command-with-info{margin:1rem 0}.deployment__commands .command-with-info:first-child{margin-top:0}.deployment__commands .command-with-info:last-child{margin-bottom:0}.command-steps{display:flex;flex-direction:column;gap:2rem}.command-step{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;position:relative;transition:all .25s ease-in-out}[data-theme=dark] .command-step{background:#33415533}.command-step:hover{border-color:#3b82f633;box-shadow:0 4px 12px #3b82f60d}.command-step__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.command-step__number{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 8px #3b82f666;position:relative}.command-step__number:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:50%;opacity:.3;z-index:-1}.command-step__info{flex:1}.command-step__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;margin:0 0 .5rem;color:var(--text-primary);background:linear-gradient(135deg,#3b82f6,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.command-step__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;margin:0 0 1rem;margin:0;color:var(--text-secondary);line-height:1.625;font-size:.875rem}.command-step__commands{display:flex;flex-direction:column;gap:.75rem}.command-step__commands .command-with-info{margin:0}.verification-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.verification-step{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem;transition:all .25s ease-in-out}[data-theme=dark] .verification-step{background:#33415533}.verification-step:hover{border-color:#3b82f633;box-shadow:0 4px 12px #3b82f60d;transform:translateY(-2px)}.verification-step__icon{font-size:2rem;margin-bottom:.75rem;display:block}.verification-step__content h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.verification-step__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;margin:0 0 1rem;margin:0;color:var(--text-secondary);line-height:1.625}.verification-step__content p code{background:var(--code-bg);border:1px solid var(--border-color);font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:var(--code-text);background:#3b82f61a;color:#3b82f6;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem}.deployment__benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media (max-width: 767px){.deployment__benefits{grid-template-columns:1fr}}.benefit-item{display:flex;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .25s ease-in-out}.benefit-item:hover{border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.benefit-item__icon{width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;margin-top:.25rem}.benefit-item__content{flex:1}.benefit-item__content h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary)}.benefit-item__content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;margin:0 0 1rem;color:var(--text-secondary);line-height:1.625}.configuration-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@media (max-width: 767px){.configuration-overview{grid-template-columns:1fr}}.config-service{padding:1rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:.5rem}.config-service h4{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;color:var(--text-primary);margin:0 0 .5rem;color:#3b82f6}.config-service p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);color:var(--text-secondary);line-height:1.625}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dashboard__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.dashboard__metric{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1.5rem;text-align:center}.dashboard__metric__value{font-size:1.875rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.dashboard__metric__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard__metric__change{font-size:.75rem;margin-top:.25rem}.dashboard__metric__change--positive{color:#059669}.dashboard__metric__change--negative{color:#dc2626}.dashboard__chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .25s ease-in-out;overflow:hidden;padding:1.5rem;margin:1.5rem 0}.dashboard__chart h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;color:var(--text-primary);margin:0 0 1.5rem}.status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status--success{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.2)}.status--success .status__dot{background:#059669}.status--warning{background:#d977061a;color:#d97706;border:1px solid rgba(217,119,6,.2)}.status--warning .status__dot{background:#d97706}.status--error{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.status--error .status__dot{background:#dc2626}.status--info{background:#0ea5e91a;color:#0ea5e9;border:1px solid rgba(14,165,233,.2)}.status--info .status__dot{background:#0ea5e9}.status--neutral{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.status--neutral .status__dot{background:var(--text-muted)}.loading__spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite}.loading__skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.loading__skeleton--text{height:1em;margin:.25rem 0}.loading__skeleton--text:last-child{width:75%}.loading__skeleton--avatar{width:40px;height:40px;border-radius:50%}.loading__skeleton--button{height:36px;width:100px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1.5rem;font-size:.75rem;font-weight:500;line-height:1}.badge--primary{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.badge--success{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.2)}.badge--warning{background:#d977061a;color:#d97706;border:1px solid rgba(217,119,6,.2)}.badge--error{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.badge--neutral{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.tooltip{position:relative}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;white-space:nowrap;z-index:1070;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f172a}.tooltip:hover .tooltip__content{opacity:1}.cross-reference-links{margin:2rem 0}.cross-reference-links__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 1.5rem;color:var(--text-primary);text-align:center;position:relative}@media (min-width: 768px){.cross-reference-links__title{font-size:1.5rem}}.cross-reference-links__title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:.375rem}.cross-reference-links__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}@media (max-width: 767px){.cross-reference-links__grid{grid-template-columns:1fr}}.cross-reference-link{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;text-decoration:none;color:inherit;transition:all .25s ease-in-out;position:relative;overflow:hidden}.cross-reference-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f605,#4f46e503);opacity:0;transition:opacity .25s ease-in-out}.cross-reference-link:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #3b82f61a;transform:translateY(-2px)}.cross-reference-link:hover:before{opacity:1}.cross-reference-link:hover .cross-reference-link__icon{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;transform:scale(1.1)}.cross-reference-link:hover .cross-reference-link__arrow{color:#3b82f6;transform:translate(4px)}.cross-reference-link__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;color:#3b82f6;flex-shrink:0;transition:all .25s ease-in-out}[data-theme=dark] .cross-reference-link__icon{background:#3341554d}.cross-reference-link__content{flex:1;min-width:0}.cross-reference-link__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.375;margin:0 0 .5rem;margin:0 0 .25rem;color:var(--text-primary);font-weight:600;line-height:1.25}.cross-reference-link__description{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;margin:0 0 1rem;margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.625;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cross-reference-link__arrow{color:var(--text-muted);flex-shrink:0;transition:all .25s ease-in-out}.tutorial-custom-next-steps,.deployment-section,.jenkins-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.video-resource{margin:2rem 0}.video-resource__header{text-align:center;margin-bottom:1.5rem}.video-resource__title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.375;margin:0 0 .5rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}@media (min-width: 768px){.video-resource__title{font-size:1.5rem}}.video-resource__subtitle{color:var(--text-secondary);font-size:.875rem}.video-resource__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;gap:1.5rem;align-items:flex-start}.video-resource__card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.video-resource__card:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.video-resource__thumbnail{position:relative;width:200px;height:112px;border-radius:.75rem;overflow:hidden;background:var(--bg-secondary);flex-shrink:0}.video-resource__thumbnail img{width:100%;height:100%;object-fit:cover}.video-resource__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue),var(--primary-indigo));color:#fff}.video-resource__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.video-resource__card:hover .video-resource__play-overlay{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.video-resource__content{flex:1}.video-resource__video-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.375;margin:0 0 .75rem;color:var(--text-primary)}.video-resource__description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.video-resource__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-blue);font-weight:500;text-decoration:none;transition:color .2s ease}.video-resource__link:hover{color:var(--primary-indigo)}@media (max-width: 768px){.video-resource__card{flex-direction:column;text-align:center}.video-resource__thumbnail{width:100%;height:180px}}@media print{.nav,.footer,.btn,.theme-toggle{display:none!important}.container{max-width:none!important;padding:0!important}.card{border:1px solid #000!important;box-shadow:none!important;break-inside:avoid}.video-resource{display:none!important}}