.app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{position:fixed;left:0;top:0;bottom:0;width:200px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;display:flex;flex-direction:column;z-index:100}.logo{position:absolute;top:2rem;left:2rem}.logo h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0;font-family:Montserrat,sans-serif}.nav-links{display:flex;flex-direction:column;gap:1.5rem;margin-top:6rem}.nav-link{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .3s ease;font-family:Montserrat,sans-serif;font-weight:500}.nav-link:hover{color:#4a90e2}.main-nav,.social-nav{list-style:none;padding:0;margin:0}.main-nav{margin-bottom:3rem}.main-nav li,.social-nav li{margin-bottom:1rem}.main-nav a,.social-nav a{text-decoration:none;color:#333;font-size:.9rem;letter-spacing:1px;transition:color .3s ease}.main-nav a:hover,.social-nav a:hover{color:#999}main{margin-left:200px;padding:2rem;min-height:100vh;width:calc(100% - 200px);display:flex;flex-direction:column;align-items:center}form{max-width:500px}form div{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-size:.9rem}input,textarea{width:100%;padding:.5rem;border:1px solid #ddd;font-size:.9rem}textarea{height:150px}button{background-color:#333;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;font-size:.9rem}button:hover{background-color:#444}.admin-panel{padding:20px}.admin-nav{margin-bottom:20px}.admin-nav button{margin-right:10px;padding:8px 16px;background:#f0f0f0;border:none;cursor:pointer}.admin-nav button.active{background:#333;color:#fff}.admin-content{background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.work-item-editor{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:4px}.work-item-editor input,.work-item-editor textarea,.contact-editor input{display:block;width:100%;margin-bottom:10px}.admin-panel button{background:#333;color:#fff;border:none;padding:8px 16px;cursor:pointer;margin-bottom:10px}.admin-panel button:hover{background:#444}.admin-panel h2{margin-bottom:15px}.admin-panel h3{margin:20px 0 10px}.works-section{position:relative}.works-dropdown{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}.work-link{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s ease;opacity:.8}.work-link:hover{color:#4a90e2;opacity:1}.works-nav{position:relative}.dropdown{position:absolute;left:100%;top:0;background:#fff;list-style:none;padding:1rem;margin:0;min-width:200px;box-shadow:2px 2px 10px #0000001a;z-index:1000}.dropdown li{margin:.5rem 0}.dropdown a{color:#333;text-decoration:none;font-size:.9rem}.dropdown a:hover{color:#666}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.work-item{background:#fff;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;position:relative;transition:transform .2s ease}.work-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.work-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.work-images{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:15px}.image-item{position:relative;background:#f8f8f8;padding:10px;border-radius:4px;transition:transform .2s ease}.image-item:hover{transform:translateY(-2px)}.image-item img{width:100%;height:150px;object-fit:cover;border-radius:4px}.image-controls{margin-top:10px;display:flex;flex-direction:column;gap:8px}.image-controls input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.image-controls button{padding:8px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.thumbnail-btn{background-color:#f0f0f0}.thumbnail-btn.active{background-color:#e0e0e0}.delete-image-btn{background-color:#ffebee;color:#d32f2f}.delete-image-btn:hover{background-color:#ffcdd2}.add-image-btn{background-color:#e3f2fd;color:#1976d2;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-bottom:15px}.add-image-btn:hover{background-color:#bbdefb}.work-item button{position:relative;z-index:1}.work-detail{padding:2rem;max-width:1200px;margin:0 auto}.back-button{display:inline-block;margin-bottom:2rem;color:#333;text-decoration:none}.work-detail img{width:100%;height:auto;margin-bottom:2rem}.project-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#333;color:#fff;text-decoration:none;border-radius:4px}.project-link:hover{background:#444}.image-editor{border:1px solid #ddd;padding:1rem;margin:1rem 0;border-radius:4px}.image-editor input{margin-bottom:.5rem}.image-editor button{margin-right:.5rem}.image-editor button.active{background-color:#4caf50}.carousel{position:relative;width:100%;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.carousel-image{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto}.carousel-image img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:1rem;cursor:pointer;z-index:2;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:#000000b3}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#ccc;padding:0;cursor:pointer}.dot.active{background:#333}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem;margin:0}.image-selector select{padding:.5rem;border:1px solid #ddd;border-radius:4px;min-width:200px}.youtube-container{position:relative;width:100%;padding-bottom:56.25%;margin:2rem 0}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.video-section{max-width:1000px;margin:0 auto}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-form{background:#ffffff0d;padding:2rem;border-radius:8px;width:100%;max-width:400px}.login-form h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.8rem;border:1px solid #444;border-radius:4px;background:#1a1a1a;color:#fff}.error-message{color:#f44;margin-bottom:1rem;text-align:center}.login-form button{width:100%;padding:.8rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.login-form button:hover{background:#357abd}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #ddd}.logout-button{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.logout-button:hover{background:#c82333}.admin-header h1{margin:0}.bio-image-section{margin-bottom:2rem}.bio-image-section h3{margin-bottom:1rem}.image-input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem}.image-preview{max-width:300px;margin:1rem 0;border:1px solid #ddd;padding:.5rem;border-radius:4px}.bio{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;padding:2rem}.bio-image{width:100%;max-width:500px;margin:0 auto}.bio-image img{width:100%;height:auto;display:block;border-radius:4px}.bio-text{white-space:pre-wrap;line-height:1.6}.image-input-group{display:flex;gap:1rem;margin-bottom:1rem}.image-select{padding:.8rem;border:1px solid #ddd;border-radius:4px;min-width:200px;background-color:#fff;cursor:pointer}.image-select:hover{border-color:#999}.image-input{flex:1}.image-preview{max-width:300px;margin:1rem 0;border:1px solid #ddd;padding:.5rem;border-radius:4px;background-color:#fff}.image-preview img{width:100%;height:auto;display:block}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;z-index:1000;background:#242424;padding:1rem}.hamburger{background:none;border:none;display:flex;flex-direction:column;gap:6px;padding:10px;cursor:pointer}.hamburger span{display:block;width:25px;height:2px;background-color:#fff;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#242424;padding:1rem;flex-direction:column;gap:1rem}.mobile-menu.open{display:flex}.mobile-menu a{color:#fff;text-decoration:none;padding:.5rem;font-size:1.1rem}.mobile-works-nav{display:flex;flex-direction:column;gap:.5rem}.works-toggle{background:none;border:none;color:#fff;font-size:1.1rem;text-align:left;padding:.5rem;cursor:pointer}.mobile-works-list{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}.mobile-social-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.mobile-nav{display:block}.sidebar{display:none}main{margin-left:0;width:100%;padding:1rem}.works-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.work-detail{padding:1rem}.carousel-btn{padding:.5rem;font-size:1.2rem}.bio{padding:1rem}.bio-image{max-width:100%}.admin-panel{padding:1rem}.image-input-group{flex-direction:column;gap:.5rem}.image-select,.image-input{width:100%}.login-form{margin:1rem;padding:1.5rem}}@media (max-width: 480px){.work-overlay h2{font-size:1.2rem;padding:1rem}.carousel-btn{padding:.3rem;font-size:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-nav{flex-direction:column;gap:.5rem}}.language-toggle{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid #fff;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .3s ease}.language-toggle:hover{background:#ffffff1a}@media (max-width: 768px){.language-toggle{position:fixed;top:1rem;right:4rem;z-index:1001}}.language-tabs{display:flex;gap:1rem;margin-bottom:1rem}.language-tabs button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px}.language-tabs button.active{background:#333;color:#fff;border-color:#333}.admin-content textarea,.admin-content input[type=text]{margin-bottom:1rem}.language-switch{position:fixed;top:1rem;right:1rem;display:flex;gap:2px;background:#333;padding:2px;border-radius:20px;z-index:1001}.language-btn{background:transparent;border:none;color:#fff;padding:.5rem 1rem;cursor:pointer;border-radius:18px;font-size:.9rem;transition:all .3s ease}@media (max-width: 768px){.language-switch{top:1rem;right:4rem}}.language-switch-container{position:fixed;top:20px;right:20px;z-index:1002}.language-switch{display:flex;gap:2px;background:#333;padding:2px;border-radius:20px;box-shadow:0 2px 5px #0003}.language-btn{background:transparent;border:none;color:#fff;padding:8px 16px;cursor:pointer;border-radius:18px;font-size:.9rem;transition:all .3s ease;min-width:45px}.language-btn.active{background:#fff;color:#333}.language-btn:hover:not(.active){background:#ffffff1a}@media (max-width: 768px){.language-switch-container{top:15px;right:70px}.language-btn{padding:6px 12px;font-size:.8rem}}.view-controls{display:flex;justify-content:flex-end;margin-bottom:1rem}.view-toggle{display:flex;gap:2px;background:#333;padding:2px;border-radius:8px}.view-btn{background:transparent;border:none;color:#fff;padding:8px 12px;cursor:pointer;border-radius:6px;font-size:1.2rem;transition:all .3s ease}.view-btn.active{background:#fff;color:#333}.view-btn:hover:not(.active){background:#ffffff1a}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.grid-image-container{position:relative;cursor:pointer;overflow:hidden;border-radius:8px;transition:transform .3s ease;aspect-ratio:1;max-width:300px;margin:0 auto}.grid-image-container:hover{transform:scale(1.02)}.grid-image-container img{width:100%;height:100%;object-fit:cover;display:block}.grid-image-container .image-caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem;margin:0;font-size:.9rem;transform:translateY(100%);transition:transform .3s ease}.grid-image-container:hover .image-caption{transform:translateY(0)}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-image-container img{height:100%}}.social-grid{display:flex;flex-direction:row;gap:2rem;margin-top:1rem;justify-content:center}.social-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.social-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;padding:1rem;border-radius:50%;transition:all .3s ease;background:#ffffff0d;width:60px;height:60px}.social-link:hover{background:#ffffff1a;transform:translateY(-5px)}.social-icon{display:flex;align-items:center;justify-content:center}.social-icon svg{width:30px;height:30px;transition:transform .3s ease}.social-link:hover .social-icon svg{transform:scale(1.1)}.social-username{font-size:.9rem;color:#fff;text-align:center}@media (max-width: 768px){.social-grid{gap:1.5rem}.social-link{width:50px;height:50px;padding:.75rem}.social-icon svg{width:24px;height:24px}.social-username{font-size:.8rem}}.preview-item{position:relative;margin:10px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.preview-item img{width:200px;height:200px;object-fit:cover;display:block}.preview-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:5px;padding:8px;background:#000000b3;opacity:0;transition:opacity .3s ease}.preview-item:hover .preview-controls{opacity:1}.thumbnail-btn,.delete-btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.thumbnail-btn{background:#4a90e2;color:#fff;flex-grow:1}.thumbnail-btn.active{background:#357abd}.delete-btn{background:#f44;color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1rem}.thumbnail-btn:hover{background:#357abd}.delete-btn:hover{background:#c00;transform:scale(1.1)}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}@media (max-width: 768px){.preview-item img{width:150px;height:150px}.preview-controls{opacity:1}}.hashtags-section{margin:1rem 0}.hashtags-input{width:100%;min-height:80px;padding:.5rem;border:1px solid #444;border-radius:4px;background:#1a1a1a;color:#fff;font-family:inherit;margin-bottom:.5rem;resize:vertical}.hashtags-input::placeholder{color:#666}.hashtags-input:focus{outline:none;border-color:#666;background:#2a2a2a}.hashtags-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.hashtag-preview{background:#ffffff1a;padding:.25rem .75rem;border-radius:15px;font-size:.9rem;color:#fff}.hashtags-container{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:.75rem}.hashtag{background:#02254d33;color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:1.2rem;transition:all .3s ease;cursor:default}.hashtag:hover{background:#0429534d;transform:translateY(-2px)}@media (max-width: 768px){.hashtags-container{margin-top:1.5rem;gap:.5rem}.hashtag{padding:.4rem .8rem;font-size:.8rem}}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;margin:2rem 0}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.link-section,.youtube-section{margin:1rem 0}.link-input,.youtube-input{width:100%;padding:.5rem;border:1px solid #444;border-radius:4px;background:#1a1a1a;color:#fff;font-family:inherit}.link-input:focus,.youtube-input:focus{outline:none;border-color:#666;background:#2a2a2a}.link-input::placeholder,.youtube-input::placeholder{color:#666}.contact{max-width:800px;width:100%;margin:0 auto;padding:2rem}.contact h1{margin-bottom:2rem;text-align:center}.contact-item{background:#ffffff0d;padding:2rem;border-radius:8px;text-align:center}.contact-item h3{margin-bottom:1rem;color:#4a90e2}.contact-item a{color:#000;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#4a90e2}.contact-item p{line-height:1.6}@media (max-width: 768px){.contact{padding:1rem}.contact-item{padding:1.5rem}}.works{padding:2rem;max-width:1200px;margin:0 auto}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;padding:1rem}.work-item{position:relative;text-decoration:none;color:inherit;transition:transform .3s ease;display:block;overflow:hidden;border-radius:8px}.work-item:hover{transform:scale(1.02)}.work-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s ease}.work-item:hover img{transform:scale(1.1)}.work-item h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:1rem;background:#000000b3;color:#fff;font-size:1.5rem;transform:translateY(100%);transition:transform .3s ease}.work-item:hover h3{transform:translateY(0)}@media (max-width: 768px){.works-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}:root{--font-primary: "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-small: .9rem}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6}h1{font-size:var(--font-size-h1);margin-bottom:2rem;font-weight:500}h2{font-size:var(--font-size-h2);margin-bottom:1.5rem;font-weight:500}h3{font-size:var(--font-size-h3);margin-bottom:1rem;font-weight:500}.nav-link,.bio-content{font-family:var(--font-primary);font-size:var(--font-size-base)}.image-caption{font-family:var(--font-primary);font-size:var(--font-size-small)}.image-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.image-select-button{padding:.8rem 1.5rem;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.image-select-button:hover{background-color:#e0e0e0}.image-preview{max-width:300px;border:1px solid #ddd;border-radius:4px;padding:.5rem;background-color:#fff}.image-preview img{width:100%;height:auto;display:block;border-radius:2px}.admin-section{padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;line-height:1.5;resize:vertical}.image-upload-container{display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed #ccc;border-radius:8px;padding:20px;background-color:#f8f9fa;transition:all .3s ease}.image-upload-container:hover{border-color:#007bff;background-color:#f0f7ff}.add-image-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.add-image-button:hover{background-color:#0056b3}.image-container{position:relative;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.image-container img{width:100%;height:200px;object-fit:cover;display:block}.image-actions{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:8px;display:flex;gap:8px;justify-content:center;opacity:0;transition:opacity .3s ease}.image-container:hover .image-actions{opacity:1}.image-actions button{padding:4px 8px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.image-actions button:hover{background:#0056b3}.image-actions button.active{background:#28a745}.image-caption{width:100%;padding:8px;border:1px solid #ddd;border-top:none;font-size:14px}.image-caption:focus{outline:none;border-color:#007bff}.bio-container{padding:2rem;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.bio-image{width:300px;height:300px;object-fit:cover;border-radius:50%;margin:0 auto;display:block}.bio-text{text-align:justify;line-height:1.6;margin-top:1rem;width:100%}.contact-container{padding:2rem;max-width:800px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{margin-bottom:2rem}.contact-item h3{margin-bottom:1rem;color:#333;font-size:1.5rem}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background-color:#f8f8f8;border-radius:8px;text-decoration:none;color:#333;transition:all .3s ease;font-size:1.1rem;border:1px solid #eaeaea;width:fit-content}.social-link:hover{background-color:#eaeaea;transform:translate(10px);box-shadow:0 2px 4px #0000001a}.social-link svg{font-size:1.4rem}.social-link[href*=instagram]{color:#e1306c}.social-link[href*=linkedin]{color:#0077b5}.social-link[href*=github]{color:#333}.contact-item p{font-size:1.1rem;color:#666}.contact-item a{color:#333;text-decoration:none;transition:color .2s}.contact-item a:hover{color:#666}:root{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#333}*{box-sizing:border-box;font-family:Montserrat,sans-serif}h1{font-size:1.5rem;font-weight:500;margin-bottom:2rem}