:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #000000;--color-primary-transparent: rgba(0, 0, 0, .8);--color-accent: #00d4ff;--color-accent-dim: rgba(0, 212, 255, .3);--color-accent-glow: rgba(0, 212, 255, .4);--color-accent-strong-glow: rgba(0, 212, 255, .8);--color-border: rgba(180, 230, 255, .6);--color-border-light: rgba(180, 230, 255, .35);--color-text: rgba(255, 255, 255, .87);--glow-effect: 0 0 8px rgba(0, 212, 255, .2), 0 0 12px rgba(0, 212, 255, .08);--glow-effect-strong: 0 0 12px rgba(0, 212, 255, .4), 0 0 18px rgba(0, 212, 255, .15);--text-glow: 0 0 6px rgba(0, 212, 255, .3);--text-glow-strong: 0 0 10px rgba(0, 212, 255, .6);--border-style: 1px solid var(--color-border);--border-style-light: 1px solid var(--color-border-light);--font-header: "Segoe UI Light", Tahoma, Geneva, Verdana, sans-serif;--font-main: system-ui, Avenir, Helvetica, Arial, sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.bgVid{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-700}.proj-card{cursor:pointer;background-color:var(--color-primary);background-size:cover;background-repeat:no-repeat;background-position:center;width:200px;height:300px;color:#fff;border:var(--border-style);box-shadow:var(--glow-effect);overflow:hidden;transition:all .3s ease-in-out;position:relative}.proj-card:hover{box-shadow:var(--glow-effect-strong);border-color:var(--color-accent)}@media(max-width:768px){.proj-card{cursor:default}}.proj-card.expanded{width:533px;box-shadow:var(--glow-effect-strong);border-color:var(--color-accent)}.card-face{position:absolute;top:0;right:0;left:0;padding:15px;background:linear-gradient(rgba(0,0,0,.8),transparent);z-index:2}.card-title{text-align:right;margin:0}.card-content{position:absolute;top:0;right:0;bottom:0;width:178px;background-color:#000000e6;padding:60px 15px 50px;display:flex;flex-direction:column;z-index:1}.card-description{margin:0;flex-grow:1;overflow-y:auto;line-height:1.6;font-size:.9rem;text-align:left;color:#fffffff2;font-weight:300;letter-spacing:.3px}.card-description::-webkit-scrollbar{width:4px}.card-description::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.card-description::-webkit-scrollbar-thumb{background:var(--color-accent-glow);border-radius:2px}.card-description::-webkit-scrollbar-thumb:hover{background:var(--color-accent-strong-glow)}.card-link{position:absolute;bottom:0;right:0;left:0;z-index:3;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 50%,transparent 100%);padding:30px 15px 15px;text-align:right}.card-link a{color:var(--color-accent);text-decoration:none;transition:all .3s ease;font-family:inherit;font-size:.9rem;font-weight:400;letter-spacing:.5px;text-shadow:var(--text-glow)}.card-link a:hover{text-decoration:none;text-shadow:var(--text-glow-strong);color:#fff}.fade-enter-active{transition:opacity .2s;transition-delay:.3s}.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.proj-area[data-v-b4b686fe]{border:var(--border-style);box-shadow:var(--glow-effect);padding:20px;display:flex;flex-wrap:wrap;gap:20px;background-color:#0000004d}.category-menu[data-v-70da141d]{margin:0;padding:0;text-align:right;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-toggle[data-v-70da141d]{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;margin:-14px 0;padding:5px 0;text-decoration:none;transition:all .3s ease;width:100%;text-align:right}.menu-toggle[data-v-70da141d]:hover{color:var(--color-accent);text-shadow:var(--text-glow-strong)}.arrow[data-v-70da141d]{display:inline-block;transition:transform .3s ease}.arrow.expanded[data-v-70da141d]{transform:rotate(-90deg)}ul[data-v-70da141d]{list-style:none;padding:10px;margin:-2px 0 0;font-size:1rem;text-align:right;background-color:#0009;border:var(--border-style-light);border-radius:5px;box-shadow:var(--glow-effect)}ul li[data-v-70da141d]{cursor:pointer;padding:5px 0;transition:all .3s ease;font-size:1.5rem}ul li[data-v-70da141d]:hover{color:var(--color-accent);text-shadow:var(--text-glow)}ul li.active[data-v-70da141d]{color:var(--color-accent);text-shadow:var(--text-glow-strong);font-weight:700}.cTag[data-v-70da141d]{display:inline-block;background-color:var(--color-primary);border:none;border-radius:5px;padding:10px;margin:5px;font-weight:700;color:#fff;height:40px}input[data-v-93be7508]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--color-border)!important;background-color:#00000080;box-shadow:var(--glow-effect);transition:all .3s ease}input[data-v-93be7508]:focus{outline:none;border:1px solid var(--color-accent);background-color:#000000a4;box-shadow:var(--glow-effect-strong)}.name-tag[data-v-93be7508]{position:fixed;top:20px;right:20px;margin:0;z-index:1000;font-weight:light;font-size:2.5rem;font-family:var(--font-header);border:var(--border-style);padding:15px 20px;box-shadow:var(--glow-effect);text-shadow:var(--text-glow);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#search[data-v-93be7508]{width:80%;padding:10px;border:none;border-radius:5px;margin-bottom:20px}@media(max-width:768px){.name-tag[data-v-93be7508]{position:static;top:auto;right:auto;margin:20px auto;text-align:right;font-size:1.8rem;max-width:90%}}