.app[data-v-61b104f0]{min-height:100vh;position:relative;overflow:hidden}.background[data-v-61b104f0]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.video-background[data-v-61b104f0]{width:100%;height:100%;object-fit:cover}.overlay[data-v-61b104f0]{background:#000000b3;background-image:linear-gradient(to bottom,#000c,#0009)}.navbar[data-v-61b104f0]{padding:15px 30px;border-radius:50px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.navbar[data-v-61b104f0]:hover{box-shadow:0 8px 32px #bb86fc33}.nav-link[data-v-61b104f0]{position:relative;margin:0 10px;padding:8px 15px;font-weight:500;transition:all .3s ease}.top-right-buttons[data-v-61b104f0]{position:fixed;top:20px;right:30px;display:flex;gap:15px;padding:10px 20px;border-radius:50px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;background:#1e1e1eb3}.custom-button[data-v-61b104f0]{color:#ffffffe6;padding:8px 20px;font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;letter-spacing:.5px;text-decoration:none;transition:all .3s ease;text-shadow:0 0 10px rgba(255,255,255,.2);position:relative}.custom-button[data-v-61b104f0]:hover{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4);transform:translateY(-1px)}.custom-button[data-v-61b104f0]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:width .3s ease}.custom-button[data-v-61b104f0]:hover:after{width:100%}@media (max-width: 768px){.navbar[data-v-61b104f0]{padding:10px 20px}.nav-link[data-v-61b104f0]{margin:0 5px;padding:6px 10px;font-size:.9rem}.top-right-buttons[data-v-61b104f0]{padding:8px 15px}.custom-button[data-v-61b104f0]{padding:6px 15px;font-size:.9rem}}@media (max-width: 480px){.navbar[data-v-61b104f0]{padding:8px 15px;bottom:20px}.nav-link[data-v-61b104f0]{margin:0 3px;padding:5px 8px;font-size:.8rem}.top-right-buttons[data-v-61b104f0]{padding:6px 12px;top:15px;right:15px;gap:10px}.custom-button[data-v-61b104f0]{padding:5px 12px;font-size:.8rem}}:root{--bg-color: #121212;--text-color: #f5f5f5;--accent-color: #bb86fc;--secondary-color: #03dac6;--error-color: #cf6679;--overlay-color: rgba(0, 0, 0, .7);--glass-bg: rgba(30, 30, 30, .7);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{color:var(--text-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:10px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.navbar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;padding:15px 30px;display:flex;justify-content:center;gap:30px}.nav-link{font-size:1.1rem;font-weight:500;position:relative;padding:5px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.social-links{position:fixed;top:30px;right:30px;z-index:100;display:flex;gap:20px;padding:10px 20px}.social-link{font-size:1.5rem;transition:transform .3s ease}.social-link:hover{transform:translateY(-5px)}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);z-index:-1}.content{min-height:100vh;padding:100px 50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-title{font-size:2.5rem;margin-bottom:30px;text-align:center;font-weight:700}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;margin:0 auto}.work-item{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:16/9;cursor:pointer;transition:transform .3s ease}.work-item:hover{transform:translateY(-10px)}.work-item img,.work-item video{width:100%;height:100%;object-fit:cover}.work-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease}.work-item:hover .work-overlay{opacity:1}.work-title{font-size:1.2rem;font-weight:600;margin-bottom:5px}.work-category{font-size:.9rem;color:var(--secondary-color)}@media (max-width: 768px){.navbar{padding:10px 20px;gap:20px}.social-links{top:20px;right:20px;gap:15px}.content{padding:80px 20px}.section-title{font-size:2rem}.works-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width: 480px){.navbar{width:90%;gap:15px}.nav-link{font-size:.9rem}.social-link{font-size:1.2rem}.section-title{font-size:1.8rem}.works-grid{grid-template-columns:1fr}}