@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}:root{--bg-color:#050508;--card-height:clamp(300px, 55vh, 600px);--card-width:calc(var(--card-height) * 0.75);--round:32px;--transition:1.2s cubic-bezier(0.16, 1, 0.3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at center, #0f0f1a 0%, #050508 100%);color:#fff;font-family:'Inter',sans-serif;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color 1.5s ease}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050508;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease,visibility 1s}#loading-overlay.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,0.1);border-top:2px solid #fff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-content p{font-size:0.6rem;letter-spacing:0.5em;color:rgba(255,255,255,0.4);animation:pulse-text 2s infinite ease-in-out}@keyframes pulse-text{0%,100%{opacity:0.3}50%{opacity:0.7}}#starfield{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}.bg-glow{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:140vw;height:140vh;background:radial-gradient(circle at center, rgba(255, 255, 255, 0.02) 0%, transparent 70%);z-index:-1;transition:background 1.5s ease;pointer-events:none}header{position:fixed;top:50px;text-align:center;z-index:100}header h1{font-family:'Playfair Display',serif;font-size:1rem;letter-spacing:0.8em;text-transform:uppercase;font-weight:400;color:rgba(255,255,255,0.9);text-shadow:0 0 15px rgba(255,255,255,0.2)}.scene{width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:1200px;overflow:hidden}.cylinder{position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transition:transform 0.1s linear;will-change:transform}.card{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:var(--round);overflow:hidden;background:#111;background:linear-gradient(90deg, #111 25%, #1a1a1a 50%, #111 75%);background-size:200% 100%;animation:shimmer 4s infinite linear;box-shadow:0 40px 120px rgba(0,0,0,0.6);backface-visibility:hidden;transition:filter var(--transition), opacity var(--transition), transform var(--transition);outline:1px solid rgba(255,255,255,0.03);will-change:transform}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;opacity:0;transition:opacity 0.8s ease}.card.loaded{animation:none;background:#111}.card.loaded img{opacity:1}.card::after{content:"© Starlight Farm";position:absolute;bottom:15px;right:15px;color:rgba(255, 255, 255, 0.4);font-size:11px;font-family:'Inter',sans-serif;letter-spacing:0.1em;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,0.5);z-index:2}footer{position:fixed;bottom:40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:0.65rem;letter-spacing:0.4em;text-transform:uppercase;opacity:0.8;z-index:100}.contact-info{font-size:0.6rem;letter-spacing:0.2em;color:rgba(255, 255, 255, 0.4);margin-top:5px;text-transform:none}.footer-line{width:260px;height:2px;background:rgba(255, 255, 255, 0.08);position:relative;overflow:hidden}.progress-bar{position:absolute;left:0;top:0;width:0%;height:100%;background:#fff;transition:width 0.3s ease-out;box-shadow:0 0 8px rgba(255, 255, 255, 0.4)}#popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.95);display:none;justify-content:center;align-items:center;z-index:2000;cursor:zoom-out;opacity:0;transition:opacity 0.4s ease}#popup-overlay.active{display:flex;opacity:1}.popup-content{position:relative;max-width:95vw;max-height:85vh;display:flex;justify-content:center;align-items:center;transform:scale(0.9);transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)}#popup-overlay.active .popup-content{transform:scale(1)}#popup-overlay img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 0 80px rgba(0, 0, 0, 0.6);pointer-events:none}#popup-overlay .signature{position:absolute;top:25px;right:30px;font-size:1.3rem;color:rgba(255, 255, 255, 0.6);z-index:2200;pointer-events:none}.image-shield{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2100;cursor:pointer}.card.active{cursor:zoom-in}.signature{position:fixed;top:40px;right:50px;font-family:'Dancing Script', cursive;font-size:1.5rem;color:rgba(255, 255, 255, 0.7);z-index:3000;user-select:none;letter-spacing:0.05em;text-shadow:0 0 10px rgba(0,0,0,0.5)}.copyright{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);font-size:10pt;color:rgba(255, 255, 255, 0.45);white-space:nowrap;z-index:2500;letter-spacing:0.02em;pointer-events:none;opacity:0;transition:opacity 0.4s ease}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255, 255, 255, 0.4);padding:20px;cursor:pointer;z-index:1000;transition:color 0.3s ease, transform 0.3s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.nav-arrow svg{width:32px;height:32px;fill:currentColor;filter:drop-shadow(0 0 8px rgba(0,0,0,0.5))}.nav-arrow:hover{color:rgba(255, 255, 255, 0.9)}.nav-arrow:active{transform:translateY(-50%) scale(0.9)}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}#popup-overlay.active ~ .copyright{opacity:1}@media (max-width: 900px){:root{--card-height:clamp(350px, 60vh, 500px);--round:24px}.nav-arrow{padding:10px;color:rgba(255, 255, 255, 0.25)}.nav-arrow svg{width:28px;height:28px}.nav-arrow.left{left:5px}.nav-arrow.right{right:5px}html,body{overscroll-behavior-y:none;overflow:hidden;touch-action:pan-x}body{perspective:1000px}header{top:clamp(20px, 5vh, 40px)}header h1{font-size:clamp(0.7rem, 2.5vw, 0.9rem);letter-spacing:0.4em}.signature{top:clamp(15px, 4.5vh, 35px);left:20px;font-size:clamp(1rem, 4vw, 1.3rem)}footer{bottom:clamp(20px, 6vh, 40px);gap:12px;font-size:clamp(0.55rem, 1.8vw, 0.7rem);padding:0 20px;text-align:center}.footer-line{width:clamp(150px, 50vw, 240px);height:12px;border-bottom:2px solid rgba(255, 255, 255, 0.1);background:transparent}.progress-bar{height:2px}.contact-info{font-size:clamp(0.5rem, 1.5vw, 0.6rem);opacity:0.6}.copyright{font-size:8pt;bottom:15px;width:100%;text-align:center;padding:0 30px;white-space:normal;line-height:1.5;opacity:0}#popup-overlay .signature{top:20px;right:20px;font-size:1.1rem}.card::after{font-size:10px;bottom:12px;right:12px}}@media (max-height: 500px) and (orientation: landscape){:root{--card-height:70vh}header{top:10px}footer{bottom:10px}}