:root{--primary-color:#007bff;--primary-dark:#0056b3;--primary-light:#66b3ff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--dark-color:#343a40;--light-color:#f8f9fa;--white:#ffffff;--text-dark:#212529;--text-muted:#6c757d;--border-color:#dee2e6;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);--shadow:0 0.5rem 1rem rgba(0,0,0,0.15);--shadow-lg:0 1rem 3rem rgba(0,0,0,0.175);--transition:all 0.3s ease;--border-radius:0.5rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-dark);line-height:1.6;background-color:var(--white)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}code{font-family:var(--font-family-mono);font-size:0.875em;color:#e83e8c;background-color:#f8f9fa;padding:0.2rem 0.4rem;border-radius:0.25rem}pre{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;overflow-x:auto;margin-bottom:1rem}pre code{color:var(--text-dark);background-color:transparent;padding:0}.sf-header{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}.sf-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.sf-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.sf-logo:hover{text-decoration:none;color:var(--primary-dark)}.sf-nav{display:flex;gap:2rem;list-style:none}.sf-nav a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:var(--transition)}.sf-nav a:hover{color:var(--primary-color);text-decoration:none}.sf-nav a.active{color:var(--primary-color)}.sf-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-dark)}.sf-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:4rem 2rem;text-align:center}.sf-hero h1{color:var(--white);margin-bottom:1rem}.sf-hero p{font-size:1.25rem;margin-bottom:2rem;opacity:0.9}.sf-container{max-width:1200px;margin:0 auto;padding:0 2rem}.sf-section{padding:4rem 0}.sf-section-alt{background-color:var(--light-color)}.sf-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem;margin-bottom:2rem;transition:var(--transition)}.sf-card:hover{box-shadow:var(--shadow)}.sf-card-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.sf-card-title{margin-bottom:0}.sf-badge{display:inline-block;padding:0.25rem 0.75rem;font-size:0.875rem;font-weight:600;border-radius:0.25rem;background-color:var(--primary-color);color:var(--white)}.sf-badge-success{background-color:var(--success-color)}.sf-badge-warning{background-color:var(--warning-color);color:var(--text-dark)}.sf-badge-danger{background-color:var(--danger-color)}.sf-badge-info{background-color:var(--info-color)}.sf-btn{display:inline-block;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.sf-btn-primary{background-color:var(--primary-color);color:var(--white)}.sf-btn-primary:hover{background-color:var(--primary-dark);color:var(--white);text-decoration:none}.sf-btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.sf-btn-outline:hover{background-color:var(--primary-color);color:var(--white);text-decoration:none}.sf-list{list-style:none;padding-left:0}.sf-list li{padding:0.5rem 0;padding-left:1.5rem;position:relative}.sf-list li::before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:bold}.sf-list-icon{list-style:none;padding-left:0}.sf-list-icon li{padding:0.5rem 0;padding-left:2rem;position:relative}.sf-list-icon li i{position:absolute;left:0;color:var(--primary-color)}.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.sf-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sf-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sf-alert{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;border-left:4px solid}.sf-alert-info{background-color:#d1ecf1;border-color:var(--info-color);color:#0c5460}.sf-alert-warning{background-color:#fff3cd;border-color:var(--warning-color);color:#856404}.sf-alert-success{background-color:#d4edda;border-color:var(--success-color);color:#155724}.sf-alert-danger{background-color:#f8d7da;border-color:var(--danger-color);color:#721c24}.sf-footer{background-color:var(--dark-color);color:rgba(255,255,255,0.75);padding:3rem 0 1rem;margin-top:4rem}.sf-footer h4{color:#ffffff;font-size:0.95rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid rgba(255,255,255,0.15)}.sf-footer p{color:rgba(255,255,255,0.7);font-size:0.9rem}.sf-footer a{color:rgba(255,255,255,0.75);transition:color 0.2s ease}.sf-footer a:hover{color:#ffffff;text-decoration:none;opacity:1}.sf-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.sf-footer .sf-list-icon li i{color:var(--primary-light)}.sf-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;text-align:center;color:rgba(255,255,255,0.55);font-size:0.875rem}.sf-toc{background-color:var(--light-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.sf-toc h3{margin-bottom:1rem;font-size:1.25rem}.sf-toc ul{list-style:none;padding-left:0}.sf-toc li{padding:0.5rem 0}.sf-toc a{color:var(--text-dark);text-decoration:none}.sf-toc a:hover{color:var(--primary-color);text-decoration:underline}.sf-code-block{background-color:#282c34;color:#abb2bf;border-radius:var(--border-radius);padding:1.5rem;overflow-x:auto;margin-bottom:1rem}.sf-code-block code{color:#abb2bf;background-color:transparent;padding:0}.sf-breadcrumb{padding:1rem 0;margin-bottom:2rem}.sf-breadcrumb a{color:var(--text-muted);text-decoration:none}.sf-breadcrumb a:hover{color:var(--primary-color);text-decoration:underline}.sf-breadcrumb span{color:var(--text-muted);margin:0 0.5rem}@media (max-width:768px){.sf-navbar{flex-wrap:wrap}.sf-menu-toggle{display:block}.sf-nav{display:none;width:100%;flex-direction:column;gap:1rem;margin-top:1rem}.sf-nav.active{display:flex}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.sf-hero{padding:2rem 1rem}.sf-section{padding:2rem 0}.sf-container{padding:0 1rem}.sf-grid{grid-template-columns:1fr}}.sf-badge-hero{background:rgba(255,255,255,0.2);color:white;font-size:0.9rem;margin-right:0.5rem}.sf-badge-hero:last-child{margin-right:0}.sf-btn-hero-primary{background:white;color:#007bff}.sf-btn-hero-secondary{background:transparent;border-color:white;color:white}.sf-btn-hero-cloud{background:rgba(255,255,255,0.2);border-color:white;color:white}.sf-btn-hero-primary:hover,.sf-btn-hero-secondary:hover,.sf-btn-hero-cloud:hover{background:rgba(255,255,255,0.3);color:white;text-decoration:none}.sf-hero-subtitle{font-size:1.5rem;margin-bottom:1rem}.sf-hero-description{margin-top:1rem;font-size:1.1rem;opacity:0.95}.sf-hero-buttons{margin-top:2rem}.sf-hero-buttons .sf-btn{margin-left:1rem}.sf-hero-buttons .sf-btn:first-child{margin-left:0}.sf-card-cloud{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid var(--info-color)}.sf-card-cloud h2{color:var(--info-color)}.sf-card-cloud-light{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:var(--border-radius)}.sf-card-centered{text-align:center;padding:2rem}.sf-icon-large{font-size:3rem;margin-bottom:1rem}.sf-icon-primary{color:var(--primary-color)}.sf-icon-success{color:var(--success-color)}.sf-icon-info{color:var(--info-color)}.sf-grid-constrained-800{max-width:800px;margin:0 auto}.sf-grid-constrained-900{max-width:900px;margin:0 auto}.sf-grid-constrained-1000{max-width:1000px;margin:0 auto}.sf-text-lg{font-size:1.25rem}.sf-text-xl{font-size:1.125rem}.sf-footer-text-small{margin-top:1rem;font-size:0.9rem;opacity:0.9}.sf-footer-text-small-alt{margin-top:0.5rem;font-size:0.9rem;opacity:0.8}.sf-footer-link{color:var(--white);font-weight:600}.sf-footer-bottom-text{margin-top:0.5rem}.sf-alert-spacing{margin-bottom:2rem}.sf-alert-spacing-top{margin-top:2rem}.sf-list-left{text-align:left;margin-top:1.5rem}.sf-section-spacing{margin-top:2rem}.sf-section-spacing-lg{margin-top:1.5rem}.sf-developer-text{font-size:1.125rem;margin-bottom:1.5rem}.sf-developer-text-alt{margin-bottom:1.5rem}.sf-developer-buttons{margin-top:2rem}.sf-developer-buttons .sf-btn{margin-left:1rem}.sf-developer-buttons .sf-btn:first-child{margin-left:0}.sf-border-top{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.sf-text-center{text-align:center}.sf-text-muted{color:var(--text-muted)}.sf-mb-0{margin-bottom:0}.sf-mb-1{margin-bottom:0.5rem}.sf-mb-2{margin-bottom:1rem}.sf-mb-3{margin-bottom:1.5rem}.sf-mb-4{margin-bottom:2rem}.sf-mt-0{margin-top:0}.sf-mt-1{margin-top:0.5rem}.sf-mt-2{margin-top:1rem}.sf-mt-3{margin-top:1.5rem}.sf-mt-4{margin-top:2rem}.sf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0}.sf-stat-item{text-align:center;padding:1.5rem 1rem;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border-top:3px solid var(--primary-color)}.sf-stat-number{font-size:2.25rem;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:0.25rem}.sf-stat-label{font-size:0.875rem;color:var(--text-muted);margin:0}.sf-feature-card{background:var(--white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition);border-bottom:3px solid transparent}.sf-feature-card:hover{box-shadow:var(--shadow);border-bottom-color:var(--primary-color);transform:translateY(-2px)}.sf-feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--white);font-size:1.25rem}.sf-feature-card h4{font-size:1rem;margin-bottom:0.5rem}.sf-feature-card p{font-size:0.875rem;color:var(--text-muted);margin:0}.sf-app-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:2rem;transition:var(--transition)}.sf-app-card:hover{box-shadow:var(--shadow)}.sf-app-card-header{padding:1.75rem 2rem;display:flex;align-items:center;gap:1rem}.sf-app-card-header.pypOS{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white}.sf-app-card-header.office{background:linear-gradient(135deg,#28a745 0%,#1e7e34 100%);color:white}.sf-app-card-header.gate{background:linear-gradient(135deg,#6f42c1 0%,#4e2d8f 100%);color:white}.sf-app-card-header h2{color:white;margin:0}.sf-app-card-header p{color:rgba(255,255,255,0.85);margin:0;font-size:0.95rem}.sf-app-icon{font-size:2.5rem;opacity:0.9}.sf-app-card-body{padding:2rem}.sf-app-card-body .sf-grid{margin-bottom:0}.sf-version-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.65rem;border-radius:1rem;font-size:0.8rem;font-weight:600;background:rgba(255,255,255,0.25);color:white;margin-top:0.5rem}.sf-arch-diagram{background:#1e2229;border-radius:var(--border-radius);padding:2rem;margin:1.5rem 0;overflow-x:auto}.sf-arch-diagram pre{background:transparent;border:none;color:#abb2bf;font-family:var(--font-family-mono);font-size:0.8rem;line-height:1.6;margin:0;padding:0;white-space:pre}.sf-layer{display:flex;align-items:stretch;margin-bottom:0.5rem}.sf-layer-label{width:140px;min-width:140px;font-size:0.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;padding-right:1rem;border-right:2px solid var(--border-color);margin-right:1rem}.sf-layer-content{flex:1;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;padding:0.75rem 1rem;border-radius:var(--border-radius);font-size:0.85rem}.sf-layer-content.ui{background:#e3f2fd;border-left:4px solid #1976d2}.sf-layer-content.event{background:#e8f5e9;border-left:4px solid #388e3c}.sf-layer-content.biz{background:#fff3e0;border-left:4px solid #f57c00}.sf-layer-content.data{background:#fce4ec;border-left:4px solid #c62828}.sf-layer-content.infra{background:#f3e5f5;border-left:4px solid #7b1fa2}.sf-layer-content.int{background:#e0f2f1;border-left:4px solid #00796b}.sf-layer-tag{display:inline-block;padding:0.15rem 0.5rem;background:rgba(0,0,0,0.08);border-radius:0.25rem;font-size:0.78rem;font-family:var(--font-family-mono)}.sf-deploy-card{border-radius:var(--border-radius);padding:1.5rem;border:2px solid var(--border-color);transition:var(--transition)}.sf-deploy-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.sf-deploy-card h4{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.sf-deploy-card p{margin:0;font-size:0.9rem;color:var(--text-muted)}.sf-roadmap-section{margin-bottom:2rem}.sf-roadmap-app-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid var(--border-color)}.sf-roadmap-app-header h3{margin:0}.sf-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.sf-status-dot.done{background:var(--success-color)}.sf-status-dot.progress{background:var(--warning-color)}.sf-status-dot.planned{background:var(--secondary-color)}.sf-roadmap-items{display:grid;gap:0.5rem}.sf-roadmap-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.6rem 0.75rem;border-radius:0.375rem;font-size:0.9rem}.sf-roadmap-item.done{background:#d4edda}.sf-roadmap-item.progress{background:#fff3cd}.sf-roadmap-item.planned{background:#f8f9fa}.sf-roadmap-item i{margin-top:0.1rem;flex-shrink:0}.sf-roadmap-item.done i{color:var(--success-color)}.sf-roadmap-item.progress i{color:var(--warning-color)}.sf-roadmap-item.planned i{color:var(--secondary-color)}.sf-faq-item{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:0.75rem;overflow:hidden}.sf-faq-question{width:100%;text-align:left;padding:1.1rem 1.25rem;background:var(--white);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--text-dark);transition:var(--transition)}.sf-faq-question:hover{background:var(--light-color)}.sf-faq-question.open{background:var(--primary-color);color:white}.sf-faq-question i{transition:transform 0.3s ease;flex-shrink:0;margin-left:1rem}.sf-faq-question.open i{transform:rotate(180deg)}.sf-faq-answer{display:none;padding:1.25rem;border-top:1px solid var(--border-color);background:#fdfdfd;font-size:0.95rem;line-height:1.7}.sf-faq-answer.open{display:block}.sf-faq-answer ul{padding-left:1.5rem;margin-top:0.5rem}.sf-faq-answer ul li{margin-bottom:0.35rem}.sf-code-wrap{position:relative;margin-bottom:1.5rem}.sf-code-wrap .sf-code-block{margin-bottom:0}.sf-code-copy{position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:0.25rem;color:#abb2bf;font-size:0.75rem;padding:0.25rem 0.6rem;cursor:pointer;transition:var(--transition)}.sf-code-copy:hover{background:rgba(255,255,255,0.2);color:white}.sf-flow{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:1.5rem 0;justify-content:center}.sf-flow-node{text-align:center;padding:1rem;min-width:130px}.sf-flow-node .sf-flow-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 0.5rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:white}.sf-flow-node .sf-flow-icon.blue{background:var(--primary-color)}.sf-flow-node .sf-flow-icon.green{background:var(--success-color)}.sf-flow-node .sf-flow-icon.purple{background:#6f42c1}.sf-flow-node .sf-flow-icon.orange{background:#fd7e14}.sf-flow-node .sf-flow-icon.teal{background:#17a2b8}.sf-flow-node h5{font-size:0.85rem;margin:0}.sf-flow-node p{font-size:0.75rem;color:var(--text-muted);margin:0}.sf-flow-arrow{font-size:1.25rem;color:var(--border-color);padding:0 0.25rem}.sf-qs-steps{counter-reset:qs-step;display:grid;gap:1rem}.sf-qs-step{display:flex;gap:1rem;align-items:flex-start}.sf-qs-num{counter-increment:qs-step;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700}.sf-qs-step-body{flex:1}.sf-qs-step-body h5{margin-bottom:0.35rem;font-size:0.95rem}.sf-qs-step-body p{font-size:0.875rem;margin:0;color:var(--text-muted)}.sf-creds-table{width:100%;border-collapse:collapse;font-size:0.9rem}.sf-creds-table th{background:var(--light-color);padding:0.6rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}.sf-creds-table td{padding:0.6rem 1rem;border-bottom:1px solid var(--border-color)}.sf-creds-table code{font-size:0.875em}.sf-hero-pills{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1.5rem 0}.sf-hero-pill{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;border-radius:2rem;padding:0.3rem 0.85rem;font-size:0.85rem;display:inline-flex;align-items:center;gap:0.4rem}.sf-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:1.5rem 0}.sf-how-item{text-align:center;padding:1.5rem 1rem}.sf-how-number{width:52px;height:52px;border-radius:50%;background:var(--primary-color);color:white;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.sf-how-item h4{font-size:1rem;margin-bottom:0.5rem}.sf-how-item p{font-size:0.875rem;color:var(--text-muted);margin:0}.sf-connector{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--border-color)}.sf-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.75rem}.sf-tag{display:inline-block;padding:0.15rem 0.55rem;border-radius:0.25rem;font-size:0.78rem;font-weight:600;background:var(--light-color);color:var(--text-muted);border:1px solid var(--border-color)}.sf-tag.blue{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.sf-tag.green{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.sf-tag.purple{background:#f3e5f5;color:#6a1b9a;border-color:#ce93d8}.sf-tag.orange{background:#fff3e0;color:#e65100;border-color:#ffcc80}@media (max-width:768px){.sf-layer{flex-direction:column}.sf-layer-label{width:100%;border-right:none;border-bottom:2px solid var(--border-color);margin-right:0;margin-bottom:0.5rem;padding-right:0;padding-bottom:0.5rem}.sf-flow{flex-direction:column}.sf-flow-arrow{transform:rotate(90deg)}.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-app-card-header{flex-direction:column;text-align:center}}.sf-logo-img{height:44px;width:auto;display:block;transition:opacity 0.2s ease}.sf-logo:hover .sf-logo-img{opacity:0.85}.sf-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none}.sf-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:-0.01em}