.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-logo{position:relative;width:100px;height:100px}.circle{width:100%;height:100%;border-top:4px solid var(--card-bg);border:4px solid var(--card-bg);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center}.letter{font-size:2rem;font-weight:700;color:var(--primary);position:absolute;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.hamburger{position:fixed;top:20px;left:20px;width:40px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:1001;transition:transform var(--transition-speed) ease}.hamburger:hover{transform:scale(1.1)}.hamburger span{display:block;width:100%;height:3px;background-color:var(--text);margin:6px 0;transition:var(--transition-speed) ease;position:relative}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:1002}.close-button:after,.close-button:before{content:"";position:absolute;top:50%;left:50%;width:30px;height:3px;background-color:var(--text);transform-origin:center}.close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-button:hover:after,.close-button:hover:before{background-color:var(--primary)}.menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background-color:var(--card-bg);padding:80px 20px 20px;transition:left var(--transition-speed) ease;z-index:1000}.menu.open{left:0}.menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.menu ul li{margin:20px 0}.menu ul li a{color:var(--text);text-decoration:none;font-size:1.5rem;transition:color var(--transition-speed) ease;display:block;padding:10px;border-radius:var(--border-radius)}.menu ul li a:hover{color:var(--primary);background-color:var(--primary-light)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease,visibility var(--transition-speed) ease}.overlay.open{opacity:1;visibility:visible}@media(min-width:var(--mobile-width )){.menu{left:-100%;width:100%;padding:80px 20px 20px}.menu.open{left:0}.hamburger,.overlay{display:block}}:root{--primary-color:#3498db;--background-color:#f8f9fa;--text-primary:#333333;--text-secondary:#666666;--text-tertiary:#888888;--white:#fff;--menu-hover:#3498db;--hamburger-color:#333333;--section-padding:80px;--container-padding:20px;--tablet-width:1024px;--mobile-width:768px;--transition-speed:0.3s;--shadow-sm:0 4px 6px rgba(0,0,0,0.1);--shadow-md:0 8px 15px rgba(0,0,0,0.15);--border-radius:15px}body.light{--bg:#f5f7fa;--text:#222;--card-bg:#fff;--primary:#3498db;--primary-light:#f8f9fa;--text-track-color:black}body.dark{--bg:#181c1f;--text:#f5f7fa;--card-bg:#23272a;--primary:#879bac;--primary-light:#b3c2d1;--text-track-color:white}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.main-content,body{background:var(--bg);color:var(--text)}.main-content{min-height:100vh;width:100%}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}