/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */::-webkit-scrollbar{width:8px;height:8px;background:#212020}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-display:auto;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-display:auto;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-display:auto;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}code[class*="language-"],pre[class*="language-"]{color:white;background:none;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em black;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:#141414}pre[class*="language-"]{border-radius:.5em;border:0.3em solid #545454;box-shadow:1px 1px .5em black inset;margin:.5em 0;overflow:auto;padding:1em}pre[class*="language-"]::-moz-selection{background:#27292a}pre[class*="language-"]::selection{background:#27292a}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:rgba(237,237,237,0.15)}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:rgba(237,237,237,0.15)}:not(pre)>code[class*="language-"]{border-radius:.3em;border:0.13em solid #545454;box-shadow:1px 1px .3em -.1em black inset;padding:.15em .2em .05em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#787878}.token.punctuation{opacity:.7}.token.namespace{opacity:.7}.token.tag,.token.boolean,.token.number,.token.deleted{color:#cf694a}.token.keyword,.token.property,.token.selector,.token.constant,.token.symbol,.token.builtin{color:#f9ee9a}.token.attr-name,.token.attr-value,.token.string,.token.char,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable,.token.inserted{color:#919e6b}.token.atrule{color:#7386a5}.token.regex,.token.important{color:#e9c163}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{padding:1em 0 1em 3em;position:relative}.language-markup .token.tag,.language-markup .token.attr-name,.language-markup .token.punctuation{color:#ad895c}.token{position:relative;z-index:1}.line-highlight{background:rgba(84,84,84,0.25);background:linear-gradient(to right, rgba(84,84,84,0.1) 70%, rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;left:0;line-height:inherit;margin-top:0.75em;padding:inherit 0;pointer-events:none;position:absolute;right:0;white-space:pre;z-index:0}.line-highlight:before,.line-highlight[data-end]:after{background-color:#8794a6;border-radius:999px;box-shadow:0 1px white;color:#f5f2f0;content:attr(data-start);font:bold 65%/1.5 sans-serif;left:.6em;min-width:1em;padding:0 .5em;position:absolute;text-align:center;text-shadow:none;top:.4em;vertical-align:.3em}.line-highlight[data-end]:after{bottom:.4em;content:attr(data-end);top:auto}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:rgba(153,122,102,0.08);background:linear-gradient(to right, rgba(153,122,102,0.1) 70%, rgba(153,122,102,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:rgba(153,122,102,0.4);color:#f5f2f0;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px white}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,0.2)}pre[class*="language-"].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*="language-"].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity 0.3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,0.2);box-shadow:0 2px 0 0 rgba(0,0,0,0.2);border-radius:.5em}div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:inherit;text-decoration:none}:root{--phoneWidth: (max-width: 640px);--tabletWidth: (max-width: 1024px)}:root{--font-display: 'Bricolage Grotesque', system-ui, sans-serif;--font-body: 'Outfit', system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;--transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);--transition-bounce: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);--shadow-sm: 0 1px 3px rgba(45, 42, 38, 0.04);--shadow-md: 0 4px 16px rgba(45, 42, 38, 0.08), 0 1px 3px rgba(45, 42, 38, 0.04);--shadow-lg: 0 20px 40px rgba(45, 42, 38, 0.1), 0 8px 16px rgba(45, 42, 38, 0.06);--shadow-xl: 0 32px 64px rgba(45, 42, 38, 0.12), 0 16px 32px rgba(45, 42, 38, 0.08);--shadow-glow: 0 0 40px rgba(245, 197, 24, 0.25);--shadow-glow-intense: 0 0 60px rgba(245, 197, 24, 0.4);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--accent: #f5c518;--accent-light: #ffd84d;--accent-dark: #d9a800;--accent-secondary: #c49a6c;--accent-tertiary: #5b9a8b;--bg: #faf8f5;--bg-secondary: #f5f2ed;--bg-header: rgba(250,248,245,0.92);--text: #2d2a26;--text-variant: #1a1816;--text-secondary: #7a756d;--border: #e8e4dd;--code-bg: #f5f2ed;--code-border: #e8e4dd;--gradient-subtle: linear-gradient(145deg, rgba(245, 197, 24, 0.04) 0%, rgba(196, 154, 108, 0.02) 50%, transparent 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);--gradient-paper: linear-gradient(180deg, transparent 0%, rgba(245, 242, 237, 0.4) 100%)}@media (prefers-color-scheme: dark){:root{--bg: #0f0e0d;--bg-secondary: #1a1918;--bg-header: rgba(15,14,13,0.98);--text: #f5f2ed;--text-variant: #fff;--text-secondary: #a8a29e;--border: #2a2826;--code-bg: #1a1918;--code-border: #2a2826;--gradient-subtle: linear-gradient(145deg, rgba(245, 197, 24, 0.06) 0%, rgba(196, 154, 108, 0.03) 50%, transparent 100%);--gradient-paper: linear-gradient(180deg, transparent 0%, rgba(26, 25, 24, 0.4) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.35), 0 8px 16px rgba(0, 0, 0, 0.2);--shadow-xl: 0 32px 64px rgba(0, 0, 0, 0.4), 0 16px 32px rgba(0, 0, 0, 0.25)}}[data-theme="dark"]{--bg: #0f0e0d;--bg-secondary: #1a1918;--bg-header: rgba(15,14,13,0.98);--text: #f5f2ed;--text-variant: #fff;--text-secondary: #a8a29e;--border: #2a2826;--code-bg: #1a1918;--code-border: #2a2826;--gradient-subtle: linear-gradient(145deg, rgba(245, 197, 24, 0.06) 0%, rgba(196, 154, 108, 0.03) 50%, transparent 100%);--gradient-paper: linear-gradient(180deg, transparent 0%, rgba(26, 25, 24, 0.4) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.35), 0 8px 16px rgba(0, 0, 0, 0.2);--shadow-xl: 0 32px 64px rgba(0, 0, 0, 0.4), 0 16px 32px rgba(0, 0, 0, 0.25)}[data-theme="light"]{--bg: #faf8f5;--bg-secondary: #f5f2ed;--bg-header: rgba(250,248,245,0.92);--text: #2d2a26;--text-variant: #1a1816;--text-secondary: #7a756d;--border: #e8e4dd;--code-bg: #f5f2ed;--code-border: #e8e4dd;--gradient-subtle: linear-gradient(145deg, rgba(245, 197, 24, 0.04) 0%, rgba(196, 154, 108, 0.02) 50%, transparent 100%);--gradient-paper: linear-gradient(180deg, transparent 0%, rgba(245, 242, 237, 0.4) 100%)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes glowPulse{0%,100%{box-shadow:0 0 5px rgba(236,72,153,0.3)}50%{box-shadow:0 0 20px rgba(236,72,153,0.6)}}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blink{0%,50%{border-color:var(--accent)}51%,100%{border-color:transparent}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-fadeIn{animation:fadeIn 0.5s ease forwards}.animate-fadeInUp{animation:fadeInUp 0.5s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/Inter-Regular.woff2") format("woff2"),url("../fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:swap;font-weight:400;src:url("../fonts/Inter-Italic.woff2") format("woff2"),url("../fonts/Inter-Italic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/Inter-Medium.woff2") format("woff2"),url("../fonts/Inter-Medium.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:swap;font-weight:600;src:url("../fonts/Inter-MediumItalic.woff2") format("woff2"),url("../fonts/Inter-MediumItalic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:800;src:url("../fonts/Inter-Bold.woff2") format("woff2"),url("../fonts/Inter-Bold.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:swap;font-weight:800;src:url("../fonts/Inter-BoldItalic.woff2") format("woff2"),url("../fonts/Inter-BoldItalic.woff") format("woff")}.button-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}button,.button,a.button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;margin-bottom:0.5rem;text-decoration:none;text-align:center;font-family:var(--font-display);font-weight:500;font-size:0.875rem;letter-spacing:-0.01em;border-radius:var(--radius-lg);border:1px solid var(--border);appearance:none;cursor:pointer;outline:none;background:var(--bg-secondary);color:var(--text);transition:all var(--transition-base)}button:hover,.button:hover,a.button:hover{border-color:var(--accent);color:var(--accent);background:rgba(236,72,153,0.08);transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active,.button:active,a.button:active{transform:translateY(0)}button:focus-visible,.button:focus-visible,a.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,.button.primary,a.button.primary{background:var(--gradient-accent);border-color:transparent;color:#0a0a0a;font-weight:600}button.primary:hover,.button.primary:hover,a.button.primary:hover{background:var(--accent-light);border-color:transparent;color:#0a0a0a;box-shadow:var(--shadow-glow)}button.outline,.button.outline,a.button.outline{background:transparent;border-color:var(--border)}button.outline:hover,.button.outline:hover,a.button.outline:hover{background:rgba(236,72,153,0.1);border-color:var(--accent)}button.link,.button.link,a.button.link{background:none;border:none;padding:0.5rem}button.link:hover,.button.link:hover,a.button.link:hover{background:none;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:3px}button.small,.button.small,a.button.small{font-size:0.8rem;padding:0.5rem 1rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:1rem 2rem}.code-toolbar{margin-bottom:1.25rem;position:relative}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0.375rem 0.75rem;margin-bottom:0.25rem;text-decoration:none;text-align:center;font-family:var(--font-mono);font-size:0.7rem;font-weight:500;letter-spacing:0;border-radius:var(--radius-md);border:1px solid var(--border);appearance:none;cursor:pointer;outline:none;background:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast)}.code-toolbar .toolbar-item a:hover{border-color:var(--accent);color:var(--accent);background:rgba(236,72,153,0.1)}.header{display:flex;align-items:center;justify-content:center;position:sticky;top:0;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;transition:all var(--transition-base)}.header::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:0.6}.header__right{display:flex;flex-direction:row;align-items:center;gap:0.75rem}@media (max-width: 640px){.header__right{flex-direction:row-reverse;gap:0.5rem}}.header__inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:880px;max-width:100%;padding:0.875rem 1.5rem}@media (max-width: 640px){.header__inner{padding:0.75rem 1rem}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);transition:all var(--transition-base)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:rgba(232,93,93,0.1)}.theme-toggle:active{transform:scale(0.95)}.theme-toggler{fill:currentColor;width:1.125rem;height:1.125rem;transition:transform var(--transition-base)}.theme-toggle:hover .theme-toggler{transform:rotate(15deg)}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo{display:flex;align-items:center;text-decoration:none;font-weight:700;font-family:var(--font-display);transition:opacity var(--transition-fast);position:relative}.logo:hover{opacity:0.85}.logo:hover .logo__cursor{animation-play-state:paused;opacity:1}.logo img{height:40px;border-radius:var(--radius-sm)}.logo__mark{margin-right:0.375rem;color:var(--accent);font-size:1.25rem}.logo__text{font-size:1rem;letter-spacing:-0.03em;font-weight:600;color:var(--text-variant)}.logo__cursor{display:inline-block;width:2px;height:1.125rem;background:#ffcc00;margin-left:0.125rem;animation:cursor 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;opacity:0.8}@media (prefers-reduced-motion: reduce){.logo__cursor{animation:none;opacity:1}}@keyframes cursor{0%,50%{opacity:0.8}51%,100%{opacity:0}}.menu{z-index:9999;background:transparent;display:flex}@media (max-width: 640px){.menu{display:none;position:absolute;top:calc(100% + 0.5rem);right:1rem;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:0.5rem;box-shadow:var(--shadow-lg);animation:menuFadeIn 0.2s ease;min-width:160px}.menu.open{display:block}}.menu__inner{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto;padding:0;font-size:0.9rem;list-style:none;gap:0.25rem}.menu__inner li{margin:0}@media (max-width: 640px){.menu__inner{flex-direction:column;align-items:stretch;padding:0;gap:0}.menu__inner li{margin:0;padding:0}}.menu-trigger{width:24px;height:24px;fill:currentColor;cursor:pointer;display:none;padding:0.25rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.menu-trigger:hover{color:var(--accent)}@media (max-width: 640px){.menu-trigger{display:block}}.menu a{display:inline-flex;align-items:center;padding:0.5rem 0.875rem;text-decoration:none;font-family:var(--font-display);font-size:0.875rem;font-weight:500;letter-spacing:-0.01em;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:none}.menu a:hover{color:var(--text-variant);background:var(--bg-secondary)}.menu a.active,.menu a[aria-current="page"]{color:var(--accent);background:rgba(236,72,153,0.1)}@media (max-width: 640px){.menu a{width:100%;padding:0.75rem 1rem;justify-content:flex-start}}.submenu{padding:0.5rem 0;background:transparent}@media (max-width: 640px){.submenu{width:100%;padding:0;z-index:4}}.submenu ul{list-style-type:none;margin:0;padding:0}.submenu li a,.submenu .dropbtn{display:inline-flex;text-decoration:none;font-family:var(--font-display)}.submenu li.dropdown{cursor:pointer;display:inline-block;position:relative}.submenu li.dropdown:hover>a,.submenu li.dropdown:hover>.dropbtn{color:var(--text-variant);background:var(--bg-secondary)}.submenu .dropdown-content{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:180px;padding:0.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:menuFadeIn 0.2s ease;margin-top:0.5rem}@media (max-width: 640px){.submenu .dropdown-content{position:static;transform:none;border:none;box-shadow:none;padding:0;padding-left:1rem;background:transparent;backdrop-filter:none;margin-top:0}}.submenu .dropdown-content a{display:block;text-align:left;padding:0.625rem 0.875rem;margin:0;border-radius:var(--radius-md);font-size:0.875rem}.submenu .dropdown-content a:hover{background:var(--bg-secondary);color:var(--text-variant)}.submenu .dropdown:hover .dropdown-content{display:block}@media (max-width: 640px){.submenu .dropdown:hover .dropdown-content{display:none}}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}html{box-sizing:border-box;line-height:1.6;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:var(--font-body);font-size:1rem;line-height:1.75;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;display:flex;min-height:100vh;flex-direction:column;background-color:var(--bg);color:var(--text);transition:background-color 0.3s ease, color 0.3s ease}@media (max-width: 640px){body{font-size:0.95rem}}main{z-index:4}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.25;font-weight:600;letter-spacing:-0.025em;color:var(--text-variant)}h2,h3,h4,h5,h6{display:flex;align-items:center}h1{font-size:2.75rem;font-weight:700;margin-bottom:0.5em}@media (max-width: 640px){h1{font-size:2rem}}h2{font-size:1.875rem;margin-top:2.5em;margin-bottom:0.75em}@media (max-width: 640px){h2{font-size:1.5rem}}h3{font-size:1.5rem;margin-top:2em}@media (max-width: 640px){h3{font-size:1.25rem}}h4{font-size:1.25rem}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}a:not(.button):not(.read-more):not(.logo):not(.post-title a):not(.menu a):not(.icons a):hover{text-decoration:underline;text-underline-offset:3px}a.read-more{display:inline-flex;align-items:center;gap:0.5em;margin-top:1.25rem;padding:0.625rem 1.25rem;font-size:0.875rem;font-weight:600;letter-spacing:-0.01em;color:var(--accent);background:transparent;border:2px solid var(--accent);border-radius:var(--radius-md);transition:all var(--transition-base)}a.read-more::after{content:"\2192";transition:transform var(--transition-base)}a.read-more:hover{background:var(--accent);color:var(--bg)}a.read-more:hover::after{transform:translateX(4px)}img{display:block;max-width:100%;border-radius:var(--radius-lg)}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}img.circle{border-radius:50%;max-width:25%;margin:auto}figure{display:table;max-width:100%;margin:2.5rem 0}figure.left{margin-right:auto}figure.left-floated{margin-right:auto;float:left}figure.left-floated img{margin:20px 20px 20px 0}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure.right-floated{margin-left:auto;float:right}figure.right-floated img{margin:20px 0 20px 20px}figure.rounded img{border-radius:50%}figure figcaption{font-size:0.875rem;margin-top:0.75rem;color:var(--text-secondary);text-align:center}em,i{font-style:italic}strong,b{font-weight:600;color:var(--text-variant)}code{font-family:var(--font-mono);font-size:0.875em;padding:0.125em 0.375em;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--accent-dark)}pre{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-lg);font-size:0.875rem;overflow-x:auto;border:1px solid var(--border)}@media (max-width: 640px){pre{padding:1rem;white-space:pre-wrap;word-wrap:break-word}}pre code{background:none;padding:0;font-size:inherit;color:inherit}blockquote{position:relative;margin:2.5rem 0;padding:1.5rem 2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--accent)}@media (max-width: 640px){blockquote{margin:2rem 0;padding:1.25rem}}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote footer,blockquote cite{display:block;margin-top:1rem;font-size:0.875rem;color:var(--text-secondary)}blockquote footer::before,blockquote cite::before{content:"\2014 "}ul,ol{margin-left:1.25rem;padding:0}@media (max-width: 640px){ul,ol{margin-left:1rem}}ol ol{list-style-type:lower-alpha}li{margin-bottom:0.375em}li::marker{color:var(--accent)}.container{flex:1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.content{display:flex;flex-direction:column;flex:1 auto;align-items:center;justify-content:center;margin:0}hr{width:100%;border:none;height:1px;background:var(--border);margin:3rem 0}.hidden{display:none !important}@media (max-width: 640px){.hide-on-phone{display:none}}@media (max-width: 1024px){.hide-on-tablet{display:none}}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);clip:auto !important;clip-path:none;color:var(--accent);display:block;font-size:0.875rem;font-weight:600;height:auto;width:auto;top:5px;left:5px;line-height:normal;padding:1rem 1.5rem;text-decoration:none;z-index:100000}.background-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.bg{transform:scale(1);-webkit-backface-visibility:hidden;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;top:0;left:0;width:100%;height:100%;z-index:1}.bg::before,.bg::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.bg::before{transition:background-color 2s ease-in-out;background-image:linear-gradient(180deg, rgba(15,23,42,0.7) 0%, rgba(15,23,42,0.85) 100%);z-index:2}.bg::after{transform:scale(1.05);transition:transform 0.3s ease-in-out;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:1}.highlight{margin:2rem 0}ul.icons{cursor:default;list-style:none;padding-left:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;color:var(--text)}ul.icons li{display:inline-block;padding:0;margin:0;font-size:1.125rem}ul.icons li a{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);border:1.5px solid var(--border);text-decoration:none;background:transparent;color:var(--text);transition:all var(--transition-base)}ul.icons li a:hover{border-color:var(--accent);color:var(--accent);background:rgba(245,197,24,0.1);transform:translateY(-3px)}ul.icons li a:active{transform:translateY(-1px)}::selection{background:var(--accent);color:white}::-moz-selection{background:var(--accent);color:white}.posts{width:100%;max-width:880px;text-align:left;padding:2rem 1.5rem 4rem;margin:0 auto}@media (max-width: 1024px){.posts{max-width:660px;padding:1.5rem 1rem 3rem}}.posts:not(:last-of-type){border-bottom:1px solid var(--border)}.posts-group{display:flex;margin-bottom:2.5rem;line-height:normal}@media (max-width: 1024px){.posts-group{display:block}}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.posts .post-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0.25rem 0;letter-spacing:-0.02em;color:var(--text-variant);transition:color var(--transition-fast)}.posts .post-year{padding-top:0.5rem;margin-right:2.5rem;font-family:var(--font-mono);font-size:0.875rem;font-weight:600;color:var(--accent);min-width:4rem;letter-spacing:-0.02em}@media (max-width: 1024px){.posts .post-year{margin:0 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--accent);display:inline-block}}.posts .post-item{position:relative;border-bottom:1px solid var(--border);transition:border-color var(--transition-fast)}.posts .post-item:hover{border-color:var(--accent)}.posts .post-item:hover .post-title{color:var(--accent)}.posts .post-item a{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 0;text-decoration:none;background:none;gap:1.5rem}.posts .post-day{flex-shrink:0;margin-left:1rem;font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);letter-spacing:0}.post.on-list{padding:0;margin:0 0 3rem;border-bottom:1px solid var(--border);padding-bottom:3rem;position:relative}.post.on-list:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.post.on-list:hover .post-title a{color:var(--accent)}.post.on-list:hover .post-thumbnail img{transform:scale(1.02)}.post.on-list .post-title{font-size:clamp(1.375rem, 3vw, 1.75rem);margin-bottom:0.75rem;letter-spacing:-0.025em}.post.on-list .post-title a{color:var(--text-variant);transition:color var(--transition-fast)}.post.on-list .post-meta{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);margin-bottom:1rem;letter-spacing:0}.post.on-list .post-tags{margin-bottom:1rem}.post.on-list .post-content{margin-top:1rem;color:var(--text-secondary);line-height:1.7}.post.on-list .post-content p{margin:0}.post-meta{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center}.post-meta .post-date{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);letter-spacing:0}.post-tags{display:inline-flex;flex-wrap:wrap;gap:0.5rem}.post-tags a{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-secondary);text-decoration:none;padding:0.25rem 0.625rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition-fast);letter-spacing:0}.post-tags a:hover{border-color:var(--accent);color:var(--accent);background:rgba(236,72,153,0.1)}.post{width:100%;max-width:880px;text-align:left;padding:2rem 1.5rem 4rem;margin:0 auto}@media (max-width: 1024px){.post{max-width:640px;padding:1.5rem 1rem 3rem}}.post-date{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);letter-spacing:0}.post-title{font-family:var(--font-display);font-size:clamp(1.75rem, 4vw, 2.25rem);font-weight:700;letter-spacing:-0.035em;margin:0 0 1.5rem;line-height:1.15;color:var(--text-variant)}.post-title a{text-decoration:none;background:none;transition:color var(--transition-fast)}.post-title a:hover{color:var(--accent)}.post-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}.post-tags a{display:inline-flex;padding:0.375rem 0.875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:0.75rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);letter-spacing:0}.post-tags a:hover{border-color:var(--accent);color:var(--accent);background:rgba(236,72,153,0.1)}.post-content{text-align:left;margin-top:2.5rem;line-height:1.8}.post-content>p:first-of-type{font-size:1.125rem;color:var(--text-variant);line-height:1.75}.post-content p{margin-bottom:1.5em}.post-content img{margin:2.5rem 0}.post-cover{border-radius:var(--radius-xl);margin:2rem -2rem 3rem;width:calc(100% + 4rem);max-width:calc(100% + 4rem);overflow:hidden;box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.post-cover{margin:1.5rem 0 2rem;width:100%;max-width:100%}}.post-cover img{border-radius:0;width:100%}.post-excerpt{color:var(--text-secondary);font-style:italic;border-left:3px solid var(--accent);padding-left:1.25rem;margin:2rem 0;line-height:1.7}.post-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);font-size:0.85rem;line-height:1.7;color:var(--text-secondary)}.post-info p{margin:0.75rem 0}.post-info svg{margin-right:0.5rem;opacity:0.7}.post-info .tag{margin-right:0.5rem;color:var(--accent);font-family:var(--font-mono);font-size:0.8rem}.post-info .tag::before{content:"#"}.post-info .feather{display:inline-block;vertical-align:-0.125em;width:1em;height:1em}.post-audio{display:flex;justify-content:center;align-items:center;padding-top:2rem}.post-audio audio{width:100%;max-width:500px;border-radius:var(--radius-lg)}.post .flag{border-radius:50%;margin:0 0.25rem}.pagination{margin-top:3rem;padding-top:2rem}.pagination__title{display:flex;text-align:center;position:relative;margin:2rem 0}.pagination__title-h{text-align:center;margin:0 auto;padding:0.5rem 1.25rem;font-family:var(--font-mono);font-size:0.7rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em;z-index:1;background:var(--bg);color:var(--text-secondary)}.pagination__title hr{position:absolute;left:0;right:0;width:100%;margin-top:0.875rem;z-index:0}.pagination__buttons{display:flex;align-items:center;justify-content:center;gap:1rem}.pagination__buttons a{text-decoration:none;font-weight:600}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.875rem;font-weight:600;letter-spacing:-0.01em;border-radius:var(--radius-lg);max-width:45%;padding:0;cursor:pointer;appearance:none;background:var(--bg-secondary);border:1px solid var(--border);transition:all var(--transition-base)}.button:hover{border-color:var(--accent);background:rgba(236,72,153,0.1)}.button:hover .button__text{color:var(--accent)}.button+.button{margin-left:0.75rem}.button a{display:flex;padding:0.75rem 1.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--text)}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:color var(--transition-fast)}.button.next .button__icon{margin-left:0.625rem}.button.previous .button__icon{margin-right:0.625rem}.footer{padding:4rem 1.5rem 3rem;flex-grow:0;z-index:4;color:var(--text);background:var(--bg-secondary);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, var(--border) 20%, var(--accent) 50%, var(--border) 80%, transparent 100%)}.footer::after{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:120px;background:radial-gradient(ellipse at center, rgba(245,197,24,0.08) 0%, rgba(245,197,24,0.02) 40%, transparent 70%);pointer-events:none}.footer__inner{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;width:880px;max-width:100%;z-index:4;gap:1.75rem;position:relative}.footer__inner:first-child{padding-top:0.5rem}.footer__divider{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:280px;margin:0.5rem 0;opacity:0.4}.footer__divider::before,.footer__divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg, transparent 0%, var(--border) 100%)}.footer__divider::after{background:linear-gradient(90deg, var(--border) 0%, transparent 100%)}.footer__divider span{font-size:0.75rem;color:var(--accent);letter-spacing:0.2em;font-family:var(--font-mono)}.footer__credits{display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center}.footer__credits span{font-size:0.875rem;color:var(--text-secondary);font-family:var(--font-body);letter-spacing:0.01em}.footer__credits a{color:var(--text);font-weight:500;transition:color var(--transition-fast);position:relative}.footer__credits a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.footer__credits a:hover{color:var(--accent)}.footer__credits a:hover::after{transform:scaleX(1);transform-origin:left}.footer__content{display:flex;flex-direction:row;align-items:center;font-size:0.75rem;color:var(--text-secondary);gap:1rem;font-family:var(--font-mono);letter-spacing:0.02em;text-transform:uppercase;opacity:0.7;transition:opacity var(--transition-base)}.footer__content:hover{opacity:1}@media (max-width: 1024px){.footer__content{flex-direction:column;gap:0.5rem}}.footer__content>*:not(:last-child)::after{content:"//";margin-left:1rem;color:var(--border);font-weight:300}@media (max-width: 1024px){.footer__content>*:not(:last-child)::after{content:"";margin:0}}.footer__content a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer__content a:hover{color:var(--accent)}.footer .icons{gap:0.5rem}.footer .icons li a{width:2.75rem;height:2.75rem;font-size:1rem;border-color:transparent;background:transparent}.footer .icons li a:hover{border-color:var(--accent);background:rgba(245,197,24,0.1)}.sharing-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin:2rem 0}.sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link{display:inline-block}.sharing-buttons .resp-sharing-button__link{text-decoration:none}.sharing-buttons .resp-sharing-button{display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-family:var(--font-body);font-size:0.85rem;font-weight:500;transition:all var(--transition-base)}.sharing-buttons .resp-sharing-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.sharing-buttons .resp-sharing-button__icon svg{width:1.125rem;height:1.125rem;margin-right:0.5rem;vertical-align:middle}.sharing-buttons .resp-sharing-button--small svg{margin:0;vertical-align:middle}.post-content table{border-collapse:collapse;margin:2rem auto;font-size:0.9em;min-width:400px;max-width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.post-content table th,.post-content table td{padding:0.875rem 1rem;border-bottom:1px solid var(--border);text-align:left}.post-content table thead tr{background-color:var(--bg-secondary);color:var(--text-variant);font-weight:600}.post-content table tbody tr{transition:background-color var(--transition-fast)}.post-content table tbody tr:hover{background-color:var(--bg-secondary)}.post-content table tbody tr:last-child td{border-bottom:none}.error-404{text-align:center;padding:4rem 2rem}.error-404 .img-404{margin-bottom:2rem}.error-404 .img-404 svg{width:4rem;height:4rem;color:var(--text-secondary);opacity:0.5}.error-404 .banner-404 h1{font-size:6rem;font-weight:700;color:var(--accent);margin:0;line-height:1;letter-spacing:-0.05em}@media (max-width: 640px){.error-404 .banner-404 h1{font-size:4rem}}.error-404 .banner-404 p{font-size:1.125rem;color:var(--text-secondary);margin:1rem 0 2rem}.error-404 .btn-404{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.error-404 .btn-404 svg{vertical-align:middle;display:inline-block;margin-right:0.5rem;width:1.25rem;height:1.25rem}.error-404 .btn-404 a{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.error-404 .btn-404 a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}article.project img:not(.gallery-wrapper img){margin:2.5em 0;border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-md)}article.project img:not(.gallery-wrapper img):hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}div.main-image{padding:2rem 1.5rem;max-width:1100px;margin:0 auto}div.main-image img{margin:auto;width:100%;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}div.main-image img:hover{transform:translateY(-8px) scale(1.005);box-shadow:var(--shadow-glow),var(--shadow-xl)}.content main{width:100%}.content h1{color:var(--text-variant);text-shadow:0 2px 20px rgba(45,42,38,0.15);font-size:clamp(2.5rem, 6vw, 4rem);letter-spacing:-0.04em;margin-bottom:0.25em}@media (prefers-color-scheme: dark){.content h1{color:white;text-shadow:0 4px 30px rgba(0,0,0,0.4)}}[data-theme="dark"] .content h1{color:white;text-shadow:0 4px 30px rgba(0,0,0,0.4)}.posts{padding:3rem 1.5rem 5rem}@media (max-width: 640px){.posts{padding:2rem 1rem 4rem}}.posts .post{padding:3rem 0;display:grid;grid-template-columns:280px 1fr;align-items:start;gap:2rem;margin-bottom:0;border-bottom:1px solid var(--border)}.posts .post:first-child{padding-top:0}.posts .post:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 768px){.posts .post{display:block;padding:1.25rem;margin-bottom:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.posts .post:first-child{padding-top:1.25rem}.posts .post:last-child{border-bottom:1px solid var(--border);padding-bottom:1.25rem;margin-bottom:0}}.post-thumbnail{flex-shrink:0}.post-thumbnail img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.post-thumbnail img:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}@media (max-width: 768px){.post-thumbnail{width:100%;max-width:280px;margin:0 auto 1rem}.post-thumbnail img{height:auto;aspect-ratio:16 / 10}}.post-content-wrapper{flex:1;min-width:0}.posts .post-title,.posts h1.post-title{font-size:1.125rem !important;font-weight:600;letter-spacing:-0.02em;margin:0 0 0.625rem 0;line-height:1.35;background:none;padding:0}.posts .post-title a,.posts h1.post-title a{color:var(--text-variant)}.posts .post-title a:hover,.posts h1.post-title a:hover{color:var(--accent)}.posts .post-description{color:var(--text-secondary);text-align:left;margin-bottom:0.75em;line-height:1.65;font-size:0.9375rem}.posts .post-date{font-size:0.8rem;color:var(--text-secondary);background:none;padding:0;font-family:var(--font-mono);letter-spacing:0}.posts .post-tags{font-size:0.75rem;margin-top:0.75em}.posts .post-tags a{color:var(--text-secondary);padding:0.25rem 0.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full)}.posts .post-tags a:hover{color:var(--accent);border-color:var(--accent)}.posts .post-meta{text-align:left;margin-bottom:0.75em}.subtitle{font-size:clamp(1rem, 2vw, 1.375rem);color:var(--text-secondary);font-weight:400;letter-spacing:-0.01em;margin-bottom:2rem}@media (prefers-color-scheme: dark){.subtitle{color:rgba(255,255,255,0.75)}}[data-theme="dark"] .subtitle{color:rgba(255,255,255,0.75)}div.logo{margin-left:0.25em}.bg{background-position:center center}.bg:before{background-image:linear-gradient(180deg, rgba(250,248,245,0.7) 0%, rgba(250,248,245,0.92) 100%);z-index:2}@media (max-width: 600px){.bg:before{background-image:linear-gradient(180deg, rgba(250,248,245,0.75) 0%, rgba(250,248,245,0.95) 100%) !important}}@media (prefers-color-scheme: dark){.bg:before{background-image:linear-gradient(180deg, rgba(15,14,13,0.65) 0%, rgba(15,14,13,0.88) 100%)}}[data-theme="dark"] .bg:before{background-image:linear-gradient(180deg, rgba(15,14,13,0.65) 0%, rgba(15,14,13,0.88) 100%)}div.skill-section{background-color:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-xl);text-align:initial;border:1px solid var(--border);margin-bottom:1.5rem;transition:border-color var(--transition-base)}div.skill-section:hover{border-color:var(--accent)}div.skill-section dl{margin:0;display:grid;gap:1rem}div.skill-section dt{font-weight:500;color:var(--text-variant);font-size:0.9375rem;margin-bottom:0.25rem}div.skill-section dd{margin:0;font-family:var(--font-mono);font-size:0.8rem;color:var(--accent);letter-spacing:0.05em}.post-content>img:first-of-type{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:2.5rem}div.where-map{position:relative;max-width:600px;margin:2rem auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}div.where-map img{width:100%;border-radius:var(--radius-xl)}div.where-map .marker{position:absolute;top:55%;left:42%;transform:translate(-50%, -50%);width:16px;height:16px;background:var(--accent);border-radius:50%;border:3px solid white;box-shadow:var(--shadow-md);z-index:2}div.where-map .pulse{position:absolute;top:55%;left:42%;transform:translate(-50%, -50%);width:40px;height:40px;background:var(--accent);border-radius:50%;opacity:0.4;z-index:1;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(0.5);opacity:0.6}100%{transform:translate(-50%, -50%) scale(2);opacity:0}}.post-content>ul:last-of-type{list-style:none;margin-left:0;padding:0}.post-content>ul:last-of-type li{margin-bottom:0.75rem;padding-left:0}.post-content>ul:last-of-type li a{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:500}.post-content>ul:last-of-type li a:hover{border-color:var(--accent);background:rgba(245,197,24,0.1);transform:translateX(4px)}.footer{padding:2.5rem 1.5rem}.footer__content{font-size:0.8125rem;color:var(--text-secondary)}ul.icons{gap:0.75rem;margin-top:2rem}ul.icons li{font-size:1.125rem;padding:0}ul.icons li a{width:3rem;height:3rem;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:var(--bg-secondary);backdrop-filter:blur(8px);transition:all var(--transition-base)}ul.icons li a:hover{border-color:var(--accent);color:var(--accent);background:rgba(245,197,24,0.1);transform:translateY(-3px);box-shadow:var(--shadow-glow)}@media (prefers-color-scheme: dark){ul.icons li a{border-color:rgba(255,255,255,0.2);color:white;opacity:0.8;background:rgba(255,255,255,0.05)}ul.icons li a:hover{opacity:1;background:rgba(245,197,24,0.15)}}[data-theme="dark"] ul.icons li a{border-color:rgba(255,255,255,0.2);color:white;opacity:0.8;background:rgba(255,255,255,0.05)}[data-theme="dark"] ul.icons li a:hover{opacity:1;background:rgba(245,197,24,0.15)}.device-preview{position:relative;margin:2.5em 0;padding-bottom:2rem}.device-preview .desktop-frame{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.device-preview .desktop-frame:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.device-preview .mobile-frame{position:absolute;right:-1rem;bottom:0;width:120px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 0 4px var(--bg),0 0 0 5px var(--border);transition:transform var(--transition-base),box-shadow var(--transition-base);z-index:10}.device-preview .mobile-frame:hover{transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-glow),var(--shadow-xl),0 0 0 4px var(--bg),0 0 0 5px var(--accent)}@media (min-width: 768px){.device-preview{padding-bottom:3rem}.device-preview .mobile-frame{width:160px;right:-1.5rem}}@media (min-width: 1024px){.device-preview .mobile-frame{width:180px;right:-2rem}}@media (max-width: 480px){.device-preview{padding-bottom:0}.device-preview .mobile-frame{position:relative;right:auto;bottom:auto;width:50%;max-width:140px;margin:1.5rem auto 0;display:block}}.gallery{margin:2rem 0}.gallery img{border-radius:var(--radius-lg);transition:transform var(--transition-base)}.gallery img:hover{transform:scale(1.02)}.post-content h2::before{display:block}.post-content h3{margin-top:2rem;font-size:1.125rem;color:var(--accent)}.post-content h3::before{display:none}.posts .read-more{margin-top:1rem}.map-option{margin:3rem 0;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl)}.map-option-title{font-size:1rem !important;color:var(--text-secondary) !important;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1.5rem !important;margin-top:0 !important;text-align:center;font-weight:600}.map-neon{background:linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);border-radius:var(--radius-xl);padding:1.5rem;overflow:hidden}.neon-svg{width:100%;height:auto}.neon-continent{fill:rgba(78,205,196,0.15);stroke:#4ecdc4;stroke-width:1.5;filter:url(#neonGlow)}.neon-pulse{fill:rgba(255,107,53,0.3);animation:pulse 2s ease-out infinite}.neon-marker{fill:#ff6b35;filter:drop-shadow(0 0 8px #ff6b35)}.neon-line{stroke:rgba(255,107,53,0.6);stroke-width:1;stroke-dasharray:4 2}.neon-label{fill:#ff6b35;font-family:var(--font-mono);font-size:14px;font-weight:bold;text-shadow:0 0 10px #ff6b35}.neon-sublabel{fill:rgba(255,255,255,0.6);font-family:var(--font-mono);font-size:10px}.map-flight{position:relative;max-width:600px;margin:0 auto;background:linear-gradient(180deg, #1a1a2e 0%, #0f0f23 100%);border-radius:var(--radius-xl);padding:2rem;overflow:hidden}.flight-svg{width:100%;height:auto}.flight-svg .continent{fill:rgba(78,205,196,0.2);stroke:rgba(78,205,196,0.5);stroke-width:1}.flight-svg .flight-path{fill:none;stroke:url(#pathGradient);stroke-width:2;stroke-dasharray:8 4;animation:dashMove 2s linear infinite}.flight-svg .destination{fill:#ff6b35;filter:drop-shadow(0 0 8px #ff6b35)}.flight-svg .destination-pulse{fill:rgba(255,107,53,0.3);animation:pulse 2s ease-out infinite;transform-origin:center}.flight-svg .glider{animation:gliderMove 4s ease-in-out infinite}.flight-svg .glider-1{animation-delay:0s}.flight-svg .glider-2{animation-delay:1.3s}.flight-svg .glider-3{animation-delay:2.6s}.flight-label{position:absolute;bottom:1.5rem;right:2rem;color:#ff6b35;font-family:var(--font-mono);font-size:0.875rem;letter-spacing:0.1em;text-transform:uppercase}@keyframes dashMove{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}@keyframes gliderMove{0%,100%{opacity:0;transform:translate(0, 0)}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translate(180px, 30px)}}.map-volcanic{background:#0a0a0a;border-radius:var(--radius-xl);overflow:hidden}.volcanic-svg{width:100%;height:auto;display:block}.mini-continent{fill:rgba(255,87,34,0.3);stroke:rgba(255,87,34,0.6);stroke-width:1}.mini-marker{fill:#ff5722;animation:pulse 2s ease-out infinite}.volcanic-context{fill:rgba(255,87,34,0.4);font-family:var(--font-mono);font-size:10px;font-style:italic}.volcanic-svg .topo-line{fill:none;stroke-width:2;animation:topoGlow 3s ease-in-out infinite}.volcanic-svg .topo-1{stroke:rgba(255,87,34,0.2);animation-delay:0s}.volcanic-svg .topo-2{stroke:rgba(255,87,34,0.35);animation-delay:0.3s}.volcanic-svg .topo-3{stroke:rgba(255,87,34,0.5);animation-delay:0.6s}.volcanic-svg .topo-4{stroke:rgba(255,87,34,0.7);animation-delay:0.9s}.volcanic-svg .topo-5{stroke:rgba(255,87,34,0.9);animation-delay:1.2s}.volcanic-svg .crater{fill:radial-gradient(circle, rgba(255,87,34,0.2) 0%, transparent 70%);stroke:rgba(255,87,34,0.5);stroke-width:1}.volcanic-svg .lava-core{fill:rgba(255,87,34,0.4);animation:lavaGlow 4s ease-in-out infinite}.volcanic-coords{fill:#ff5722;font-family:var(--font-mono);font-size:12px;text-anchor:middle}.volcanic-name{fill:rgba(255,255,255,0.8);font-family:var(--font-mono);font-size:14px;font-weight:bold;text-anchor:middle;letter-spacing:0.2em}@keyframes topoGlow{0%,100%{opacity:0.6}50%{opacity:1}}@keyframes lavaGlow{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.1)}}.map-satellite{background:#000;border-radius:var(--radius-xl);overflow:hidden}.sat-svg{width:100%;height:auto;display:block;background:radial-gradient(ellipse at center, #0a1628 0%, #000 70%)}.sat-continent{fill:rgba(0,150,200,0.15);stroke:rgba(0,200,255,0.3);stroke-width:1}.sat-ring{fill:none;stroke:rgba(0,255,255,0.4);stroke-width:1;animation:zoomRing 3s ease-out infinite}.sat-ring.ring-1{animation-delay:0s}.sat-ring.ring-2{animation-delay:0.5s}.sat-ring.ring-3{animation-delay:1s}.sat-reticle{stroke:rgba(0,255,255,0.8);stroke-width:1}.sat-target{fill:#00ffff;filter:drop-shadow(0 0 8px cyan);animation:blink 1s step-end infinite}.sat-panel{fill:rgba(0,30,60,0.8);stroke:rgba(0,255,255,0.5);stroke-width:1}.sat-label{fill:#00ffff;font-family:var(--font-mono);font-size:12px;font-weight:bold}.sat-data{fill:rgba(0,255,255,0.7);font-family:var(--font-mono);font-size:10px}@keyframes zoomRing{0%{transform-origin:center;opacity:0;stroke-width:3}50%{opacity:0.6}100%{opacity:0;stroke-width:1}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.5}}.map-wind{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);border-radius:var(--radius-xl);overflow:hidden}.wind-svg{width:100%;height:auto;display:block}.wind-coast{fill:none;stroke:rgba(78,205,196,0.3);stroke-width:2}.wind-land{fill:rgba(78,205,196,0.15);stroke:rgba(78,205,196,0.4);stroke-width:1}.wind-svg .wind-stream{fill:none;stroke:url(#windGradient);stroke-width:2;stroke-linecap:round;stroke-dasharray:8 4;animation:dashMove 2s linear infinite}.wind-svg .stream-1{animation-delay:0s}.wind-svg .stream-2{animation-delay:0.3s}.wind-svg .stream-3{animation-delay:0.6s}.wind-svg .stream-4{animation-delay:0.9s}.wind-island{fill:rgba(78,205,196,0.4);stroke:#4ecdc4;stroke-width:1.5}.wind-svg .wind-marker{fill:#ff6b35;filter:drop-shadow(0 0 6px #ff6b35)}.wind-svg .wind-marker-pulse{fill:rgba(255,107,53,0.3);animation:pulse 2s ease-out infinite}.wind-text-region{fill:rgba(78,205,196,0.4);font-family:var(--font-mono);font-size:14px;letter-spacing:0.2em}.wind-text-place{fill:#ff6b35;font-family:var(--font-mono);font-size:11px;font-weight:bold}.wind-text-info{fill:rgba(255,255,255,0.5);font-family:var(--font-mono);font-size:12px;text-anchor:middle}.map-coords{background:linear-gradient(145deg, #1a1a1a 0%, #0a0a0a 100%);border-radius:var(--radius-xl);overflow:hidden}.coords-svg{width:100%;height:auto;display:block}.coords-world path{fill:rgba(255,255,255,0.8);stroke:none}.coords-pulse-ring{fill:rgba(255,107,53,0.3);animation:pulse 2s ease-out infinite}.coords-marker{fill:#ff6b35;filter:drop-shadow(0 0 8px #ff6b35)}.coords-lat,.coords-lon{fill:white;font-family:var(--font-mono);font-size:48px;font-weight:200;letter-spacing:0.05em}.coords-name{fill:rgba(255,255,255,0.9);font-family:var(--font-mono);font-size:16px;font-weight:bold;letter-spacing:0.15em}.coords-region{fill:rgba(255,255,255,0.5);font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em}.map-radar{position:relative;max-width:400px;margin:0 auto}.radar-container{position:relative;width:100%;padding-bottom:100%;background:#001a00;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 50px rgba(0,255,0,0.1),0 0 30px rgba(0,255,0,0.2)}.radar-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(0,255,0,0.3);border-radius:50%}.radar-ring.ring-1{width:80%;height:80%;margin:-40% 0 0 -40%}.radar-ring.ring-2{width:60%;height:60%;margin:-30% 0 0 -30%}.radar-ring.ring-3{width:40%;height:40%;margin:-20% 0 0 -20%}.radar-ring.ring-4{width:20%;height:20%;margin:-10% 0 0 -10%}.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg, rgba(0,255,0,0.8), transparent);transform-origin:left center;animation:radarSweep 4s linear infinite}.radar-blip{position:absolute;top:35%;left:55%;width:10px;height:10px;background:#00ff00;border-radius:50%;box-shadow:0 0 10px #00ff00, 0 0 20px #00ff00;animation:radarBlip 4s ease-out infinite}.radar-crosshair-h,.radar-crosshair-v{position:absolute;background:rgba(0,255,0,0.2)}.radar-crosshair-h{width:100%;height:1px;top:50%;left:0}.radar-crosshair-v{width:1px;height:100%;top:0;left:50%}.radar-label{position:absolute;top:38%;left:58%;color:#00ff00;font-family:var(--font-mono);font-size:0.625rem;text-shadow:0 0 5px #00ff00;animation:radarBlip 4s ease-out infinite}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.3) 2px, rgba(0,0,0,0.3) 4px);pointer-events:none;border-radius:50%}@keyframes radarSweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes radarBlip{0%,25%{opacity:1}26%,100%{opacity:0.3}}.map-nautical{position:relative;max-width:500px;margin:0 auto}.nautical-container{position:relative;background:linear-gradient(135deg, #d4c4a8 0%, #c4b393 50%, #b8a67e 100%);border-radius:var(--radius-xl);padding:2rem;overflow:hidden}.map-texture{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}.compass-rose{position:absolute;top:1rem;right:1rem;width:60px;height:60px;border:2px solid #5d4e37;border-radius:50%;background:rgba(255,255,255,0.3)}.compass-rose div{position:absolute;font-family:serif;font-size:0.625rem;color:#5d4e37;font-weight:bold}.compass-n{top:2px;left:50%;transform:translateX(-50%)}.compass-s{bottom:2px;left:50%;transform:translateX(-50%)}.compass-e{right:4px;top:50%;transform:translateY(-50%)}.compass-w{left:4px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;top:50%;left:50%;width:2px;height:24px;background:linear-gradient(180deg, #c0392b 50%, #5d4e37 50%);transform:translate(-50%, -50%)}.nautical-svg{width:100%;height:auto;position:relative;z-index:1}.nautical-svg .grid-line{stroke:rgba(93,78,55,0.2);stroke-width:0.5}.nautical-svg .island-outline{fill:rgba(93,78,55,0.1);stroke:#5d4e37;stroke-width:2;stroke-dasharray:4 2}.nautical-svg .x-mark line{stroke:#c0392b;stroke-width:3;stroke-linecap:round}.nautical-svg .sea-text{fill:#5d4e37;font-family:serif;font-style:italic;opacity:0.6}.nautical-label{text-align:center;margin-top:1rem;font-family:serif;font-size:0.875rem;color:#5d4e37;font-style:italic;position:relative;z-index:1}

/*# sourceMappingURL=main.css.map */