body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.logo a{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}.navigation ul{display:flex;gap:1.5rem;list-style:none}.navigation a{color:#555;font-weight:500;text-decoration:none;transition:color .3s}.navigation a:hover{color:#06c}.social-links{gap:1rem}.social-links a{align-items:center;color:#555;display:flex;font-size:.9rem;gap:.5rem;transition:color .3s}.social-links a:hover{color:#06c}.logout-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1rem;font-weight:500;padding:0}.logout-btn:hover{background:none;color:#d9534f}@media (max-width:768px){.header{flex-direction:column;padding:1rem}.logo{margin-bottom:1rem}.navigation ul{flex-wrap:wrap;gap:1rem;justify-content:center}.social-links{margin-top:1rem}}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:2rem;padding:1.5rem 2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer p{color:#6c757d;margin:0}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#6c757d;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#06c}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem}}.home-page{margin:0 auto;max-width:1200px}.hero{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:3rem 1rem;text-align:center}.hero h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.hero p{color:#6c757d;font-size:1.2rem}.about-section,.featured-projects,.latest-blog{margin-bottom:3rem}.about-section h2,.featured-projects h2,.latest-blog h2{border-bottom:2px solid #e9ecef;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem}.project-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card h3{color:#333;margin-bottom:.75rem}.project-card a{color:#06c;display:inline-block;margin-top:1rem;text-decoration:none}.project-card a:hover{text-decoration:underline}.blog-preview{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.blog-preview h3{color:#333;margin-bottom:.5rem}.blog-preview .date{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.blog-preview a{color:#06c;display:inline-block;margin-top:1rem;text-decoration:none}.blog-preview a:hover{text-decoration:underline}@media (max-width:768px){.hero h1{font-size:2rem}.project-cards{grid-template-columns:1fr}}.projects-page{margin:0 auto;max-width:1200px}.projects-page h1{color:#333;margin-bottom:1rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.project-header{margin-bottom:1rem}.project-header h2{color:#333;margin-bottom:.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-description{color:#495057;line-height:1.6;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem}.project-links a{color:#06c;font-weight:500;text-decoration:none}.project-links a:hover{text-decoration:underline}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.blog-page{margin:0 auto;max-width:1200px}.blog-page h1{color:#333;margin-bottom:1rem}.blog-posts{display:flex;flex-direction:column;gap:2rem}.blog-post-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.blog-post-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.blog-post-card h2{color:#333;margin-bottom:.5rem}.post-date{color:#6c757d;font-size:.9rem;margin-bottom:.75rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background-color:#e9ecef;border-radius:4px;color:#495057;font-size:.85rem;padding:.25rem .5rem}.post-excerpt{color:#495057;line-height:1.6;margin-bottom:1.5rem}.read-more{color:#06c;font-weight:500;text-decoration:none}.read-more:hover{text-decoration:underline}.contact-page{margin:0 auto;max-width:1200px}.contact-page h1{color:#333;margin-bottom:1rem}.page-description{color:#6c757d;font-size:1.1rem;margin-bottom:2rem;max-width:800px}.contact-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.contact-info{background-color:#f8f9fa;border-radius:8px;padding:1.5rem}.info-item{margin-bottom:1.5rem}.info-item h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.info-item p{color:#495057}.info-item a{color:#06c;text-decoration:none}.info-item a:hover{text-decoration:underline}.social-links{display:flex;flex-direction:column;gap:.5rem}.contact-form-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.form-message{border-radius:4px;margin-bottom:1.5rem;padding:1rem}.form-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.submit-button{align-self:flex-start;background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.submit-button:hover{background-color:#05a}@media (max-width:768px){.contact-container{grid-template-columns:1fr}}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.login-container h2{color:#333;margin-bottom:.5rem;text-align:center}.login-container p{color:#6c757d;margin-bottom:1.5rem;text-align:center}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#495057;font-weight:500}.form-group input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem}.form-group input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;font-size:.9rem;padding:.75rem}.login-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s}.login-button:hover:not(:disabled){background-color:#05a}.login-button:disabled{background-color:#6c757d;cursor:not-allowed}.video-gallery{margin:0 auto;max-width:1200px}.video-gallery h1{color:#333;margin-bottom:1.5rem}.search-bar{margin-bottom:2rem}.search-bar input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.search-bar input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.video-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;color:inherit;padding:1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.video-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.video-info h3{color:#333;margin-bottom:.5rem}.video-info p{color:#6c757d;font-size:.9rem}.error,.loading,.no-results{background-color:#f8f9fa;border-radius:8px;margin-top:1rem;padding:2rem;text-align:center}@media (max-width:768px){.video-grid{grid-template-columns:1fr}}.video-player-container{margin:0 auto;max-width:1200px}.video-player-container h1{color:#333;margin-bottom:.5rem}.video-date{color:#6c757d;margin-bottom:1.5rem}.video-player{background-color:#000;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}video{display:block;width:100%}.video-controls{display:flex;gap:1rem;margin-bottom:2rem}.back-button,.next-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.back-button{background-color:#6c757d;color:#fff}.back-button:hover{background-color:#5a6268}.next-button{background-color:#06c;color:#fff}.next-button:hover{background-color:#05a}.video-description{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.video-description h3{color:#333;margin-bottom:1rem}.error,.loading{background-color:#f8f9fa;border-radius:8px;margin-top:1rem;padding:2rem;text-align:center}.error{background-color:#f8d7da;color:#721c24}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}button:hover{background-color:#05a}h1,h2,h3{margin-bottom:1rem}.loading{font-size:1.2rem;padding:2rem}.error,.loading{text-align:center}.error{background-color:#f9f2f2;border-radius:4px;color:#d9534f;margin-bottom:1rem;padding:1rem}
/*# sourceMappingURL=main.ba6f3d2e.css.map*/