*{box-sizing:border-box;margin:0;padding:0}body{background:#0000;color:#333;font-family:Arial,sans-serif;line-height:1.6}.App{min-height:100vh;position:relative}.ballpit-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.ballpit-canvas{height:100%!important;opacity:.8;width:100%!important}.header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.logo{color:#4a90e2;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1rem;list-style:none}.nav-links a{color:#333;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#4a90e2}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:25px}.menu-toggle span{background-color:#333;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.hero{align-items:center;background:#0000;color:#fff;display:flex;height:100vh;justify-content:center;margin-top:60px;padding:0 1rem;position:relative;text-align:center}.hero-content h1{font-size:2rem;line-height:1.2;margin-bottom:1rem;text-shadow:2px 2px 8px #000c}.hero-content p{font-size:1.1rem;line-height:1.4;margin-bottom:2rem;text-shadow:2px 2px 6px #000c}.cta-button{background:#4a90e2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;min-width:160px;padding:12px 30px;text-shadow:none;transition:background .3s ease}.cta-button:hover{background:#357abd}.gallery{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 10px 30px #0003;margin:1rem;padding:3rem 1rem;position:relative;z-index:1}.section-title{color:#333;font-size:2rem;line-height:1.3;margin-bottom:2rem;text-align:center}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px}.gallery-item{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{height:200px;object-fit:cover;width:100%}.letter{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 10px 30px #0003;margin:1rem;padding:3rem 1rem;position:relative;z-index:1}.letter-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0000001a;line-height:1.8;margin:0 auto;max-width:800px;padding:2rem}.letter-content h2{color:#4a90e2;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.letter-content p{font-size:1rem;margin-bottom:1.5rem;text-align:left}.signature{font-style:italic;font-weight:700;margin-top:2rem;text-align:right}.footer{background:#333333f2;color:#fff;font-size:.9rem;padding:2rem 1rem;position:relative;text-align:center;z-index:1}.circular-gallery{background:#0000;cursor:grab;height:100%;overflow:hidden;width:100%}.circular-gallery:active{cursor:grabbing}.circular-gallery-container{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s ease;width:100%}@media (min-width:768px){.nav{padding:0 2rem}.logo{font-size:1.8rem}.nav-links{gap:2rem}.nav-links a{font-size:1rem}.hero-content h1{font-size:3rem}.hero-content p{font-size:1.3rem}.gallery{margin:2rem;padding:4rem 2rem}.section-title{font-size:2.5rem}.gallery-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.letter{margin:2rem;padding:4rem 2rem}.letter-content{padding:3rem}.letter-content h2{font-size:2rem}.letter-content p{font-size:1.1rem}}@media (min-width:1024px){.nav{padding:0 2rem}.hero-content h1{font-size:3.5rem}.hero-content p{font-size:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gallery-item img{height:250px}}@media (max-width:480px){.hero{height:80vh;margin-top:50px;min-height:500px}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.cta-button{font-size:.9rem;min-width:140px;padding:10px 25px}.gallery,.letter{margin:.5rem;padding:2rem 1rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.letter-content{padding:1.5rem}.letter-content h2{font-size:1.3rem}.letter-content p{font-size:.9rem}.footer{font-size:.8rem;padding:1.5rem 1rem}}@media (max-width:768px){.menu-toggle{display:flex}.nav-links{align-items:center;background:#fffffffa;box-shadow:0 5px 15px #0000001a;flex-direction:column;gap:2rem;left:0;opacity:0;padding:2rem 0;position:fixed;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;width:100%}.nav-links.active{opacity:1;transform:translateY(0);visibility:visible}.nav-links a{font-size:1.1rem;padding:.5rem 0}}@media (max-height:500px) and (orientation:landscape){.hero{height:auto;min-height:100vh;padding:4rem 1rem}.hero-content h1{font-size:2rem;margin-bottom:.5rem}.hero-content p{font-size:1rem;margin-bottom:1rem}.header{padding:.5rem 0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ballpit-canvas{opacity:.7}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gallery-item:hover{transform:none}}.ballpit-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.content-section{position:relative;z-index:1}@media (hover:none) and (pointer:coarse){.gallery-item:hover{transform:none}.nav-links a:hover{color:#333}.cta-button:hover{background:#4a90e2}}
/*# sourceMappingURL=main.1deaeaf9.css.map*/