:root{--bg: #0a0a0a;--bg-card: #141414;--border: #1e1e1e;--border-hover: #19ff1d33;--text: #ffffff;--text-muted: #888888;--text-dim: #555555;--accent: #19ff1d;--accent-dim: #19ff1d33;--font: "JetBrains Mono", "Geist Mono", "IBM Plex Mono", "Courier New", monospace;--max-width: 1200px;--gap: 16px;--radius: 12px;--transition: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-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,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.status{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.social-links{display:flex;gap:16px}.social-links a{color:var(--text-muted);transition:color var(--transition);display:flex;align-items:center}.social-links a:hover{color:var(--text)}.social-links svg{width:18px;height:18px}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:var(--font);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.recipe-header-right{display:flex;align-items:center;gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:0 0 20px var(--accent-dim)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.section-icon{width:32px;height:32px;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.hero-section{padding:16px 0}.hero-card{position:relative}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hero-identity{display:flex;align-items:center;gap:16px}.hero-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#333,#555);border:2px solid var(--border);overflow:hidden;cursor:pointer;padding:0;position:relative;flex-shrink:0;transition:border-color var(--transition),box-shadow var(--transition)}.hero-avatar:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-dim)}.hero-avatar:hover .hero-avatar-hint{opacity:1}.hero-avatar-hint{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:var(--accent);color:var(--bg);border-radius:50%;font-size:.55rem;font-weight:700;font-style:italic;font-family:var(--font);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition);pointer-events:none}.hero-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-contact-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--text);color:var(--bg);border:none;border-radius:6px;font-family:var(--font);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity var(--transition)}.hero-contact-btn:hover{opacity:.85}.hero-name{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:0}.hero-tagline{font-size:.85rem;color:var(--text-muted);line-height:1.5}.about-collapse{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.about-collapse.open{overflow:visible}.about-inner{padding-top:20px;margin-top:20px;border-top:1px solid var(--border)}.about-profile{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:24px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.profile-row{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-bottom:1px solid var(--border)}.profile-row:nth-last-child(-n+2){border-bottom:none}.profile-label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.profile-value{font-size:.8rem;color:var(--text);font-weight:500}.about-content{margin-top:8px}.about-prompt{color:var(--accent);font-size:.75rem;margin-bottom:12px}.about-text{font-size:.85rem;color:var(--text-muted);line-height:1.7}.about-text .highlight{color:var(--text)}.cursor-blink{display:inline-block;width:8px;height:1em;background:var(--accent);margin-left:4px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blog-section{padding:16px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.blog-item .card{height:100%;padding:0;overflow:hidden;border:none;box-shadow:inset 0 0 0 1px var(--border)}.blog-detail-thumb{width:calc(100% + 64px);margin:-32px -32px 24px;height:420px;border-radius:var(--radius);position:relative;overflow:hidden}.blog-detail-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-thumb{width:100%;height:220px;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative;overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-card),transparent 50%)}.blog-info{padding:20px}.blog-date{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.blog-title{font-size:.9rem;font-weight:600;line-height:1.4}.blog-tag{display:inline-block;font-size:.65rem;color:var(--accent);margin-top:8px;text-transform:uppercase;letter-spacing:.1em}.view-all-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:24px;transition:opacity var(--transition)}.view-all-link:hover{opacity:.7}.projects-section{padding:16px 0}.projects-list{display:flex;flex-direction:column;gap:2px}.project-item{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--border);transition:background var(--transition);cursor:pointer}.project-item:hover{background:var(--bg-card)}.project-item:last-child{border-bottom:none}.project-icon{width:48px;height:48px;border-radius:10px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-icon svg{width:22px;height:22px;color:var(--accent)}.project-info{flex:1;min-width:0}.project-name{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.project-desc{font-size:.75rem;color:var(--text-muted)}.project-tags{display:flex;gap:8px;flex-shrink:0}.project-tag{font-size:.6rem;color:var(--accent);border:1px solid var(--accent-dim);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.project-arrow{color:var(--text-dim);font-size:1rem;flex-shrink:0;transition:color var(--transition),transform var(--transition)}.project-item:hover .project-arrow{color:var(--accent);transform:translate(4px)}.site-footer{padding:48px 0 24px;margin-top:32px}.footer-card{text-align:center}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.footer-clock{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.footer-social{display:flex;gap:12px}.footer-social a{color:var(--text-dim);transition:color var(--transition);display:flex}.footer-social a:hover{color:var(--text)}.footer-social svg{width:16px;height:16px}.footer-email{display:inline-flex;align-items:center;gap:12px;margin:24px 0;cursor:pointer;transition:color var(--transition)}.footer-email:hover{color:var(--accent)}.footer-email-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.footer-email-icon{color:var(--accent);font-size:.75rem}.footer-collab{font-size:clamp(2rem,6vw,4rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:40px 0;background:linear-gradient(to right,var(--text),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-bottom{display:flex;justify-content:center;align-items:center;gap:4px;padding-top:24px;border-top:1px solid var(--border);font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.footer-page-links{display:flex;justify-content:center;gap:16px;padding-top:16px}.footer-page-links a{color:var(--text-dim);transition:color var(--transition);display:flex}.footer-page-links a:hover{color:var(--text)}.footer-page-links svg{width:16px;height:16px}.footer-credit a{color:var(--text-muted);transition:color var(--transition)}.footer-credit a:hover{color:var(--accent)}.recipe-page-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 40px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;transition:color var(--transition)}.back-link:hover{color:var(--accent)}.page-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.recipes-list{display:flex;flex-direction:column;gap:24px;padding-bottom:60px}.recipe-card{display:block}.recipe-card .card{padding:0;overflow:hidden}.recipe-image{width:100%;height:350px;position:relative;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.recipe-image img{width:100%;height:100%;object-fit:cover;object-position:center}.recipe-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-card) 0%,transparent 40%);pointer-events:none}.recipe-detail-card{overflow:hidden}.recipe-detail-image{width:calc(100% + 64px);height:420px;margin:-32px -32px 24px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;position:relative}.recipe-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center}.recipe-detail-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-card) 0%,transparent 50%);pointer-events:none}.recipe-info{padding:24px 28px 28px}.recipe-name{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.recipe-tags{display:flex;gap:8px;flex-wrap:wrap}.recipe-tag{font-size:.6rem;color:var(--accent);border:1px solid var(--accent-dim);padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.blog-content{font-size:.9rem;color:var(--text-muted);line-height:1.8}.blog-content h2{color:var(--text);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:32px 0 16px}.blog-content h3{color:var(--text);font-size:.9rem;font-weight:600;margin:24px 0 12px}.blog-content p{margin-bottom:16px}.blog-content ul,.blog-content ol{list-style:disc;padding-left:24px;margin-bottom:16px}.blog-content li{margin-bottom:8px}.blog-content code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.85em}.blog-content pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto;margin-bottom:16px}.blog-content pre code{background:none;padding:0}.blog-content a{color:var(--accent);text-decoration:underline}.blog-content table{width:100%;border-collapse:collapse;margin-bottom:16px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-content thead,.blog-content tbody,.blog-content tr{display:table;width:100%;table-layout:fixed}.blog-content th,.blog-content td{padding:10px 12px;border:1px solid var(--border);text-align:left;font-size:.8rem}.blog-content th{background:var(--bg);font-weight:600;color:var(--text)}.blog-content td{background:var(--bg-card)}.blog-content img{max-width:100%;height:auto}.blog-content hr{border:none;border-top:1px solid var(--border);margin:40px 0}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.fade-in{opacity:1;transform:none;transition:none}.cursor-blink{animation:none}}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.project-tags{display:none}}@media(max-width:640px){.container{padding:0 16px}.blog-grid{grid-template-columns:1fr}.hero-name{font-size:1.1rem}.about-profile{grid-template-columns:1fr}.profile-row:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.profile-row:last-child{border-bottom:none}.footer-collab{font-size:1.8rem}.footer-top{flex-direction:column;gap:16px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.recipe-image{height:240px}.recipe-page-header{flex-direction:column;gap:16px;align-items:flex-start}}