@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.static{position:static}.flex{display:flex}.grid{display:grid}.hidden{display:none}.rotate-y-180{--tw-rotate-y:rotateY(180deg);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--muted-2:#475569;--card-shadow:0 8px 20px #0f172a0f;--card-shadow-lg:0 12px 28px #0f172a14;--accent:#60a5fa;--mark-bg:#60a5fa2e;--card-outline:transparent;--card-glow:none}:root.dark{--bg:#0b1220;--surface:#0f1728;--text:#e6eef8;--muted:#94a3b8;--muted-2:#cbd5e1;--card-shadow:0 10px 30px #0206178c;--card-shadow-lg:0 14px 36px #02061799;--accent:#60a5fa;--mark-bg:#60a5fa1f;--card-outline:#ffffff08;--card-glow:radial-gradient(420px 160px at 10% 0%,#60a5fa0a,transparent 25%),radial-gradient(420px 160px at 90% 100%,#60a5fa05,transparent 20%)}:root.sunset{--bg:#fff7ed;--surface:#fffaf0;--text:#2b2b2b;--muted:#7c5a3e;--muted-2:#6b4f3b;--card-shadow:0 8px 22px #633b180f;--card-shadow-lg:0 12px 30px #633b1814;--accent:#f59e0b;--mark-bg:#f59e0b1f;--card-outline:#633b180d;--card-glow:linear-gradient(180deg,#ffebd238,transparent 30%)}*,:before,:after{box-sizing:border-box}html,body,#__next{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.5}.container-max{max-width:960px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.site-nav{z-index:40;border-bottom:1px solid var(--card-outline,#0f172a0f);background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-nav{background:color-mix(in srgb,var(--bg)88%,transparent)}}.site-nav{-webkit-backdrop-filter:blur(10px)}.site-nav-inner{align-items:center;gap:1rem;min-height:56px;display:flex}.site-nav-brand{color:var(--text);letter-spacing:-.02em;margin-right:auto;font-weight:700;text-decoration:none}.site-nav-links{align-items:center;gap:.35rem;display:flex}.site-nav-link{color:var(--muted-2);border-radius:8px;padding:.4rem .7rem;font-size:.95rem;font-weight:500;text-decoration:none}.site-nav-link:hover{color:var(--text);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.site-nav-link:hover{background:color-mix(in srgb,var(--surface)70%,transparent)}}.site-nav-link.is-active{color:var(--text);background:var(--surface);box-shadow:0 0 0 1px var(--card-outline,#0f172a0f)}.about-layout{flex-direction:column;align-items:stretch;gap:1.25rem;margin-top:1.25rem;display:flex}.about-photo{width:min(100%,420px);height:auto;box-shadow:var(--card-shadow);border-radius:14px;flex:none;align-self:center}.about-copy{color:var(--muted-2);flex:auto;min-width:0;line-height:1.65}.about-copy p{margin:0 0 .9rem}.about-copy p:last-child{margin-bottom:0}.about-lead{color:var(--text);font-size:2.05rem;font-weight:500;line-height:1.5}.about-actions{flex-direction:column;align-items:center;gap:.85rem;margin-top:3.5rem;display:flex}.about-cta{color:var(--text);margin-bottom:.5rem;font-weight:600}.about-cta a{color:var(--accent);text-decoration:none}.about-cta a:hover{text-decoration:underline}.about-work-link{margin:0;font-size:.95rem}.about-work-link a{color:var(--muted-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.about-work-link a{-webkit-text-decoration-color:color-mix(in srgb,var(--accent)55%,transparent);text-decoration-color:color-mix(in srgb,var(--accent)55%,transparent)}}.about-work-link a{font-weight:500;transition:color .15s,text-decoration-color .15s}.about-work-link a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.contact-trigger{appearance:none;background:var(--accent);color:#fff;font:inherit;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--card-shadow);border:1px solid #0000;border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s}.contact-trigger:hover{filter:brightness(1.05);box-shadow:var(--card-shadow-lg);transform:translateY(-1px)}.contact-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);background:#0f172a7a;place-items:center;padding:1.25rem;animation:.16s contact-fade-in;display:grid;position:fixed;inset:0}.contact-dialog{background:var(--surface);width:min(100%,440px);color:var(--text);border:1px solid var(--card-outline,#0f172a14);box-shadow:var(--card-shadow-lg);border-radius:14px;padding:1.15rem 1.2rem 1.25rem;animation:.18s contact-rise-in}.contact-dialog-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.contact-dialog-title{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.contact-dialog-close{appearance:none;width:2rem;height:2rem;color:var(--muted-2);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:1.4rem;line-height:1}.contact-dialog-close:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.contact-dialog-close:hover{background:color-mix(in srgb,var(--text)6%,transparent)}}.contact-dialog-close:hover{color:var(--text)}.contact-dialog-form{flex-direction:column;gap:.75rem;display:flex}.contact-field{flex-direction:column;gap:.35rem;display:flex}.contact-label{color:var(--muted);font-size:.8rem;font-weight:600}.contact-input{border:1px solid var(--card-outline,#0f172a1a);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:.5rem .75rem;font-size:.95rem}.contact-input::placeholder{color:var(--muted)}.contact-input:focus{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.contact-input:focus{outline:2px solid color-mix(in srgb,var(--accent)55%,transparent)}}.contact-input:focus{outline-offset:1px;border-color:#0000}.contact-textarea{resize:vertical;min-height:110px;line-height:1.45}.contact-error{color:#dc2626;margin:0;font-size:.85rem}.contact-success{flex-direction:column;align-items:flex-start;gap:1rem;padding:.35rem 0 .15rem;display:flex}.contact-success p{color:var(--muted-2);margin:0;line-height:1.55}.contact-actions{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}.contact-cancel{appearance:none;border:1px solid var(--card-outline,#0f172a1a);background:var(--surface);color:var(--muted-2);font:inherit;cursor:pointer;border-radius:8px;padding:.55rem .95rem;font-size:.9rem;font-weight:600;transition:color .15s,background .15s}.contact-cancel:hover{color:var(--text);background:var(--text)}@supports (color:color-mix(in lab, red, red)){.contact-cancel:hover{background:color-mix(in srgb,var(--text)4%,transparent)}}.contact-submit{appearance:none;background:var(--accent);color:#fff;font:inherit;cursor:pointer;box-shadow:var(--card-shadow);border:1px solid #0000;border-radius:8px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;transition:filter .15s,box-shadow .15s}.contact-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--card-shadow-lg)}.contact-submit:disabled{opacity:.65;cursor:wait}@keyframes contact-fade-in{0%{opacity:0}to{opacity:1}}@keyframes contact-rise-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:882px){.about-layout{flex-direction:row;align-items:flex-start;gap:1.75rem}.about-photo{align-self:flex-start}.about-actions{align-items:flex-start}}.header-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.header-left h1{margin:0;font-size:2rem;font-weight:700;line-height:1.05}.header-left p{color:var(--muted-2);margin:.25rem 0}.theme-toggle{color:var(--muted-2);background:linear-gradient(#ffffff05,#00000005);border:1px solid #0f172a0f;border-radius:8px;align-items:center;gap:.5rem;padding:6px 10px;display:inline-flex}:root.dark .theme-toggle{color:var(--muted-2);background:#ffffff05;border:1px solid #ffffff0a}:root.sunset .theme-toggle{border:1px solid var(--card-outline);background:linear-gradient(#fff4e505,#00000003)}.search-row{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.search-row input[type=text]{background:var(--surface);color:var(--text);box-shadow:none;border:1px solid #0f172a0f;border-radius:6px;flex:auto;padding:.5rem .75rem}.cards-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;display:grid}@media (min-width:640px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.perspective{perspective:1200px}.preserve-3d{transform-style:preserve-3d}.card-wrapper{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform;width:100%;height:auto;min-height:220px;position:relative}.rotate-y-180{transform:rotateY(360deg)}.card-face,.card-front,.card-back{background:linear-gradient(180deg,var(--surface)0%,var(--surface)100%);box-shadow:var(--card-shadow);backface-visibility:hidden;transform-style:preserve-3d;border:1px solid var(--card-outline);border-radius:14px;flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .2s,background .2s;display:flex;position:absolute;inset:0;overflow:hidden}.card-face:before{content:"";pointer-events:none;background-image:var(--card-glow);opacity:1;mix-blend-mode:overlay;border-radius:14px;position:absolute;inset:0}.card-front{transform:rotateY(0)}.card-back,.card-wrapper.rotate-y-180 .card-front{transform:rotateY(180deg)}.card-wrapper.rotate-y-180 .card-back{transform:rotateY(360deg)}.card-header{align-items:center;gap:.75rem;display:flex}.card-icon{background:linear-gradient(135deg,#eef8ff,#eef9ff 60%);border-radius:10px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.card-title{color:var(--text);font-size:1.05rem;font-weight:600}.card-sub{color:var(--muted);z-index:20;font-size:.8rem;position:relative}.card-list{color:var(--text);margin:0;padding:0;font-size:.95rem;list-style:none}.card-body{color:var(--text);font-size:.95rem;line-height:1.4}.card-scroll{padding-right:.25rem;overflow:auto}.app-footer{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.85rem}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}svg{display:block}.card-image{-o-object-fit:contain;object-fit:contain;width:64px;height:64px;box-shadow:none;background:0 0;border:none;border-radius:10px;outline:none;margin:0;padding:0;display:block}.card-image--profile{-o-object-fit:cover;object-fit:cover;width:72px;height:72px;box-shadow:none;background:0 0;border:none;border-radius:50%;outline:none;padding:0}.card-image--logo{-o-object-fit:contain;object-fit:contain;width:64px;height:64px;box-shadow:none;background:0 0;border:none;border-radius:8px;outline:none;padding:0}mark{background:var(--mark-bg);border-radius:3px;padding:0 2px}.stacks-grid{color:var(--muted-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;font-size:.95rem;line-height:1.4rem;display:grid}@media (max-width:480px){.stacks-grid{grid-template-columns:1fr}.card-wrapper{min-height:300px}}.card-wrapper{transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s}.card-wrapper:hover,.card-wrapper:focus-within,.card-wrapper:focus{z-index:20;transform:translateY(-6px)translateZ(0)}.card-wrapper:hover .card-face,.card-wrapper:focus-within .card-face,.card-wrapper:focus .card-face{box-shadow:var(--card-shadow-lg);transition:box-shadow .18s,transform .18s cubic-bezier(.2,.9,.2,1)}.card-wrapper.rotate-y-180:hover .card-face,.card-wrapper.rotate-y-180:focus-within .card-face{box-shadow:var(--card-shadow-lg)}.card-wrapper:active{transform:translateY(-2px)translateZ(0)}.card-face{transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .18s,opacity .12s}:root.dark .card-wrapper:hover .card-face{box-shadow:0 18px 34px #020617b3}:root.sunset .card-wrapper:hover .card-face{box-shadow:0 18px 34px #2212081f,var(--card-shadow-lg)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}