:root{--bg-primary: #0d0d0d;--bg-secondary: #151515;--bg-tertiary: #1a1a1a;--text-primary: #F5F5F5;--text-secondary: #A0A0A0;--text-muted: #707070;--accent: #FF5F00;--accent-hover: #FF4500;--border-dark: #2a2a2a;--border-medium: #3a3a3a;--font-display: "JetBrains Mono", "Courier New", monospace;--font-body: "Fira Code", "Monaco", "Courier New", monospace;--section-padding: clamp(4rem, 10vw, 8rem);--container-max: 1400px}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--text-primary: #0d0d0d;--text-secondary: #505050;--text-muted: #808080;--accent: #FF5F00;--accent-hover: #FF4500;--border-dark: #d0d0d0;--border-medium: #c0c0c0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-height:100vh}body{font-family:var(--font-body, "Monaco", "Courier New", monospace);font-size:16px;line-height:1.6;color:var(--text-primary, #F5F5F5);background-color:var(--bg-primary, #0d0d0d);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.1}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.btn{font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:.05em;padding:.875rem 2rem;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;position:relative;overflow:hidden;transition:none}.btn:hover,.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor{color:var(--accent);animation:blink 1s step-end infinite}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;background:#050505f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-dark)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.nav{display:flex;gap:2.5rem}.nav-link{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);letter-spacing:.05em;transition:none}.nav-link:hover{color:var(--accent)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,95,0,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,95,0,.05) 0%,transparent 40%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.hero-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,95,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,95,0,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}.hero-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-lines .line{position:absolute;width:1px;height:200%;background:linear-gradient(180deg,transparent 0%,rgba(255,95,0,.15) 50%,transparent 100%);transform:rotate(15deg);animation:line-move 8s ease-in-out infinite}.hero-lines .line:nth-child(1){left:20%;animation-delay:0s}.hero-lines .line:nth-child(2){left:50%;animation-delay:2s}.hero-lines .line:nth-child(3){left:80%;animation-delay:4s}@keyframes line-move{0%,to{transform:rotate(15deg) translateY(-10%);opacity:.3}50%{transform:rotate(15deg) translateY(10%);opacity:.8}}.hero-content{position:relative;text-align:center;max-width:900px}.hero-pre{font-size:clamp(.875rem,2vw,1.125rem);color:var(--text-secondary);letter-spacing:.15em;margin-bottom:1.5rem;text-transform:uppercase}.hero-title{font-size:clamp(3rem,10vw,6rem);margin-bottom:2rem;text-transform:uppercase;line-height:1.15;letter-spacing:-.02em}.hero-accent{color:var(--accent);text-shadow:0 0 60px rgba(255,95,0,.4)}.hero-subtitle{font-size:1rem;color:var(--text-secondary);max-width:700px;margin:0 auto 3rem;line-height:1.8}.hero-cta{font-size:1rem;padding:1.25rem 3rem}.blackbox{padding:var(--section-padding) 0;background:var(--bg-secondary);border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);position:relative;overflow:hidden}.blackbox:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at 100% 50%,rgba(255,95,0,.06) 0%,transparent 60%);pointer-events:none}.blackbox-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative}.blackbox-visual{display:flex;align-items:center;justify-content:center;position:relative;height:350px}.triad-shape{position:relative;width:300px;height:300px}.triad-ring{position:absolute;inset:0;border:1px solid rgba(255,95,0,.15);border-radius:50%;animation:triad-pulse 4s ease-in-out infinite}.triad-ring:nth-child(2){inset:30px;animation-delay:1s}@keyframes triad-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.02);opacity:.8}}.triad-connections{position:absolute;inset:0;width:100%;height:100%}.triad-connections line{stroke:#ff5f004d;stroke-width:1;stroke-dasharray:4 4}.triad-node{position:absolute;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent);font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--accent);letter-spacing:.05em;text-shadow:0 0 20px rgba(255,95,0,.5);transition:transform .3s ease,box-shadow .3s ease}.triad-node:hover{transform:scale(1.1);box-shadow:0 0 30px #ff5f0066}.node-ai{top:10px;left:50%;transform:translate(-50%);font-size:1.2rem}.node-ai:hover{transform:translate(-50%) scale(1.1)}.node-software{bottom:30px;left:10px}.node-human{bottom:30px;right:10px}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:2rem;text-transform:uppercase}.section-title.center{text-align:center}.blackbox-text{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.blackbox-text strong{color:var(--text-primary)}.terminal-specs{margin-top:2.5rem;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-dark)}.spec-line{display:flex;gap:.75rem;padding:.5rem 0;font-size:.875rem}.spec-prompt{color:var(--accent)}.spec-label{color:var(--text-secondary)}.spec-value{color:var(--accent);font-weight:500}.capabilities{padding:var(--section-padding) 0;position:relative;overflow:hidden}.capabilities:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(0deg,rgba(255,95,0,.03) 0%,transparent 100%);pointer-events:none}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem}.capability-card{padding:3rem 2rem;border-left:1px solid var(--border-dark);transition:none;position:relative}.capability-card:first-child{border-left:none}.capability-card:hover{background:var(--bg-secondary)}.capability-card:hover .capability-icon{text-shadow:0 0 30px rgba(255,95,0,.6)}.capability-icon{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--accent);margin-bottom:1.5rem;line-height:1}.capability-subtitle{display:block;font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.5rem}.capability-title{font-size:1.125rem;margin-bottom:1rem;letter-spacing:.02em}.capability-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.7}.proof{padding:var(--section-padding) 0;background:var(--bg-secondary);border-top:1px solid var(--border-dark);position:relative;overflow:hidden}.proof:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:radial-gradient(ellipse at 0% 50%,rgba(255,95,0,.04) 0%,transparent 60%);pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}.project-card{background:var(--bg-primary);border:1px solid var(--border-dark);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.project-card:hover{border-color:var(--accent)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.project-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent)}.project-sector{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em;white-space:nowrap}.project-scope{font-family:var(--font-display);font-size:.75rem;color:var(--text-secondary);letter-spacing:.02em;padding:.25rem .5rem;background:var(--bg-tertiary);display:inline-block;width:fit-content}.project-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;flex:1}.project-result{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-primary);padding-top:.75rem;border-top:1px solid var(--border-dark)}.logs-table{margin-top:3rem;border:1px solid var(--border-dark);overflow-x:auto}.logs-header,.logs-row{display:grid;grid-template-columns:1.2fr 1fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem}.logs-header{background:var(--bg-primary);font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-dark)}.logs-row{font-size:.875rem;border-bottom:1px solid var(--border-dark);transition:none}.logs-row:last-child{border-bottom:none}.logs-row:hover{background:#ff5f000d}.log-client{color:var(--accent);font-weight:500}.log-sector{color:var(--text-secondary)}.log-before{color:var(--text-muted)}.log-after{color:var(--text-primary)}.log-improvement{color:var(--accent);font-weight:500}.leadership{padding:var(--section-padding) 0;border-top:1px solid var(--border-dark)}.leadership-content{max-width:800px}.leadership-label{display:block;font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;margin-bottom:1rem}.leadership-headline{font-size:1.25rem;color:var(--text-primary);font-style:italic;margin-bottom:1.5rem}.leadership-headline strong{color:var(--accent);font-style:normal}.leadership-bio{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.leadership-cta{margin-top:2.5rem}.leadership-skills{display:flex;flex-direction:column;gap:2rem}.skill-group{display:flex;flex-direction:column;gap:.75rem}.skill-label{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{font-size:.8rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.skill-tag:hover{border-color:var(--accent);color:var(--accent)}.footer{padding:3rem 0;background:var(--bg-primary);border-top:1px solid var(--border-dark)}.footer-inner{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:center}.footer-left{display:flex;flex-direction:column;gap:.25rem}.footer-brand{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary)}.footer-tagline{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.footer-address{font-size:.75rem;color:var(--text-muted);line-height:1.5;margin-top:.75rem}.footer-center{text-align:center}.footer-quote{font-size:.875rem;color:var(--text-muted);font-style:italic}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.footer-link{font-family:var(--font-display);font-size:.875rem;color:var(--accent);font-weight:500}.footer-link:hover{text-decoration:underline}.footer-email,.footer-phone{font-size:.75rem;color:var(--text-secondary)}.footer-phone:hover{color:var(--accent)}.footer-socials{display:flex;gap:1.5rem}.footer-social{font-size:.75rem;color:var(--accent);font-weight:500}.footer-social:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);max-width:500px;width:100%;padding:2.5rem;position:relative;max-height:90vh;overflow-y:auto}.modal-content.modal-large{max-width:600px}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;line-height:1;padding:.5rem}.modal-close:hover{color:var(--accent)}.modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.modal-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-dark);color:var(--text-primary);padding:.875rem 1rem;font-family:var(--font-body);font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-section{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-dark);margin-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-label{font-size:.7rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.form-group select{background:var(--bg-primary);border:1px solid var(--border-dark);color:var(--text-primary);padding:.875rem 1rem;font-family:var(--font-body);font-size:.875rem;transition:border-color .2s ease;cursor:pointer;width:100%}.form-group select:focus{outline:none;border-color:var(--accent)}.form-group select option{background:var(--bg-primary);color:var(--text-primary)}.form-error{color:#f44;font-size:.875rem;text-align:center}.form-submit{margin-top:.5rem;width:100%}.form-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.form-row{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.page-hero{padding:10rem 0 5rem;position:relative;overflow:hidden;background:var(--bg-secondary);border-bottom:1px solid var(--border-dark)}.page-hero .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(255,95,0,.1) 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.page-hero .container{position:relative;z-index:1}.page-hero-label{display:block;font-size:.75rem;color:var(--accent);letter-spacing:.15em;margin-bottom:1rem}.page-hero-title{font-size:clamp(2rem,6vw,4rem);margin-bottom:1.5rem;text-transform:uppercase;line-height:1.1}.page-hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:2rem}.page-section{padding:5rem 0}.page-section.bg-secondary{background:var(--bg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.service-card{padding:2rem;border:1px solid var(--border-dark);transition:border-color .3s ease}.service-card:hover{border-color:var(--accent)}.service-icon{color:var(--accent);margin-bottom:1rem;display:block}.service-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.service-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.process-card{text-align:center;padding:2rem 1rem}.process-step{display:block;font-size:2.5rem;font-weight:800;color:var(--accent);margin-bottom:1rem;font-family:var(--font-display)}.process-title{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.process-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.programs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.program-card{padding:2rem;border:1px solid var(--border-dark);transition:border-color .3s ease}.program-card:hover{border-color:var(--accent)}.program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.program-icon{color:var(--accent)}.program-duration{font-size:.75rem;color:var(--accent);font-weight:700;padding:.25rem .75rem;border:1px solid var(--accent)}.program-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.program-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.benefit-card{text-align:center;padding:2rem}.benefit-metric{display:block;font-size:3rem;font-weight:800;color:var(--accent);font-family:var(--font-display);margin-bottom:.5rem}.benefit-label{font-size:.875rem;color:var(--text-secondary)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.section-text{font-size:1rem;color:var(--text-secondary);line-height:1.8}.methodology-list{display:flex;flex-direction:column;gap:1rem}.methodology-item{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--text-primary)}.methodology-check{color:var(--accent);font-weight:700}.squad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.squad-card{padding:2rem;border:1px solid var(--border-dark);transition:border-color .3s ease}.squad-card:hover{border-color:var(--accent)}.squad-icon{color:var(--accent);margin-bottom:1rem;display:block}.squad-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.squad-composition{display:block;font-size:.75rem;color:var(--accent);margin-bottom:1rem;letter-spacing:.05em}.squad-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.differentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.differential-card{padding:1.5rem;text-align:center}.differential-title{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.differential-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.cta-box{text-align:center;padding:4rem 2rem;border:1px solid var(--border-medium);background:var(--bg-primary)}.cta-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.cta-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}@media(max-width:1024px){.services-grid,.process-grid,.benefits-grid,.differentials-grid{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.services-grid,.programs-grid,.squad-grid{grid-template-columns:1fr}.process-grid,.benefits-grid,.differentials-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.process-grid,.benefits-grid,.differentials-grid{grid-template-columns:1fr}}.page-container{min-height:100vh;background:var(--bg-primary)}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-dark);padding:2.5rem;max-width:600px;margin:0 auto}.auth-title{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-display);font-size:.75rem;color:var(--text-secondary);letter-spacing:.05em}.form-group input{font-family:var(--font-body);font-size:.875rem;padding:.875rem;background:var(--bg-primary);border:1px solid var(--border-dark);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--accent)}.message{padding:1rem;border:1px solid;margin-bottom:1.5rem;font-size:.875rem}.message-success{background:#00ff000d;border-color:#0f0;color:#0f0}.message-error{background:#ff00000d;border-color:#f33;color:#f33}.message-warning{background:#ffa5000d;border-color:orange;color:orange}.auth-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-dark);text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent);font-weight:500}.auth-footer a:hover{text-decoration:underline}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-dark);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-dark)}.admin-card-header h3{font-family:var(--font-display);font-size:1.125rem;color:var(--text-primary)}.badge{font-family:var(--font-display);font-size:.625rem;padding:.25rem .75rem;border:1px solid;letter-spacing:.05em}.badge-pending{border-color:orange;color:orange;background:#ffa5001a}.badge-team{border-color:var(--accent);color:var(--accent);background:#ff5f001a}.badge-comunidade{border-color:var(--text-secondary);color:var(--text-secondary);background:#a0a0a01a}.admin-card-body{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.admin-card-body p{color:var(--text-secondary)}.admin-card-body strong{color:var(--text-primary)}.admin-card-actions{display:flex;gap:.75rem;margin-top:auto}.admin-card-actions .btn{font-size:.75rem;padding:.625rem 1rem}.portal-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.portal-sidebar{position:fixed;left:0;top:0;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-dark);display:flex;flex-direction:column;transition:width .3s ease;z-index:1000}.portal-sidebar.open{width:280px}.portal-sidebar.closed{width:80px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-dark)}.sidebar-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--text-primary)}.sidebar-toggle{background:none;border:1px solid var(--border-dark);color:var(--text-secondary);padding:.25rem .5rem;cursor:pointer;font-size:1rem}.sidebar-toggle:hover{border-color:var(--accent);color:var(--accent)}.sidebar-user{padding:1.5rem;border-bottom:1px solid var(--border-dark);display:flex;gap:1rem;align-items:center}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--bg-primary);flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-family:var(--font-display);font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badges{display:flex;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.user-badges .badge{font-size:.625rem;padding:.125rem .5rem}.user-points{font-size:.75rem;color:var(--accent);font-weight:600}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:var(--text-secondary);font-family:var(--font-display);font-size:.875rem;transition:none;position:relative}.nav-item:hover{background:#ff5f000d;color:var(--text-primary)}.nav-item.active{background:#ff5f001a;color:var(--accent);border-left:3px solid var(--accent)}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-item.disabled:hover{background:none;color:var(--text-secondary)}.nav-icon{font-size:1.25rem;flex-shrink:0}.nav-label{flex:1;white-space:nowrap}.nav-badge{font-size:.625rem;padding:.125rem .5rem;border-radius:2px;font-weight:600;letter-spacing:.05em}.nav-badge.badge-accent{background:var(--accent);color:var(--bg-primary)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-dark)}.btn-logout{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem;background:none;border:1px solid var(--border-dark);color:var(--text-secondary);font-family:var(--font-display);font-size:.875rem;cursor:pointer;transition:none}.btn-logout:hover{border-color:var(--accent);color:var(--accent)}.portal-main{flex:1;padding:2rem;transition:margin-left .3s ease;min-height:100vh}.portal-main.sidebar-open{margin-left:280px}.portal-main.sidebar-closed{margin-left:80px}.portal-content{max-width:1400px;margin:0 auto}.portal-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-dark)}.portal-title{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.portal-subtitle{font-size:.875rem;color:var(--text-secondary)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5f00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}@media(max-width:1024px){.nav{display:none}.blackbox-inner{grid-template-columns:1fr;gap:3rem}.blackbox-visual{order:-1;height:280px}.triad-shape{width:250px;height:250px}.triad-node{width:70px;height:70px;font-size:.6rem}.node-ai{font-size:1rem}.capabilities-grid{grid-template-columns:1fr}.capability-card{border-left:none;border-bottom:1px solid var(--border-dark)}.capability-card:last-child{border-bottom:none}.logs-header,.logs-row{grid-template-columns:repeat(4,minmax(100px,1fr))}.footer-inner{grid-template-columns:1fr;text-align:center;gap:2rem}.footer-left,.footer-right{align-items:center}}@media(max-width:640px){.header-inner{flex-wrap:wrap;gap:1rem}.header .btn{width:100%;text-align:center}.hero-title{font-size:2.5rem}.hero-pre{font-size:.75rem}.logs-header span:nth-child(3),.logs-row span:nth-child(3){display:none}.logs-header,.logs-row{grid-template-columns:1fr 1fr 1fr}}
