.kevin-olsen-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);position:relative;overflow:hidden;background-color:var(--color-background)}.kevin-olsen-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:repeating-linear-gradient(0deg,var(--color-border) 0,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,var(--color-border) 0,transparent 1px,transparent 40px);pointer-events:none}.kevin-olsen-hero-container{max-width:900px;z-index:1}.kevin-olsen-hero-container,.kevin-olsen-hero-content{width:100%;overflow-x:hidden}.kevin-olsen-hero-terminal{background-color:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(0,217,255,.1);overflow:hidden;font-family:var(--font-primary)}.kevin-olsen-hero-terminal-header{display:flex;align-items:center;padding:var(--spacing-md);background-color:rgba(0,0,0,.3);border-bottom:var(--border-width) var(--border-style) var(--color-border);gap:var(--spacing-md)}.kevin-olsen-hero-terminal-buttons{display:flex;gap:var(--spacing-xs)}.kevin-olsen-hero-terminal-button{width:12px;height:12px;border-radius:50%;background-color:var(--color-text-muted);opacity:.5}.kevin-olsen-hero-terminal-button:first-child{background-color:#ff5555}.kevin-olsen-hero-terminal-button:nth-child(2){background-color:#ffb86c}.kevin-olsen-hero-terminal-button:nth-child(3){background-color:#39ff14}.kevin-olsen-hero-terminal-title{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-primary)}.kevin-olsen-hero-terminal-body{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-x:hidden;max-width:100%}.kevin-olsen-hero-command-line{display:flex;gap:var(--spacing-md);font-family:var(--font-primary);font-size:var(--text-base);margin-bottom:var(--spacing-xs)}.kevin-olsen-hero-prompt{color:var(--color-accent);font-weight:var(--font-weight-bold)}.kevin-olsen-hero-command{color:var(--color-primary)}.kevin-olsen-hero-output{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md);overflow-x:hidden;max-width:100%}.kevin-olsen-hero-name{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);font-family:var(--font-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.kevin-olsen-hero-name-bracket{color:var(--color-secondary);font-size:var(--text-4xl)}.kevin-olsen-hero-name-text{color:var(--color-text-primary);text-shadow:0 0 20px rgba(0,217,255,.3)}.kevin-olsen-hero-role{font-size:var(--text-2xl);color:var(--color-primary);font-family:var(--font-primary);font-weight:var(--font-weight-medium);min-height:2.5rem;display:flex;align-items:center}.kevin-olsen-hero-cursor{color:var(--color-primary);animation:blink 1s step-end infinite;font-weight:var(--font-weight-bold)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.kevin-olsen-hero-description{padding-left:var(--spacing-xl);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);overflow-x:hidden;max-width:100%}.kevin-olsen-hero-comment{color:var(--color-text-muted);font-style:italic;font-size:var(--text-lg);font-family:var(--font-primary)}.kevin-olsen-hero-actions{display:flex;gap:var(--spacing-lg);padding-left:var(--spacing-xl);flex-wrap:wrap}.kevin-olsen-hero-btn-primary,.kevin-olsen-hero-btn-secondary{padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);text-decoration:none;transition:all .3s ease;border:var(--border-width) var(--border-style);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.kevin-olsen-hero-btn-primary[style*="cursor: default"],.kevin-olsen-hero-btn-secondary[style*="cursor: default"]{position:relative}.kevin-olsen-hero-btn-primary[style*="cursor: default"]:after,.kevin-olsen-hero-btn-secondary[style*="cursor: default"]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,217,255,.1);border-radius:var(--border-radius);pointer-events:none;z-index:0}.kevin-olsen-hero-editable-cta{position:relative;z-index:1;pointer-events:auto!important}.kevin-olsen-hero-btn-primary{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.kevin-olsen-hero-btn-primary:hover{background-color:transparent;color:var(--color-primary);box-shadow:0 0 20px rgba(0,217,255,.4);transform:translateY(-2px)}.kevin-olsen-hero-btn-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.kevin-olsen-hero-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px rgba(0,217,255,.2);transform:translateY(-2px)}.kevin-olsen-hero-btn-bracket{color:var(--color-secondary);font-weight:var(--font-weight-bold)}@media (max-width:768px){.kevin-olsen-hero{padding:var(--spacing-2xl) var(--spacing-md);padding-top:calc(60px + var(--spacing-xl));min-height:auto}.kevin-olsen-hero-terminal-body{padding:var(--spacing-lg) var(--spacing-md)}.kevin-olsen-hero-name{font-size:var(--text-3xl);flex-direction:column;gap:0;text-align:center}.kevin-olsen-hero-name-bracket{font-size:var(--text-2xl)}.kevin-olsen-hero-role{font-size:var(--text-lg);justify-content:center;text-align:center}.kevin-olsen-hero-comment{font-size:var(--text-base)}.kevin-olsen-hero-command-line{font-size:var(--text-sm);flex-wrap:wrap}.kevin-olsen-hero-actions,.kevin-olsen-hero-description,.kevin-olsen-hero-output{padding-left:var(--spacing-md)}.kevin-olsen-hero-actions{flex-direction:column;gap:var(--spacing-md)}.kevin-olsen-hero-btn-primary,.kevin-olsen-hero-btn-secondary{width:100%;justify-content:center}}@media (max-width:480px){.kevin-olsen-hero{padding:var(--spacing-xl) var(--spacing-sm);padding-top:calc(60px + var(--spacing-lg))}.kevin-olsen-hero-terminal-body{padding:var(--spacing-md)}.kevin-olsen-hero-terminal-header{padding:var(--spacing-sm) var(--spacing-md)}.kevin-olsen-hero-name{font-size:var(--text-2xl)}.kevin-olsen-hero-name-bracket{font-size:var(--text-xl)}.kevin-olsen-hero-actions,.kevin-olsen-hero-description,.kevin-olsen-hero-output{padding-left:var(--spacing-sm)}}.kevin-olsen-hero-editable-cta,.kevin-olsen-hero-editable-description,.kevin-olsen-hero-editable-input,.kevin-olsen-hero-editable-name,.kevin-olsen-hero-editable-prompt,.kevin-olsen-hero-editable-role{background:transparent;border:1px solid transparent;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;padding:2px 4px;border-radius:2px;transition:all .2s ease;outline:none;max-width:100%}.kevin-olsen-hero-editable-description.auto-sizing-textarea{resize:none;overflow:hidden;line-height:1.5;vertical-align:top;display:inline-block;max-width:100%;width:100%}.kevin-olsen-hero-editable-cta:hover,.kevin-olsen-hero-editable-description:hover,.kevin-olsen-hero-editable-input:hover,.kevin-olsen-hero-editable-name:hover,.kevin-olsen-hero-editable-prompt:hover,.kevin-olsen-hero-editable-role:hover{border-color:var(--color-primary);background:rgba(0,217,255,.05)}.kevin-olsen-hero-editable-cta:focus,.kevin-olsen-hero-editable-description:focus,.kevin-olsen-hero-editable-input:focus,.kevin-olsen-hero-editable-name:focus,.kevin-olsen-hero-editable-prompt:focus,.kevin-olsen-hero-editable-role:focus{border-color:var(--color-primary);background:rgba(0,217,255,.1);box-shadow:0 0 0 2px rgba(0,217,255,.2)}.kevin-olsen-hero-editable-input{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:120px}.kevin-olsen-hero-editable-prompt{color:var(--color-accent);font-weight:var(--font-weight-bold);min-width:100px}.kevin-olsen-hero-editable-name{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-shadow:0 0 20px rgba(0,217,255,.3);text-align:center;max-width:90%}.kevin-olsen-hero-editable-description{font-style:italic;color:var(--color-text-muted);max-width:100%;width:100%}.kevin-olsen-hero-editable-cta{background:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;padding:0;min-width:80px}.kevin-olsen-hero-roles-editor{background:rgba(0,0,0,.2);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-sm) 0}.kevin-olsen-hero-roles-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.kevin-olsen-hero-role-item{display:flex;align-items:center;gap:var(--spacing-sm)}.kevin-olsen-hero-editable-role{flex:1;font-size:var(--text-lg);color:var(--color-primary);font-weight:var(--font-weight-medium)}.kevin-olsen-hero-remove-role{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:4px;border-radius:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.kevin-olsen-hero-remove-role:hover{border-color:#ff5555;color:#ff5555;background:rgba(255,85,85,.1)}.kevin-olsen-hero-add-role{background:transparent;border:1px dashed var(--color-border);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-primary);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.kevin-olsen-hero-add-role:hover{border-color:var(--color-primary);background:rgba(0,217,255,.1)}@media (max-width:768px){.kevin-olsen-hero-editable-name{font-size:var(--text-3xl);min-width:150px}.kevin-olsen-hero-editable-description{min-width:200px}.kevin-olsen-hero-roles-editor{padding:var(--spacing-sm)}}