:root{--bg-color: #121212;--primary-color: #1e1e1e;--secondary-color: #2a2a2a;--accent-color: #007bff;--accent-hover-color: #0056b3;--text-color: #e0e0e0;--heading-color: #ffffff;--border-color: #333}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.header{background-color:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:fixed;width:100%;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.header nav{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--heading-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{color:var(--text-color);text-decoration:none;transition:color .3s ease;font-weight:400}.nav-links a:hover,.nav-links a.active{color:var(--accent-color)}.nav-links a.active{font-weight:600}main{padding-top:80px}section{padding:6rem 0}section h2{font-size:2.5rem;color:var(--heading-color);text-align:center;margin-bottom:3rem}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 80px);overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.hero .container{position:relative;z-index:2}.hero h1{font-size:3.5rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.hero .subtitle{font-size:1.25rem;font-weight:300;margin-bottom:2rem;color:var(--text-color)}.cta-button{background-color:var(--accent-color);color:#fff;padding:.8rem 2rem;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.cta-button:hover{background-color:var(--accent-hover-color)}.video-upload-button{position:absolute;bottom:2rem;right:2rem;z-index:2;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-color .3s ease;font-family:inherit;font-weight:600}.video-upload-button:hover{background-color:#fff3}.about-section{background-color:var(--primary-color)}.about-section p{max-width:800px;margin:0 auto;text-align:left;font-size:1.1rem}.about-section p+p{margin-top:1.5em}.about-section .signature{text-align:right}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:block;text-decoration:none}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.project-card h3{color:var(--heading-color);margin-bottom:1rem}.project-card p{color:var(--text-color)}.tool-section{padding:4rem 0;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.tool-section .container{flex-grow:1;display:flex;flex-direction:column}.back-button{background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;font-family:inherit;font-weight:600;margin-bottom:1.5rem;align-self:flex-start}.back-button:hover{background-color:var(--accent-color);border-color:var(--accent-color)}.iframe-container{flex-grow:1;position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:8px;min-height:70vh}