:root{--primary-color: #444;--primary-color-hover: #666;--background-color: #000;--text-color: #fff;--container-bg-color: rgba(255, 255, 255, 0.281);--container-shadow-color: rgba(255, 255, 255, 0.1);--footer-text-color: #888;--footer-link-color: #888;--footer-link-hover-color: #bbb}body{font-family:"Roboto", sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;background-color:var(--background-color);color:var(--text-color);margin:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}body.solid-bg{background-color:#e07373;color:var(--text-color)}h1,h2,h3{font-weight:700}p{font-weight:300}.logo{width:150px;height:auto;z-index:2;display:block;margin:0 auto}.container{align-self:center;text-align:center;padding:20px;border-radius:8px;background-color:var(--container-bg-color);box-shadow:0 4px 10px var(--container-shadow-color);min-width:400px;max-width:600px;width:80%}footer{position:absolute;bottom:20px;font-size:12px;color:var(--footer-text-color);z-index:2}footer a{color:var(--footer-link-color);text-decoration:none}footer a:hover{color:var(--footer-link-hover-color);text-decoration:underline}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}a.button{text-decoration:none;color:var(--text-color);background-color:var(--primary-color);padding:8px 16px;border-radius:4px;transition:background-color 0.3s;display:inline-block}a.button:hover{background-color:var(--primary-color-hover)}a.border-btn{border:2px solid rgba(255,255,255,0.514)}.top-right-btn{position:absolute;top:20px;right:20px;z-index:2}.top-left-btn{position:absolute;top:20px;left:20px;z-index:2}.contact-btn{margin-top:15px}iframe{border:none;border-radius:8px;margin:20px 0}@media (max-width: 768px){.container{min-width:auto;width:90%;padding:15px}.logo{width:120px}}@media (max-width: 480px){body{padding:10px}.container{width:95%;padding:10px}.logo{width:100px}footer{position:relative;bottom:auto;margin-top:20px;text-align:center}}.main-navigation{position:fixed;top:0;left:0;right:0;z-index:10}.navbar{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:3;width:auto}.nav-menu{display:flex;list-style:none;margin:0;padding:10px 20px;gap:20px;background-color:var(--container-bg-color);border-radius:8px;box-shadow:0 4px 10px var(--container-shadow-color);white-space:nowrap}.nav-menu a{color:var(--text-color);text-decoration:none;padding:5px 10px;border-radius:4px;transition:background-color 0.3s}.nav-menu a:hover,.nav-menu a.active{background-color:var(--primary-color)}.mobile-only{display:none}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:11;background:var(--container-bg-color);border:none;color:var(--text-color);padding:10px;border-radius:4px;cursor:pointer;font-size:18px}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9}main{position:relative;z-index:1;margin-top:120px}.quote-section{margin:20px 0}.quote{font-style:italic;font-size:1.1em;margin:0}.contact-section{margin-top:20px}@media (max-width: 768px){.mobile-menu-toggle{display:block}.mobile-menu-overlay.active{display:block}.navbar{position:fixed;top:0;left:-100%;transform:none;width:250px;height:100vh;background-color:var(--background-color);transition:left 0.3s ease;padding:70px 0 20px 0;z-index:10;box-shadow:2px 0 10px rgba(0,0,0,0.3)}.navbar.active{left:0}.nav-menu{flex-direction:column;gap:0;padding:0;background:transparent;box-shadow:none;border-radius:0;height:100%}.nav-menu a{text-align:left;padding:15px 20px;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.1);display:block}.nav-menu a:hover,.nav-menu a.active{background-color:var(--primary-color)}.main-navigation .top-right-btn{display:none !important}.mobile-only{display:block}main{margin-top:80px}}