*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient:linear-gradient(135deg, #2a4419 0%, #b0b68a 100%);--glass-bg:rgba(255, 255, 255, 0.95);--glass-border:rgba(255, 255, 255, 0.2);--text-primary:#1a1a1a;--text-secondary:#444;--text-tertiary:#666;--accent-color:#1a2e0e;--shadow-light:0 4px 20px rgba(0,0,0,0.1);--shadow-medium:0 8px 32px rgba(0,0,0,0.1);--shadow-heavy:0 15px 40px rgba(0,0,0,0.2);--border-radius:15px;--transition:all 0.3s ease;--font-heading:'Playfair Display',serif;--error-color:#c62828;--success-color:#2e7d32}body{font-family:Raleway,sans-serif;position:relative;min-height:100vh;color:var(--text-primary);line-height:1.6;overflow-x:hidden;display:flex;flex-direction:column}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--primary-gradient)}#mainContainer{flex:1}header{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem);margin-bottom:clamp(1rem,2vw,2rem);text-align:center;box-shadow:var(--shadow-light);position:static;display:flex;justify-content:center;align-items:center}.header-wrapper{display:flex;flex-direction:row;align-items:center;gap:clamp(.5rem,1.5vw,1rem)}.header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem;cursor:pointer}h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem, 5vw, 3rem);margin-bottom:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-wrap:break-word}.subtitle{font-style:italic;color:var(--text-secondary);font-size:clamp(.9rem, 2.5vw, 1.1rem);margin:0}.social-icons{display:flex;justify-content:center;align-items:center;gap:15px;margin-left:15px}.subtitle-social-container{display:flex;align-items:center;flex-wrap:wrap}.social-icon{width:24px;height:24px;transition:var(--transition);opacity:.8;display:block}.social-icon:hover{opacity:1;transform:scale(1.1)}#navigation{display:flex;justify-content:space-between;align-items:center;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,2rem);background:0 0;margin-bottom:clamp(1rem,2vw,2rem);position:sticky;top:0;z-index:1000}.hidden{display:none!important}.button-size{padding:clamp(14px,3vw,18px) clamp(20px,4vw,24px);height:calc(clamp(14px,3vw,18px) * 2 + 1.4em);box-sizing:border-box;display:inline-flex;align-items:center}footer{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;padding:clamp(1.5rem,3vw,2rem);color:var(--text-secondary);font-size:clamp(.8rem, 2vw, 1rem);margin-top:auto}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:clamp(1rem, 2.5vw, 1.2rem);color:var(--text-secondary)}.loading::after{content:'';width:20px;height:20px;border:2px solid var(--accent-color);border-top:2px solid transparent;border-radius:50%;margin-left:10px;animation:spin 1s linear infinite}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--accent-color);border-radius:50%;margin-bottom:15px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:768px){.header-wrapper{flex-direction:column;gap:clamp(.5rem,2vw,.75rem);text-align:center}.social-icon{width:22px;height:22px}.header-content{align-items:center;text-align:center}.subtitle-social-container{flex-direction:column;align-items:center}.social-icons{margin-left:0;margin-top:10px}#navigation{justify-content:space-between;padding:clamp(.5rem,2vw,.75rem)}}@media (max-width:320px){#navigation{gap:5px}}@media (max-width:768px) and (orientation:landscape){.header-wrapper{flex-direction:row;gap:clamp(.5rem,2vw,1rem)}.header-content{align-items:flex-start;text-align:left}.subtitle-social-container{flex-direction:row;align-items:center}.social-icons{margin-left:15px;margin-top:0}header{padding:clamp(.75rem,2vw,1.5rem)}}@media (min-width:2560px){h1{font-size:4rem}}@media (max-width:768px){#navigation{gap:20px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (hover:none),(pointer:coarse){.social-icon:hover{transform:none!important}}