:root{--color-primary: #a6e22e;--color-secondary: #66d9ef;--color-accent: #fd971f;--color-danger: #f92672;--color-text: #f8f8f2;--color-text-dim: #75715e;--color-bg: #272822;--color-bg-secondary: #1e1f1c;--color-bg-tertiary: #49483e;--color-border: #3c3d37;--color-primary-light: #7cb518;--color-secondary-light: #4a9bd1;--color-accent-light: #d68500;--color-danger-light: #d63384;--color-text-light: #2c2d2e;--color-text-dim-light: #6c757d;--color-bg-light: #ffffff;--color-bg-secondary-light: #f8f9fa;--color-bg-tertiary-light: #e9ecef;--color-border-light: #dee2e6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .25);--shadow-glow: 0 0 30px rgba(166, 226, 46, .15);--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=light]{--color-primary: var(--color-primary-light);--color-secondary: var(--color-secondary-light);--color-accent: var(--color-accent-light);--color-danger: var(--color-danger-light);--color-text: var(--color-text-light);--color-text-dim: var(--color-text-dim-light);--color-bg: var(--color-bg-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-bg-tertiary: var(--color-bg-tertiary-light);--color-border: var(--color-border-light);--shadow-glow: 0 0 30px rgba(124, 181, 24, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:color var(--transition-base),background-color var(--transition-base)}.theme-toggle{position:fixed;top:var(--space-6);right:var(--space-6);width:48px;height:48px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);transition:all var(--transition-base);z-index:var(--z-fixed);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);background:radial-gradient(circle at 20% 80%,rgba(166,226,46,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,217,239,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(253,151,31,.02) 0%,transparent 50%)}.terminal{width:100%;max-width:1024px;background:var(--color-bg-secondary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);overflow:hidden;position:relative;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.terminal__controls{display:flex;gap:var(--space-2)}.terminal__btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:transform var(--transition-fast)}.terminal__btn:hover{transform:scale(1.2)}.terminal__btn--close{background-color:#ff5f56}.terminal__btn--minimize{background-color:#ffbd2e}.terminal__btn--maximize{background-color:#27c93f}.terminal__title{font-size:var(--text-sm);color:var(--color-text-dim);font-weight:500}.terminal__content{padding:var(--space-8) var(--space-6) var(--space-6)}.line{margin-bottom:var(--space-4);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.line[data-delay="0.3"]{animation-delay:.3s}.line[data-delay="0.6"]{animation-delay:.6s}.line[data-delay="0.9"]{animation-delay:.9s}.line[data-delay="1.2"]{animation-delay:1.2s}.line[data-delay="1.5"]{animation-delay:1.5s}.line[data-delay="1.8"]{animation-delay:1.8s}.line[data-delay="2.1"]{animation-delay:2.1s}.line[data-delay="2.4"]{animation-delay:2.4s}.line[data-delay="2.7"]{animation-delay:2.7s}.line[data-delay="3.0"]{animation-delay:3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.line__content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:#ffffff05;border-left:3px solid var(--color-bg-tertiary);transition:all var(--transition-base)}.line:hover .line__content{background:#ffffff0a;border-left-color:var(--color-primary)}.line--output .line__content{margin-left:var(--space-6);border-left-color:var(--color-secondary)}.line--interactive .line__content{border-left-color:var(--color-primary);background:#a6e22e0d}.prompt{color:var(--color-primary);font-weight:500}.command{color:var(--color-secondary);font-weight:500}.output{color:var(--color-text)}.cursor{animation:blink 1s step-end infinite;color:var(--color-primary);font-weight:500}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.profile__name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.profile__roles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:500;border:1px solid;transition:all var(--transition-base)}.tag--primary{background:#a6e22e1a;border-color:var(--color-primary);color:var(--color-primary)}.tag--secondary{background:#66d9ef1a;border-color:var(--color-secondary);color:var(--color-secondary)}.tag--accent{background:#fd971f1a;border-color:var(--color-accent);color:var(--color-accent)}.tag--warning{background:#f926721a;border-color:var(--color-danger);color:var(--color-danger)}.tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.project-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-base);cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.project-card__icon{font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0d;border-radius:var(--radius-lg);flex-shrink:0}.project-card__content{flex:1}.project-card__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.project-card__description{color:var(--color-text-dim);font-size:var(--text-sm);margin-bottom:var(--space-3);line-height:1.5}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tech-tag{padding:var(--space-1) var(--space-2);background:var(--color-primary);color:var(--color-bg);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.tech-stack{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.tech-category{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tech-category__title{color:var(--color-accent);font-weight:600;margin-right:var(--space-2);min-width:120px}.tech-category__items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-item{padding:var(--space-1) var(--space-3);background:#ffffff0d;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);transition:all var(--transition-base)}.tech-item:hover{background:#ffffff1a;border-color:var(--color-secondary);transform:translateY(-1px)}.contact{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.contact__item{display:flex;align-items:center;gap:var(--space-3)}.contact__label{color:var(--color-accent);font-weight:500;min-width:80px}.contact__link{color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-base)}.contact__link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.filter-panel{position:fixed;top:120px;right:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translate(20px);transition:all var(--transition-base);z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-panel[aria-hidden=false]{opacity:1;visibility:visible;transform:translate(0)}.filter-panel__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.filter-buttons{display:flex;flex-direction:column;gap:var(--space-1)}.filter-btn{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:inherit}.filter-btn:hover,.filter-btn--active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}@media (max-width: 768px){.container{padding:var(--space-2);align-items:flex-start}.terminal{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.terminal__content{padding:var(--space-4) var(--space-4) var(--space-4)}.terminal__header{padding:var(--space-3) var(--space-4)}.terminal__title{font-size:var(--text-xs)}.line__content{padding:var(--space-2) var(--space-3)}.projects{grid-template-columns:1fr;gap:var(--space-3)}.project-card{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.project-card__icon{align-self:flex-start}.tech-category{flex-direction:column;align-items:flex-start}.tech-category__title{margin-right:0;margin-bottom:var(--space-1);min-width:auto}.theme-toggle{top:var(--space-4);right:var(--space-4);width:40px;height:40px;font-size:var(--text-lg)}.filter-panel{top:80px;right:var(--space-4);left:var(--space-4)}.filter-buttons{flex-direction:row;flex-wrap:wrap}}@media (max-width: 480px){.container{padding:var(--space-1)}.terminal{border-radius:var(--radius-xl)}.terminal__content{padding:var(--space-3)}.line__content{font-size:var(--text-sm)}.line--output .line__content{margin-left:var(--space-4)}.profile__roles{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary);color:var(--color-bg)}::-moz-selection{background:var(--color-primary);color:var(--color-bg)}