.general-body{margin:2% 10%;padding:2rem;display:flex;flex-direction:column}.general-body header{margin:0 10% 2rem;display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width: 768px){.general-body{margin:2% 7%;padding:1rem}.general-body header{margin:0;justify-content:center}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--color-button-bg, #f9f9f9);border-bottom:2px solid var(--color-border, #ccc);box-shadow:0 2px 4px #0000001a;position:relative}.logo{font-size:1.2rem;font-weight:700;color:var(--color-link, #646cff)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:100}.hamburger .bar{width:25px;height:3px;background-color:var(--color-text);margin:3px 0;transition:all .3s ease;border-radius:3px}.hamburger .bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navLinks{display:flex;gap:1.5rem;align-items:center}.navLink{padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s ease;color:var(--color-text, #213547);text-decoration:none}.navLink:hover{background-color:var(--color-border, #ccc);color:var(--color-link, #747bff)}.navLink.active{background-color:var(--color-link, #646cff);color:#fff}@media (max-width: 768px){.navbar{padding:.75rem 1rem}.hamburger{display:flex}.navLinks{position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--color-button-bg);border-bottom:2px solid var(--color-border);box-shadow:0 4px 6px #0000001a;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:99}.navLinks.open{max-height:500px}.navLink{width:100%;padding:1rem;border-radius:0;border-bottom:1px solid var(--color-border);text-align:center}.navLink:hover{background-color:var(--color-border)}.navLink.active{background-color:var(--color-link);color:#fff}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-bg: #ebe7dd;--color-text: #162635;--color-text-muted: #777;--color-border: #d4c5b0;--color-link: #747bff;--color-link-hover: #535bf2;--color-button-bg: #e5dcc8;--color-button-border: #646cff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--color-bg: #242424;--color-text: rgba(255, 255, 255, .87);--color-text-muted: #aaa;--color-border: #444;--color-link: #646cff;--color-link-hover: #535bf2;--color-button-bg: #1a1a1a;--color-button-border: #646cff}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body{margin:0;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:3.5em;line-height:1}@media (max-width: 768px){h1{font-size:2.5em}}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button-bg);color:var(--color-text);cursor:pointer;transition:all .25s ease;min-height:30px;height:40px}button:hover{border-color:var(--color-button-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.upload-button{position:relative;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;color:#fff;font-weight:700;font-size:1.15em;border:none;box-shadow:0 8px 25px #667eea66,0 0 #764ba280,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;animation:gradientShift 3s ease infinite;letter-spacing:.5px;height:50px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.upload-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.upload-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #667eea99,0 0 30px #764ba266,inset 0 1px #fff6;letter-spacing:6px;font-weight:1000}.upload-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 5px 15px #667eea66,inset 0 1px #fff3}.upload-button>*{position:relative;z-index:1}.upload-button-container{margin:2% 15%;text-align:right}@media (max-width: 768px){.upload-button-container{margin:2% 5%}}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-button-bg);border-top:2px solid var(--color-border);padding:8px 0;text-align:center;z-index:1000;box-shadow:0 -2px 4px #0000001a}.footer-link{color:var(--color-text);text-decoration:none;font-weight:700;font-size:.95em;transition:all .3s ease;padding:8px 20px;border-radius:6px;display:inline-block;letter-spacing:.5px;position:relative;text-transform:uppercase}.footer-link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-link),var(--color-link-hover));transform:translate(-50%);transition:width .3s ease}.footer-link:hover{color:var(--color-link);background-color:var(--color-border);transform:translateY(-2px)}.footer-link:hover:after{width:80%}body{padding-bottom:30px}