:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #141414;--bg-card-hover: #1a1a1a;--border: #1e1e1e;--border-light: #2a2a2a;--accent: #ff4500;--accent-dim: #cc3700;--accent-glow: rgba(255, 69, 0, .15);--text-primary: #e8e8e8;--text-secondary: #888888;--text-muted: #555555;--font-heading: "Space Grotesk", "Arial Black", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-body: "Inter", -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--max-width: 1200px;--side-nav-width: 120px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-dim) var(--bg-secondary)}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg-secondary)}html::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}body{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--accent);color:#fff}.hero-banner{width:100%;height:220px;background:url(/images/hero-banner.png) center/cover no-repeat;position:relative;overflow:hidden}.hero-banner__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,var(--bg-primary) 100%)}.main-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);padding-right:calc(var(--side-nav-width) + var(--space-xl));position:relative}.top-email{position:fixed;top:var(--space-lg);right:var(--space-lg);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:.5px;transition:color var(--transition);z-index:10}.top-email:hover{color:var(--accent)}.section{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:none}.section__inner{width:100%}.section-heading{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.section-heading__icon{color:var(--accent);font-size:1.4rem;font-family:Space Grotesk,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-text-stroke:0;font-variant-emoji:text}.about-header{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-md)}.about-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;letter-spacing:3px;color:var(--text-primary);line-height:1}.status-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:#00c8501a;border:1px solid rgba(0,200,80,.3);padding:6px 14px;border-radius:20px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1px;color:#00c850;text-transform:uppercase}.status-badge__dot{width:8px;height:8px;border-radius:50%;background:#00c850;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.about-tagline{font-family:var(--font-mono);font-size:14px;font-style:italic;color:var(--text-secondary);margin-bottom:var(--space-xl)}.about-bio{margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:14px;line-height:1.8}.about-bio p{margin-bottom:var(--space-md)}.text-underline{text-decoration:underline;text-underline-offset:3px;color:var(--text-primary)}.text-bold{font-weight:600;color:var(--text-primary)}.text-accent{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.text-accent:hover{color:#ff6833}.about-highlights{margin-bottom:var(--space-xl)}.about-highlights li{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);padding:4px 0}.highlight-arrow{color:var(--accent);margin-right:var(--space-sm);font-weight:700}.social-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.social-btn{display:inline-block;padding:8px 20px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--text-primary);transition:all var(--transition)}.social-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);opacity:0;transform:translateY(30px)}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{border-color:var(--border-light);box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.project-card.visible:hover{transform:translateY(-2px)}.project-card__image{width:100%;height:200px;overflow:hidden;background:var(--bg-secondary)}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__info{padding:var(--space-lg)}.project-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.project-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:2px}.project-card__link{color:var(--text-muted);transition:color var(--transition)}.project-card__link:hover{color:var(--accent)}.project-card__desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase}.tag:before{content:"";width:6px;height:6px;border-radius:50%}.tag--react:before{background:#61dafb}.tag--node:before{background:#68a063}.tag--postgres:before{background:#336791}.tag--socket:before{background:#25c2a0}.tag--typescript:before{background:#3178c6}.tag--next:before{background:#fff}.tag--redis:before{background:#dc382d}.tag--grafana:before{background:#f46800}.tag--go:before{background:#00add8}.tag--docker:before{background:#2496ed}.tag--bash:before{background:#4eaa25}.tag--supabase:before{background:#3ecf8e}.tag--ffmpeg:before{background:#007808}.tag--python:before{background:#ffd43b}.tag--flutter:before{background:#02569b}.tag--riverpod:before{background:#0553b1}.tag--hive:before{background:#f5a623}.tag--kubernetes:before{background:#326ce5}.tag--prometheus:before{background:#e6522c}.tag--fastapi:before{background:#009688}.tag--websocket:before{background:#f7df1e}.tag--firebase:before{background:#ffca28}.tag--watsonx:before{background:#be95ff}.compact-projects{border-top:1px solid var(--border)}.compact-project{padding:var(--space-lg) 0;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:var(--space-md);font-size:13px;opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.4,0,.2,1),background .2s,padding-left .2s}.compact-project.visible{opacity:1;transform:translate(0)}.compact-project:hover{background:var(--bg-card);padding-left:var(--space-md)}.compact-project__name{font-family:var(--font-heading);font-weight:700;font-size:14px;letter-spacing:1.5px;color:var(--text-primary);flex-shrink:0}.compact-project__sep{color:var(--text-muted);flex-shrink:0}.compact-project__desc{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.more-link{text-align:right;margin-top:var(--space-lg);font-size:13px;color:var(--text-secondary)}.activity-graph{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);overflow-x:auto}.activity-graph__header{display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.activity-graph__months{display:flex;gap:0;margin-bottom:var(--space-sm)}.activity-graph__month{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:center}.activity-graph__grid{display:flex;gap:3px}.activity-graph__week{display:flex;flex-direction:column;gap:3px}.activity-graph__cell{width:12px;height:12px;border-radius:2px;background:var(--bg-secondary);transition:all .2s}.activity-graph__cell:hover{transform:scale(1.4);outline:1px solid var(--text-muted)}.activity-graph__cell[data-level="1"]{background:#1a0f00}.activity-graph__cell[data-level="2"]{background:#4d2600}.activity-graph__cell[data-level="3"]{background:#993d00}.activity-graph__cell[data-level="4"]{background:var(--accent)}.activity-graph__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.activity-graph__legend{display:flex;align-items:center;gap:var(--space-sm)}.activity-graph__legend-cell{width:12px;height:12px;border-radius:2px}.activity-tagline{text-align:right;margin-top:var(--space-md);font-family:var(--font-mono);font-size:13px;font-style:italic;color:var(--accent)}.contact-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl)}.contact-text{font-family:var(--font-mono);font-size:13px;letter-spacing:1px;line-height:2;color:var(--text-secondary)}.contact-form{margin-top:var(--space-xl)}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.contact-form__group{margin-bottom:var(--space-lg)}.contact-form__label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase}.contact-form__input{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;transition:border-color var(--transition),box-shadow var(--transition);outline:none;box-sizing:border-box}.contact-form__input::placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.5px}.contact-form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.contact-form__textarea{resize:vertical;min-height:120px;max-height:300px}.contact-form__footer{display:flex;align-items:center;gap:var(--space-lg)}.contact-form__submit{padding:12px 32px;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition)}.contact-form__submit:hover{background:var(--accent);color:#fff;box-shadow:0 0 25px var(--accent-glow);transform:translateY(-1px)}.contact-form__submit:active{transform:translateY(0)}.contact-form__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-form__status{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px}.contact-form__status--success{color:#00c850}.contact-form__status--error{color:#f44}@media(max-width:700px){.contact-form__row{grid-template-columns:1fr}.contact-form__footer{flex-direction:column;align-items:flex-start}}.side-nav{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;z-index:100;padding-right:var(--space-lg)}.side-nav__link{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1px;color:var(--text-muted);text-align:right;padding:6px 12px;border-right:2px solid transparent;transition:all var(--transition)}.side-nav__link:hover{color:var(--text-secondary)}.side-nav__link--active{color:var(--accent);border-right-color:var(--accent)}.footer{border-top:1px solid var(--border);padding:var(--space-xl) var(--space-lg)}.footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-right:var(--side-nav-width)}.footer__copy{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-muted)}.footer__links{display:flex;gap:var(--space-lg)}.footer__link{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-muted);transition:color var(--transition)}.footer__link:hover{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section--about .about-header{animation:fadeInUp .8s ease-out}.section--about .about-tagline{animation:fadeInUp .8s ease-out .1s both}.section--about .about-bio{animation:fadeInUp .8s ease-out .2s both}.section--about .about-highlights{animation:fadeInUp .8s ease-out .3s both}.section--about .social-links{animation:fadeInUp .8s ease-out .4s both}@media(max-width:900px){.side-nav,.top-email{display:none}.main-content{padding-right:var(--space-lg)}.footer__inner{padding-right:0}.about-title{font-size:2.5rem}}@media(max-width:700px){.projects-grid{grid-template-columns:1fr}.about-title{font-size:2rem}.about-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.compact-project{flex-direction:column;gap:var(--space-xs)}.hero-banner{height:100px}.section-heading{font-size:1.3rem}}.project-card[data-project],.compact-project[data-project]{cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;position:relative;transform:translateY(30px) scale(.95);transition:transform .35s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:var(--accent-dim) var(--bg-card)}.modal-overlay.active .modal{transform:translateY(0) scale(1)}.modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:10;line-height:1}.modal__close:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.modal__image{width:100%;height:280px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-secondary)}.modal__image img{width:100%;height:100%;object-fit:cover}.modal__body{padding:var(--space-xl)}.modal__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:3px;color:var(--text-primary);margin-bottom:var(--space-md)}.modal__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.modal__desc{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-xl)}.modal__desc p{margin-bottom:var(--space-md)}.modal__desc p:last-child{margin-bottom:0}.modal__github{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 24px;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--text-primary);transition:all var(--transition)}.modal__github:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}@media(max-width:700px){.modal{max-height:90vh}.modal__image{height:180px}.modal__title{font-size:1.2rem}.modal__body{padding:var(--space-lg)}}