:root{--primary-hue:45;--primary-color:hsl(var(--primary-hue),80%,45%);--primary-light:hsl(var(--primary-hue),90%,60%);--text-main:#f1f2f6;--text-muted:#a4b0be;--bg-body:#121212;--bg-card:#1e1e1e;--bg-nav:rgba(18,18,18,0.9);--bg-section-alt:#181818;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.6);--shadow-hover:0 12px 32px rgba(0,0,0,0.8);--radius:12px}[data-theme="light"]{--text-main:#2d3436;--text-muted:#636e72;--bg-body:#f9fafb;--bg-card:#ffffff;--bg-nav:rgba(255,255,255,0.9);--bg-section-alt:#ffffff;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-hover:0 12px 32px rgba(0,0,0,0.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Roboto',sans-serif;line-height:1.7;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color 0.3s ease,color 0.3s ease;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color 0.2s ease}a:hover{color:var(--primary-light)}ul{list-style:none}h1,h2,h3{font-family:'Montserrat',sans-serif;color:var(--text-main);font-weight:700}h2.section-title,section>.container>h2{position:relative;display:inline-block;margin-bottom:60px;font-size:2.2rem;text-align:center;width:100%}h2.section-title::after,section>.container>h2::after{content:'';position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);width:80px;height:4px;background:var(--primary-color);border-radius:4px}.section-subtitle{text-align:center;color:var(--text-muted);margin-top:-40px;margin-bottom:40px;font-size:1.05rem}.col-title{margin-bottom:30px;text-align:left!important}.col-title::after{left:0!important;transform:none!important}section{padding:80px 0}.section-bg-default{background-color:var(--bg-body)}.section-bg-alt{background-color:var(--bg-section-alt)}.container{width:90%;max-width:1100px;margin:0 auto;padding:0 15px}.container-narrow{max-width:800px;margin:0 auto}.container-medium{max-width:900px;margin:0 auto}.two-col-layout{display:flex;flex-wrap:wrap;gap:40px}.col-main{flex:2;min-width:300px}.col-sidebar{flex:1;min-width:250px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;transition:all 0.3s ease;cursor:pointer;border:2px solid transparent}.btn:not(.btn-primary,.btn-download){background:transparent;border-color:rgba(255,255,255,0.3);color:#fff}.btn:not(.btn-primary,.btn-download):hover{background:rgba(255,255,255,0.1);border-color:#fff;transform:translateY(-2px)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px rgba(212,160,23,0.4)}.btn-primary:hover{background:var(--primary-light);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,160,23,0.6)}.base-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease}header{background:linear-gradient(135deg,#2d3436 0%,#1e272e 100%);color:#fff;padding:120px 0 100px;text-align:center;position:relative;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.header-content{max-width:700px;margin:0 auto}header .profile-img{width:160px;height:160px;border-radius:50%;border:4px solid var(--primary-color);box-shadow:0 0 20px rgba(212,160,23,0.4);object-fit:cover;margin-bottom:25px;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}header .profile-img:hover{transform:scale(1.08) rotate(2deg)}header h1{font-size:3.5rem;margin-bottom:10px;color:#fff;letter-spacing:-1px}.header-buttons{display:flex;justify-content:center;gap:20px}nav{background:var(--bg-nav);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;transition:background-color 0.3s ease}.nav-container{width:90%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo a{font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-0.5px}.logo a span{color:var(--primary-color)}.nav-menu{display:flex;align-items:center;gap:35px}.nav-menu li a{color:var(--text-main);font-size:16px;position:relative;padding:5px 0}.nav-menu li a::after{content:'';display:block;width:0;height:2px;background:var(--primary-color);transition:width 0.3s;position:absolute;bottom:0;left:0}.nav-menu li a:hover::after{width:100%}#languageSwitcher,.nav-menu li select{background:transparent;color:var(--text-main);border:1px solid var(--text-muted);border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;font-weight:500;transition:all 0.3s ease}#languageSwitcher:hover{border-color:var(--primary-color);color:var(--primary-color)}#languageSwitcher:focus{outline:none}.theme-toggle-btn{background:transparent;border:none;color:var(--text-main);font-size:1.2rem;cursor:pointer;transition:color 0.3s ease,transform 0.3s ease;padding:5px}.theme-toggle-btn:hover{color:var(--primary-color);transform:rotate(15deg)}.nav-right{display:flex;align-items:center;gap:15px}.nav-toggle{display:none;background:none;border:none;color:var(--text-main);font-size:24px;cursor:pointer}.about-text p{margin-bottom:20px;font-size:1.1rem;color:var(--text-main)}.about-text p:last-of-type{margin-bottom:0}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.skill{padding:40px 30px;width:240px;text-align:center;border:1px solid rgba(0,0,0,0.03)}.skill:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.skill i{font-size:48px;color:var(--primary-color);margin-bottom:20px;transition:transform 0.3s}.skill:hover i{transform:scale(1.1)}.skill h3{margin-bottom:15px;font-size:1.25rem}.skill p{color:var(--text-muted);font-size:0.95rem}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.project{overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,0.03)}.project:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.project img{width:100%;height:220px;object-fit:cover;transition:transform 0.5s ease}.project:hover img{transform:scale(1.05)}.project-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.project h3{margin:0 0 10px 0;font-size:1.4rem}.project p{color:var(--text-muted);font-size:1rem;margin-bottom:20px;flex-grow:1}.project a{font-size:0.95rem;text-transform:uppercase}.project a::after{content:' →';transition:margin-left 0.2s}.project a:hover::after{margin-left:5px}.resume-card,.detail-card,.info-card{padding:30px;margin-bottom:25px}.resume-card{border-left:4px solid var(--primary-color)}.resume-card.border-secondary{border-left-color:#b2bec3}.resume-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.resume-card h3 span{font-weight:400;color:var(--text-muted);font-size:1.1rem}.meta-info{color:var(--primary-color);font-size:0.95rem;margin-bottom:15px;font-weight:500}.meta-info.muted{color:var(--text-muted)}.meta-info i{margin-right:5px}.item-list{padding-left:20px;color:var(--text-muted)}.item-list li{margin-bottom:8px}.lang-card{padding:25px;margin-bottom:20px;display:flex;align-items:center;gap:15px}.lang-card i{font-size:2rem;color:var(--primary-color)}.lang-card h3{margin-bottom:0;font-size:1.2rem}.lang-card p{color:var(--text-muted);margin:0}.contact-info{text-align:center}.contact-info div{margin:20px 0;font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:15px}.contact-info i{color:var(--primary-color)}.social-links{display:flex;justify-content:center;align-items:center;gap:20px}.social-links a{color:var(--text-muted);font-size:32px;transition:all 0.3s ease;display:inline-block}.social-links a:hover{color:var(--primary-color);transform:scale(1.1)}footer{background:linear-gradient(135deg,#2d3436 0%,#1e272e 100%);color:#b2bec3;text-align:center;padding:30px 0;font-size:0.9rem}.detail-card h2{margin-bottom:30px;font-size:1.8rem}.detail-card h3{margin-bottom:15px}.detail-card p{color:var(--text-muted);margin-bottom:30px}.detail-card p:last-child{margin-bottom:0}.tech-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.tech-list li{display:flex;align-items:flex-start;gap:4px;line-height:1.6}.tech-icon{margin-right:10px;width:20px;text-align:center;flex-shrink:0}.doc-list{display:flex;flex-direction:column;gap:15px}.doc-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:1px solid rgba(150,150,150,0.1);border-radius:8px;background-color:var(--bg-body);flex-wrap:wrap;gap:15px}.doc-item-title{color:var(--text-muted);flex:1;min-width:250px}.doc-item-title i{margin-right:10px;font-size:1.2rem}.btn-download{padding:8px 20px;font-size:0.9rem;border-color:var(--primary-color);color:var(--primary-color)}.btn-download:hover{background:var(--primary-color);color:#fff}.icon-vue{color:#42b883}.icon-node{color:#68a063}.icon-db{color:#4DB33D}.icon-docker{color:#0db7ed}.icon-pdf{color:#e2574c}.icon-excel{color:#217346}.reveal{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:0.1s}.delay-2{transition-delay:0.2s}.delay-3{transition-delay:0.3s}.delay-4{transition-delay:0.4s}.delay-5{transition-delay:0.5s}.delay-6{transition-delay:0.6s}.delay-7{transition-delay:0.7s}.delay-8{transition-delay:0.8s}.delay-9{transition-delay:0.9s}.delay-10{transition-delay:1.0s}.delay-11{transition-delay:1.1s}.delay-12{transition-delay:1.2s}.delay-13{transition-delay:1.3s}.delay-14{transition-delay:1.4s}.delay-15{transition-delay:1.5s}.delay-16{transition-delay:1.6s}.delay-17{transition-delay:1.7s}.delay-18{transition-delay:1.8s}.delay-19{transition-delay:1.9s}.delay-20{transition-delay:2.0s}.typing-container{font-size:1.5rem;color:#dfe6e9;margin-bottom:40px;display:flex;justify-content:center;align-items:center;min-height:2.5rem;font-family:'Courier New',Courier,monospace}.typed-text{color:var(--primary-light);font-weight:400;font-family:monospace;letter-spacing:0.05em}.cursor{display:inline-block;width:3px;height:1.4rem;background-color:var(--primary-color);margin-left:4px;animation:blink 1s infinite}.cursor.typing{animation:none}@keyframes blink{0%,49%,100%{background-color:var(--primary-color)}50%,99%{background-color:transparent}}@media (max-width:768px){header h1{font-size:2.5rem}.header-buttons{flex-wrap:wrap;gap:12px;padding:0 16px}.header-buttons .btn{flex:1 1 auto;min-width:140px;padding:12px 20px;font-size:14px}.nav-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:var(--bg-nav);flex-direction:column;align-items:center;overflow:hidden;max-height:0;transition:max-height 0.4s ease-in-out;gap:0;box-shadow:0 10px 20px rgba(0,0,0,0.2);border-top:1px solid rgba(150,150,150,0.1)}.nav-menu_visible{max-height:400px;padding-bottom:20px}.nav-menu li{margin:15px 0;width:100%;text-align:center}.nav-menu li a{display:block;width:100%}.contact-form-card{padding:20px 16px}.contact-form .btn{width:100%}}.page-section{padding-top:120px;min-height:80vh}.center-actions{text-align:center;margin-top:4rem}.contact-form{display:flex;flex-direction:column;gap:20px;text-align:left}.form-control{width:100%;padding:14px 20px;border-radius:var(--radius);border:1px solid rgba(150,150,150,0.2);background-color:var(--bg-body);color:var(--text-main);font-family:inherit;font-size:1rem;transition:all 0.3s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(212,160,23,0.2)}textarea.form-control{resize:vertical;min-height:150px}.form-message{padding:15px;border-radius:var(--radius);margin-top:15px;display:none;font-weight:500}.form-message.success{display:block;background-color:rgba(46,204,113,0.1);color:#2ecc71;border:1px solid #2ecc71}.form-message.error{display:block;background-color:rgba(231,76,60,0.1);color:#e74c3c;border:1px solid #e74c3c}.contact-email{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:20px}.contact-email i{color:var(--primary-color);flex-shrink:0;font-size:1.2rem}.contact-email a{color:var(--text-main);font-weight:500;word-break:break-all;line-height:1.4}.turnstile-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;overflow:hidden}.turnstile-wrapper iframe{max-width:100%!important}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.size-1{grid-column:span 1}.size-2{grid-column:span 2}.size-3{grid-column:span 3}.size-4{grid-column:span 4}.size-5{grid-column:span 5}.size-6{grid-column:span 6}.size-7{grid-column:span 7}.size-8{grid-column:span 8}.size-9{grid-column:span 9}.size-10{grid-column:span 10}.size-11{grid-column:span 11}.size-12{grid-column:span 12}.size-full{grid-column:1 / -1}@media (max-width:768px){.size-1,.size-2,.size-3,.size-4,.size-5,.size-6,.size-7,.size-8,.size-9,.size-10,.size-11,.size-12{grid-column:1 / -1}}.login-section{display:flex;align-items:center;justify-content:center}.login-card{padding:40px;max-width:450px;margin:0 auto;text-align:center}.login-title{margin-bottom:30px;font-family:'Montserrat',sans-serif;font-weight:700}.admin-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-muted)}.login-input-group{text-align:left;margin-bottom:20px}.btn-full{width:100%;margin-top:10px}.back-link{font-size:0.95rem;color:var(--text-muted);display:inline-block;transition:color 0.2s}.back-link:hover{color:var(--primary-color)}.back-link-wrapper{margin-top:25px}.back-link-top{margin-bottom:15px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}.admin-header-title{margin-bottom:0;text-align:left}.admin-header-actions{display:flex;gap:15px}.btn-outline{border:1px solid var(--text-muted);color:var(--text-muted);background:transparent}.btn-outline:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,0.1)}.btn-sm{padding:8px 15px;font-size:0.85rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-section-title{margin:0;color:var(--primary-color)}.admin-table-wrapper{overflow-x:auto;padding:0;margin-bottom:60px}.admin-table{width:100%;border-collapse:collapse;min-width:700px;text-align:left}.admin-table thead tr{background-color:rgba(255,255,255,0.03);border-bottom:1px solid rgba(150,150,150,0.2)}.admin-table th{padding:15px 20px;color:var(--text-muted);font-weight:500}.admin-table tbody tr{border-bottom:1px solid rgba(150,150,150,0.1);transition:background-color 0.2s}.admin-table tbody tr:hover{background-color:rgba(255,255,255,0.02)}.admin-table td{padding:15px 20px}.td-order{font-weight:600;width:80px}.td-content{display:flex;align-items:center;gap:15px}.td-visibility{width:150px}.td-actions{text-align:right;width:150px}.admin-table-img{width:50px;height:35px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,0.1)}.admin-table-icon{width:40px;height:40px;background:rgba(255,255,255,0.05);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem}.admin-item-title{color:var(--text-main);font-size:1.05rem}.admin-item-subtitle{font-size:0.85rem;color:var(--text-muted)}.admin-badge{padding:4px 8px;border-radius:20px;font-size:0.8rem}.admin-badge-success{background:rgba(46,204,113,0.1);color:#2ecc71}.admin-badge-muted{background:rgba(164,176,190,0.1);color:var(--text-muted)}.btn-action{padding:6px 12px;font-size:0.85rem;margin-right:5px;background:transparent}.btn-action-edit{color:var(--primary-color);border:1px solid var(--primary-color)}.btn-action-edit:hover{background:var(--primary-color);color:#fff}.btn-action-delete{color:#e74c3c;border:1px solid #e74c3c}.btn-action-delete:hover{background:#e74c3c;color:#fff}.table-empty{padding:30px;text-align:center;color:var(--text-muted)}.admin-form-header{margin-bottom:40px}.admin-form-card{padding:40px}.admin-group-title{color:var(--primary-color);border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px;margin-bottom:20px}.admin-group-title.mt-40{margin-top:40px}.admin-checkbox-wrapper{display:flex;align-items:flex-end;height:100%;padding-bottom:15px}.admin-checkbox-label{display:flex;align-items:center;cursor:pointer;color:var(--text-main)}.admin-checkbox-input{margin-right:10px;width:18px;height:18px;accent-color:var(--primary-color)}.admin-required{color:var(--primary-color)}.admin-textarea{min-height:120px}.admin-form-actions{margin-top:40px;border-top:1px solid rgba(255,255,255,0.1);padding-top:25px;text-align:right}.btn-save{padding:12px 30px}.mr-8{margin-right:8px}.mr-10{margin-right:10px}footer p{margin:0}.footer-text{margin:0}.footer-link{color:var(--text-muted);text-decoration:underline;transition:color 0.2s}.footer-link:hover{color:var(--primary-light)}.contact-info-card{height:100%;display:flex;flex-direction:column;justify-content:center}.contact-email{font-size:1.2rem;margin-bottom:20px}.contact-bio{color:var(--text-muted);margin-bottom:30px}.contact-social{margin-top:0}.contact-form-card{padding:30px}.privacy-consent-wrapper{display:flex;align-items:flex-start;gap:10px}.privacy-consent-checkbox{margin-top:5px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.privacy-consent-label{font-size:0.85rem;color:var(--text-muted);text-align:left;cursor:pointer;line-height:1.5}.privacy-consent-link{text-decoration:underline;color:var(--primary-color)}.image-upload-container{display:flex;flex-direction:column;gap:10px}.image-preview{height:60px;border-radius:4px;border:1px solid rgba(255,255,255,0.1);object-fit:cover}input[type="file"].file-input{padding:10px;background:rgba(0,0,0,0.2)}.upload-hint{color:var(--text-muted);font-size:0.8rem;margin-top:-5px}.form-inline{display:inline}.mr-5{margin-right:5px}.page-404{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:70vh}.page-404-number{font-size:8rem;color:var(--primary-color);line-height:1;margin-bottom:10px}.page-404-title{margin-bottom:20px}.page-404-msg{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px}.btn-lg{padding:14px 40px;font-size:1.1rem}.header-buttons-wrap{margin-top:30px;flex-wrap:wrap}.detail-card-accent{border-left:4px solid var(--primary-color)}.detail-icon-primary{color:var(--primary-color);margin-right:15px}.role-text{font-size:1.05rem;line-height:1.8}.tech-icon-python{color:#3572A5}.tech-icon-js{color:#f1e05a}.tech-icon-docker{color:#2496ED}.tech-icon-primary{color:var(--primary-color)}.form-message-top{margin-bottom:25px}.otw-section{padding-top:80px;padding-bottom:0;background:var(--bg-body)}.otw-banner{display:flex;align-items:center;gap:24px;padding:24px 32px;border-left:4px solid var(--primary-color);margin-top:-30px;position:relative;z-index:1}.otw-banner-icon{font-size:2rem;color:var(--primary-color);flex-shrink:0;line-height:1}.otw-banner-body{flex:1;min-width:0}.otw-banner-title{font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.otw-banner-message{font-size:0.9rem;color:var(--text-muted);margin:0;line-height:1.5}@media (max-width:640px){.otw-banner{flex-direction:column;text-align:center;gap:16px;margin-top:0;border-left:none;border-top:4px solid var(--primary-color)}}.project-img-wrapper{position:relative;overflow:hidden}.project-img-wrapper img{width:100%;display:block}.project-case-study-ribbon{position:absolute;top:12px;right:-28px;background:var(--primary-color);color:#fff;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:4px 36px;transform:rotate(45deg);transform-origin:center;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.project-tag{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);color:var(--text-muted);font-size:0.72rem;font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap}[data-theme="light"] .project-tag{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1)}.privacy-header{margin-bottom:40px}.privacy-back{color:var(--text-muted);font-size:0.95rem;display:inline-block;margin-bottom:15px}.privacy-title{margin-bottom:0;text-align:left}.privacy-updated{color:var(--text-muted);margin-top:10px}.privacy-card{padding:40px;text-align:left}.privacy-intro{margin-bottom:30px}.privacy-section-title{color:var(--primary-color);margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5px}[data-theme="light"] .privacy-section-title{border-bottom-color:rgba(0,0,0,0.1)}.privacy-section-body{margin-bottom:30px;line-height:1.8}.privacy-section-intro{margin-bottom:10px}.privacy-list{margin-bottom:30px;padding-left:20px;color:var(--text-main)}.privacy-list li{margin-bottom:10px;line-height:1.7}.pdf-preview-link{color:var(--primary-color);word-break:break-all;font-size:0.85rem}.pdf-preview-link:hover{text-decoration:underline}.cb-arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.cb-arch-box{border:1px solid rgba(128,128,128,0.2);border-radius:8px;padding:20px}.cb-arch-box-core{border-color:var(--primary-color)}.cb-arch-label{font-family:monospace;font-size:0.85rem;font-weight:700;color:var(--primary-light);margin-bottom:12px}.cb-arch-list{list-style:none;padding:0;margin:0;font-family:monospace;font-size:0.8rem;color:var(--text-muted);line-height:2}.cb-callout{border-left:3px solid var(--primary-color);border-radius:0 6px 6px 0;padding:13px 18px;margin-top:20px;font-size:0.9rem;color:var(--text-muted);background:rgba(128,128,128,0.05)}.cb-callout strong{color:var(--text-main)}.cb-tech-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:0.875rem}.cb-tech-table tr{border-bottom:1px solid rgba(128,128,128,0.14)}.cb-tech-table tr:last-child{border-bottom:none}.cb-tech-table td{padding:10px 14px;vertical-align:middle}.cb-tech-table td:first-child{color:var(--text-muted);font-weight:600;width:170px;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.04em}.cb-tech-table td:last-child{font-family:monospace;color:var(--primary-light);font-size:0.84rem}.cb-routes-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:0.875rem}.cb-routes-table th{text-align:left;padding:8px 12px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-muted);border-bottom:2px solid var(--primary-color)}.cb-routes-table td{padding:9px 12px;border-bottom:1px solid rgba(128,128,128,0.12);vertical-align:middle}.cb-routes-table tr:last-child td{border-bottom:none}.cb-method{display:inline-block;font-family:monospace;font-size:0.72rem;font-weight:700;padding:2px 7px;border-radius:4px;min-width:46px;text-align:center}.cb-method-get{background:rgba(0,180,100,0.15);color:#00c87a}.cb-method-post{background:rgba(200,140,0,0.15);color:var(--primary-light)}.cb-route-path{font-family:monospace;font-size:0.82rem;color:var(--text-main)}.cb-route-desc{color:var(--text-muted);font-size:0.84rem}.cb-component-tree{font-family:monospace;font-size:0.82rem;line-height:2;color:var(--text-muted);background:var(--bg-body);border:1px solid rgba(128,128,128,0.14);border-radius:8px;padding:18px 22px;margin-top:16px;overflow-x:auto;white-space:pre}.cb-tree-hl{color:var(--primary-light);font-weight:600}.cb-tree-dim{color:var(--text-muted);opacity:0.6}.cb-code{font-family:monospace;font-size:0.8rem;line-height:1.8;color:var(--text-muted);background:var(--bg-body);border:1px solid rgba(128,128,128,0.14);border-radius:8px;padding:18px 22px;margin-top:16px;overflow-x:auto;white-space:pre}.cb-code .hl-key{color:var(--primary-light)}.cb-code .hl-val{color:#8ecae6}.cb-code .hl-str{color:#a8d8a8}.cb-code .hl-cmt{color:var(--text-muted);opacity:0.55}.cb-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.cb-security-card{border:1px solid rgba(128,128,128,0.18);border-radius:8px;padding:20px}.cb-security-icon{font-size:1.4rem;color:var(--primary-color);margin-bottom:10px}.cb-security-card h4{font-size:1rem;margin-bottom:8px;color:var(--text-main)}.cb-security-card p{font-size:0.865rem;color:var(--text-muted);margin:0;line-height:1.6}.cb-tenants-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.cb-tenant-card{border:1px solid rgba(128,128,128,0.18);border-radius:8px;padding:22px}.cb-tenant-badge{font-family:monospace;font-size:0.8rem;font-weight:700;color:var(--primary-light);background:rgba(200,160,0,0.1);display:inline-block;padding:2px 10px;border-radius:4px;margin-bottom:8px}.cb-tenant-subtitle{font-size:1rem;font-weight:600;color:var(--text-main);margin-bottom:10px}.cb-tenant-card p{font-size:0.865rem;color:var(--text-muted);margin:0;line-height:1.6}@media (max-width:680px){.cb-arch-grid,.cb-security-grid,.cb-tenants-grid{grid-template-columns:1fr}}