@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sora-600.woff2) format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sora-700.woff2) format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/sora-800.woff2) format("woff2")}:root{--ac: #a78bfa;--ac2: #c084fc;--accent: var(--ac);--accent-2: var(--ac2);--accent-ink: #10091f;--accent-glow: color-mix(in srgb, var(--ac) 28%, transparent);--bg: #08090f;--bg-soft: #0c0f18;--panel: #0c0f18;--panel-2: #0e1220;--surface: #121728;--surface-2: #141a2e;--chip: #12172a;--card-grad: linear-gradient(180deg, #121728, #0d1120);--border: #273150;--border-soft: #1d2438;--hair: #161d31;--text: #e8ecf5;--text-muted: #9aa6c2;--text-dim: #6b7796;--faint: #3d465f;--good: #4ade80;--warn: #fbbf24;--info: #60a5fa;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", var(--font-sans);--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--container: 1160px;--c-prose: 900px;--c-narrow: 860px;--c-cv: 1020px;--container-narrow: 860px;--r-card: 16px;--r-panel: 14px;--r-btn: 10px;--r-chip: 7px;--r-pill: 999px;--radius: 14px;--radius-sm: 9px;--radius-lg: 16px;--gap: 1.3rem;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .55);--shadow-card: 0 24px 60px rgba(0, 0, 0, .55), 0 0 30px color-mix(in srgb, var(--ac) 12%, transparent);--ease: cubic-bezier(.22, 1, .36, 1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,34px) scale(1.18)}}@keyframes drift2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-46px,26px) scale(1)}}@keyframes chipAurora{0%{background-position:0% 50%,100% 50%,50% 100%}50%{background-position:100% 50%,0% 50%,50% 0%}to{background-position:0% 50%,100% 50%,50% 100%}}@keyframes chipCode{0%{transform:translateY(0)}to{transform:translateY(-33.333%)}}@keyframes pulseDot{0%{box-shadow:0 0 8px #4ade80cc,0 0 #4ade8073}70%{box-shadow:0 0 8px #4ade80cc,0 0 0 7px #4ade8000}to{box-shadow:0 0 8px #4ade80cc,0 0 #4ade8000}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;font-size:17px;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}img{height:auto}a{color:var(--ac);text-decoration:none;transition:color .15s var(--ease)}a:hover{color:var(--text)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}h3{font-size:1.18rem}p{color:var(--text-muted)}ul{padding-left:1.1rem}code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:.1em .4em;border-radius:6px;color:var(--ac)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}*::-webkit-scrollbar-track{background:transparent}::selection{background:color-mix(in srgb,var(--ac) 35%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}[data-motion=off] *{animation:none!important;transition:none!important}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container.narrow{max-width:var(--c-narrow)}.container.prose{max-width:var(--c-prose)}.section{padding-block:clamp(3rem,8vw,5.5rem)}.section-sm{padding-block:clamp(2rem,5vw,3rem)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{text-align:center}.mono{font-family:var(--font-mono)}.eyebrow-mono{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;color:var(--ac)}.cmd{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.cmd:before{content:"$ ";color:var(--ac)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.96rem;padding:.72rem 1.3rem;border-radius:var(--r-btn);border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.btn:hover{transform:translateY(-2px);border-color:var(--ac)}.btn-primary{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--accent-ink);border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--ac) 28%,transparent)}.btn-primary:hover{color:var(--accent-ink);box-shadow:0 12px 30px color-mix(in srgb,var(--ac) 34%,transparent)}.btn-ghost{background:transparent}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em;padding:.24rem .6rem;border-radius:var(--r-chip);background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem}.card{background:var(--card-grad);border:1px solid var(--border-soft);border-radius:var(--r-card);box-shadow:var(--shadow)}.panel{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--r-panel);overflow:hidden}.panel-head{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:var(--panel-2);border-bottom:1px solid var(--hair);font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .64s var(--ease),transform .64s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}[data-page=home] [data-nav=home],[data-page=projects] [data-nav=projects],[data-page=detail] [data-nav=projects],[data-page=about] [data-nav=about],[data-page=cv] [data-nav=cv]{color:var(--ac)!important}[data-page=home] [data-nav=home]:after,[data-page=projects] [data-nav=projects]:after,[data-page=detail] [data-nav=projects]:after,[data-page=about] [data-nav=about]:after,[data-page=cv] [data-nav=cv]:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ac),var(--ac2))}@media(max-width:900px){[data-m~=hero]{grid-template-columns:1fr!important}[data-m~=feat]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-m~=feat]>a{grid-column:span 1!important}[data-m~=detail]{grid-template-columns:1fr!important}[data-m~=side]{position:static!important}}@media(max-width:760px){[data-page]{font-size:16px!important}[data-m~=wrap]{padding-left:1rem!important;padding-right:1rem!important}[data-m~=hdr]{flex-wrap:wrap;height:auto!important;padding-top:.55rem!important;padding-bottom:.55rem!important}[data-m~=hdr]>div:last-child{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.3rem!important}[data-m~=nav]{flex-wrap:wrap}[data-m~=nav] a{padding:.45rem .5rem!important;font-size:.84rem!important}[data-m~=nav] a:after{left:.5rem!important;right:.5rem!important}[data-m~=hdr] [data-lang-btn]{padding:.28rem .5rem!important}[data-m~=hero-pad]{padding-top:3rem!important;padding-bottom:2.5rem!important}[data-m~=feat],[data-m~=cvgrid]{grid-template-columns:1fr!important}[data-m~=cvgrid],[data-m~=cvhead]{padding-left:1.25rem!important;padding-right:1.25rem!important}}html:not([data-lang=hr]) [data-l=hr]{display:none!important}html[data-lang=hr] [data-l=en]{display:none!important}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:#08090fb8;border-bottom:1px solid var(--border-soft)}.bar[data-astro-cid-3ef6ksr2]{max-width:var(--container);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}.brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.65rem;color:var(--text);min-width:0}.brand[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}.brand-mark[data-astro-cid-3ef6ksr2]{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--accent-ink);font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:-.03em;flex-shrink:0;box-shadow:0 6px 18px color-mix(in srgb,var(--ac) 30%,transparent)}.crumb[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb[data-astro-cid-3ef6ksr2] .dimc[data-astro-cid-3ef6ksr2]{color:var(--text-dim)}.crumb[data-astro-cid-3ef6ksr2] .host[data-astro-cid-3ef6ksr2]{color:var(--ac)}.bar-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.6rem}.lang-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--chip)}.lang-opt[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.3rem .6rem;background:transparent;border:0;color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease)}.lang-opt[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}html[data-lang=en] .lang-opt[data-astro-cid-3ef6ksr2][data-lang-btn=en],html[data-lang=hr] .lang-opt[data-astro-cid-3ef6ksr2][data-lang-btn=hr]{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--accent-ink)}.nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.15rem}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{position:relative;color:var(--text-muted);font-weight:500;font-size:.92rem;padding:.5rem .8rem}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}.settings[data-astro-cid-3ef6ksr2]{position:relative}.gear[data-astro-cid-3ef6ksr2]{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--chip);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease)}.gear[data-astro-cid-3ef6ksr2]:hover{color:var(--text);border-color:var(--ac)}.settings-pop[data-astro-cid-3ef6ksr2]{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-lg);padding:.7rem .8rem;z-index:60}.settings-pop[data-astro-cid-3ef6ksr2][hidden]{display:none}.set-h[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);margin-bottom:.5rem}.set-row[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem 0}.set-l[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.set-toggle[data-astro-cid-3ef6ksr2]{cursor:pointer}.set-toggle[data-astro-cid-3ef6ksr2] input[data-astro-cid-3ef6ksr2]{accent-color:var(--ac);width:15px;height:15px;cursor:pointer}.swatches[data-astro-cid-3ef6ksr2]{display:inline-flex;gap:.35rem}.sw[data-astro-cid-3ef6ksr2]{width:18px;height:18px;border-radius:50%;background:var(--sw);border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s var(--ease)}.sw[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.12)}.sw[data-astro-cid-3ef6ksr2][aria-pressed=true]{border-color:var(--text)}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--hair);margin-top:4rem;background:var(--panel)}.foot[data-astro-cid-sz7xmlte]{max-width:var(--container);margin:0 auto;padding:2.2rem 2rem 1.2rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}.foot-name[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-weight:700;color:var(--text)}.foot-tag[data-astro-cid-sz7xmlte]{font-size:.8rem;margin-top:.15rem}.foot-links[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:1.1rem;font-family:var(--font-mono);font-size:.82rem}.foot-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-muted)}.foot-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--ac)}.foot-bottom[data-astro-cid-sz7xmlte]{max-width:var(--container);margin:0 auto;padding:0 2rem 1.6rem;font-size:.82rem}@media(max-width:760px){.foot[data-astro-cid-sz7xmlte],.foot-bottom[data-astro-cid-sz7xmlte]{padding-left:1rem;padding-right:1rem}}