@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Sora:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.list-item{display:list-item}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--paper: #f4f7fb;--ink: #0c1422;--muted: #51627a;--line: rgba(12, 20, 34, .12);--chip: rgba(74, 114, 176, .12);--accent: #2e68d6;--accent-dark: #1b3c85;--glow: rgba(46, 104, 214, .18);--card: rgba(255, 255, 255, .82)}*{box-sizing:border-box}body{margin:0;font-family:Sora,system-ui,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}.page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(46,104,214,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(73,165,255,.18),transparent 40%),radial-gradient(circle at 30% 85%,rgba(120,170,255,.2),transparent 45%),linear-gradient(180deg,#f7faff,#eef3ff 45%,#f4f7fb)}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(12,20,34,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(12,20,34,.04) 1px,transparent 1px),linear-gradient(rgba(12,20,34,.04) 1px,transparent 1px);background-size:26px 26px,120px 120px,120px 120px;opacity:.45;pointer-events:none}.content{position:relative;max-width:1120px;margin:0 auto;padding:80px 24px 72px;display:flex;flex-direction:column;gap:64px}.content-detail{padding-top:40px;gap:32px}.content-detail>*{opacity:0;transform:translateY(12px);animation:reveal .5s ease forwards}.content>*{opacity:0;transform:translateY(18px);animation:reveal .7s ease forwards}.content>*:nth-child(1){animation-delay:.05s}.content>*:nth-child(2){animation-delay:.12s}.content>*:nth-child(3){animation-delay:.18s}.content>*:nth-child(4){animation-delay:.24s}.hero{display:grid;grid-template-columns:160px 1fr;gap:40px;align-items:center}.avatar{width:160px;height:160px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,#2e68d633,#78aaff73);box-shadow:0 18px 36px -22px #0c142299,inset 0 0 0 1px #ffffffb3;display:grid;place-items:center;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-fallback{font-family:IBM Plex Mono,monospace;font-size:2.2rem;color:var(--accent-dark)}.eyebrow{font-family:IBM Plex Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;margin-bottom:12px}.hero-title{font-size:clamp(2.2rem,3.6vw,3.2rem);margin:0 0 12px;line-height:1.05}.hero-title span{color:var(--accent-dark)}.hero-subtitle{color:var(--muted);font-size:1rem;max-width:640px;margin-bottom:20px}.hero-links{display:flex;gap:12px;flex-wrap:wrap}.about-text{margin:0;max-width:720px;color:var(--muted);font-size:1rem;line-height:1.7}.section-title{font-family:IBM Plex Mono,monospace;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stack-label{font-weight:600;margin-bottom:12px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:6px 12px;border-radius:999px;background:var(--chip);border:1px solid var(--line);font-size:.85rem;font-weight:600}.chip-outline{background:transparent}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}.project-grid>*{display:flex}.project-grid>*>*{flex:1}.card{border:1px solid rgba(12,20,34,.08);background:var(--card);border-radius:20px;box-shadow:0 22px 50px -35px #0c142299;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card-link{text-decoration:none;color:inherit}.card:hover{transform:translateY(-6px);border-color:#2e68d640;box-shadow:0 28px 60px -32px #0c1422b3}.card-media{height:160px;background:linear-gradient(135deg,#2e68d626,#78aaff59);position:relative;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase}.card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-body{padding:20px;display:flex;flex-direction:column;gap:12px}.card-body h3{margin:0;font-size:1.1rem}.card-body p{margin:0;color:var(--muted);font-size:.95rem;min-height:48px}.card-links{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid transparent;font-size:.85rem;font-weight:600;background:var(--accent);color:#fff;box-shadow:0 10px 20px -16px #0c1422cc;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px #0c1422cc}.btn.ghost{background:#ffffffb3;color:var(--ink);border:1px solid var(--line)}.loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-family:IBM Plex Mono,monospace}.spin{animation:spin 1s linear infinite}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px;flex-wrap:wrap;gap:12px;color:var(--muted)}.footer-links{display:flex;gap:16px;font-weight:600}.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.list-item{background:var(--card);border:1px solid var(--line);padding:14px 20px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px -10px #0c14220d;transition:transform .2s}.list-item:hover{transform:translateY(-2px);border-color:#2e68d64d}.lang-name{font-weight:600;color:var(--ink);font-size:1rem}.lang-level{color:var(--accent-dark);font-size:.85rem;background:#2e68d61a;padding:4px 12px;border-radius:99px;font-weight:600;letter-spacing:.02em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;transition:color .2s ease,transform .2s ease;margin-bottom:8px}.back-link:hover{color:var(--accent-dark);transform:translate(-2px)}.detail-header{display:flex;flex-direction:column;gap:8px}.content-detail{max-width:900px}.detail-header{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.detail-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin:0;line-height:1.1;background:linear-gradient(135deg,var(--ink) 0%,var(--accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-body{display:flex;flex-direction:column;gap:16px}.detail-section{display:flex;flex-direction:column;gap:6px}.detail-section .section-title{margin-bottom:8px;padding-bottom:8px}.detail-media{width:100%;border-radius:16px;border:1px solid var(--line);background:#0c1422;box-shadow:0 12px 32px -12px #0c142266}.media-gallery{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.media-main{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;background:#0c1422}.media-main .detail-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0;border:none;box-shadow:none}.media-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.media-thumb{position:relative;width:80px;height:60px;border-radius:10px;border:2px solid transparent;background:transparent;padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease,opacity .2s ease;opacity:.7}.media-thumb:hover{transform:translateY(-2px);opacity:.9}.media-thumb.active{border-color:var(--accent);opacity:1}.media-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0c142299;color:#fff}.media-placeholder{width:100%;aspect-ratio:16 / 9;border:2px dashed var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.9rem;background:#fff6;margin-bottom:16px}.private-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0c142214;color:var(--muted);font-size:.8rem;font-weight:600;font-family:IBM Plex Mono,monospace}.private-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#0c142214;color:var(--muted);font-size:.9rem;font-weight:600}.detail-actions{flex-direction:row;justify-content:flex-start;padding-top:8px}.detail-actions .btn{padding:10px 20px;font-size:.9rem}@media (max-width: 768px){.hero{grid-template-columns:1fr}.avatar{width:110px;height:110px}.footer{flex-direction:column;align-items:flex-start}}