@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Creepster&family=Nosifer&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cinzel,serif;background:#0a0a0a;color:#d0d0d0;overflow-x:hidden;letter-spacing:.5px}.App{min-height:100vh;position:relative}.video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-2}.video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 30% 20%,rgba(160,160,160,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(120,120,120,.1) 0%,transparent 50%),linear-gradient(180deg,#0000004d,#000000b3);z-index:-1}.screen-transition{animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mysticalAppear{0%{opacity:0;transform:scale(.95);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.image-button{background:none;border:none;cursor:pointer;transition:all .4s ease;filter:drop-shadow(0 0 15px rgba(160,160,160,.4))}.image-button:hover{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(160,160,160,.6)) drop-shadow(0 0 40px rgba(160,160,160,.3))}.image-button img{width:100%;height:auto;display:block}.close-button{position:absolute;top:15px;right:15px;width:45px;height:45px;background:none;border:none;cursor:pointer;z-index:10;transition:all .3s ease;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.close-button:hover{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(160,160,160,.6))}.close-button img{width:100%;height:100%;object-fit:contain}.form-container{background-image:url(/images/card-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid rgba(160,160,160,.4);border-radius:15px;padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:500px;margin:0 auto;position:relative;box-shadow:0 0 30px #000c,inset 0 1px #a0a0a033,inset 0 -1px #00000080}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:13px;z-index:-1}.form-container:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#a0a0a04d,#a0a0a033,#a0a0a04d,#a0a0a033,#a0a0a04d);border-radius:17px;z-index:-2;opacity:0;transition:opacity .3s ease}.form-container h2,.form-container h3,.form-container h4{font-family:Cinzel,serif;color:#d0d0d0;text-shadow:0 0 10px rgba(160,160,160,.3);letter-spacing:1px}.form-group{margin-bottom:1.8rem}.form-label{display:block;margin-bottom:.7rem;font-weight:500;color:#b8b8b8;font-family:Cinzel,serif;font-size:.95rem;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.form-input,.form-textarea{width:100%;padding:14px 18px;background:linear-gradient(145deg,#1e1e1ecc,#141414e6);border:2px solid rgba(160,160,160,.3);border-radius:8px;color:#d0d0d0;font-family:Cinzel,serif;font-size:14px;transition:all .4s ease;box-shadow:inset 0 2px 4px #0000004d,0 1px #a0a0a01a}.form-input:focus,.form-textarea:focus{outline:none;border-color:#a0a0a099;background:linear-gradient(145deg,#232323e6,#191919f2);box-shadow:inset 0 2px 4px #0006,0 0 0 3px #a0a0a01a,0 0 20px #a0a0a033}.form-input::placeholder,.form-textarea::placeholder{color:#b8b8b880;font-style:italic}.form-textarea{min-height:120px;resize:vertical}.form-button{background:linear-gradient(145deg,#a0a0a0cc,#a0a0a0e6,#a0a0a0cc);border:2px solid rgba(160,160,160,.6);border-radius:8px;color:#d0d0d0;padding:14px 28px;font-family:Cinzel,serif;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .4s ease;margin-right:12px;margin-bottom:8px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:0 4px 8px #0006,inset 0 1px #a0a0a04d,inset 0 -1px #0000004d;position:relative;overflow:hidden}.form-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(160,160,160,.2) 50%,transparent 100%);transition:left .5s ease}.form-button:hover{background:linear-gradient(145deg,#c8c8c8e6,#a0a0a0,#c8c8c8e6);border-color:#a0a0a0b3;transform:translateY(-1px);box-shadow:0 6px 16px #00000080,0 0 20px #a0a0a04d,inset 0 1px #a0a0a033}.form-button:hover:before{left:100%}.form-button:active{transform:translateY(0);box-shadow:0 2px 4px #0009,inset 0 1px 2px #0003}.form-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(145deg,#3c3c3ccc,#282828e6);border-color:#50505099;color:#78787880}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0000004d,#000c 70%),linear-gradient(0deg,#7878781a,#a0a0a01a);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-image:url(/images/card-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid rgba(160,160,160,.5);border-radius:15px;padding:2.5rem;max-width:600px;max-height:80vh;width:90%;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;box-shadow:0 0 50px #000000e6,0 0 100px #a0a0a033,inset 0 1px #a0a0a033}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:13px;z-index:-1}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#d0d0d0;font-size:28px;cursor:pointer;transition:all .3s ease;font-family:Cinzel,serif;text-shadow:0 0 10px rgba(160,160,160,.3)}.modal-close:hover{color:#e0e0e0;text-shadow:0 0 15px rgba(160,160,160,.6);transform:scale(1.1)}.memorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;margin-top:2.5rem}.memorial-card{background-image:url(/images/card-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid rgba(160,160,160,.3);border-radius:12px;padding:2rem;cursor:pointer;transition:all .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 8px 25px #0009,inset 0 1px #a0a0a01a}.memorial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;z-index:-1}.memorial-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(160,160,160,.5) 50%,transparent 100%);border-radius:12px 12px 0 0}.memorial-card:hover{border-color:#a0a0a099;transform:translateY(-5px);box-shadow:0 15px 40px #000000b3,0 0 30px #a0a0a04d,inset 0 1px #a0a0a033}.memorial-card h3{color:#d0d0d0;font-family:Cinzel,serif;text-shadow:0 0 8px rgba(160,160,160,.2)}.file-input{width:100%;padding:16px;background:linear-gradient(145deg,#1e1e1ecc,#141414e6);border:2px dashed rgba(160,160,160,.5);border-radius:8px;color:#b8b8b8;text-align:center;cursor:pointer;transition:all .4s ease;font-family:Cinzel,serif;position:relative;overflow:hidden}.file-input:before{content:"☽";position:absolute;top:50%;left:20px;transform:translateY(-50%);font-size:1.2rem;color:#a0a0a099}.file-input:hover{border-color:#a0a0a0b3;background:linear-gradient(145deg,#232323e6,#191919f2);box-shadow:0 0 20px #a0a0a033}.success-container{background:linear-gradient(145deg,#1e1e1ef2,#141414fa),radial-gradient(circle at center,rgba(180,180,180,.1) 0%,transparent 70%);border:2px solid rgba(180,180,180,.4);color:#e0e0e0}.error-container{background:linear-gradient(145deg,#281e1ef2,#1e1414fa),radial-gradient(circle at center,rgba(140,140,140,.1) 0%,transparent 70%);border:2px solid rgba(140,140,140,.4);color:silver}.main-menu-buttons{pointer-events:none}.main-menu-buttons .image-button{pointer-events:auto;min-width:180px}.social-button{width:150px}.leave-button{width:120px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#141414cc;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#a0a0a0cc,#8c8c8ce6);border-radius:6px;border:2px solid rgba(20,20,20,.5)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#c8c8c8e6,#a0a0a0)}@keyframes ghostlyGlow{0%,to{text-shadow:0 0 5px rgba(160,160,160,.3)}50%{text-shadow:0 0 20px rgba(160,160,160,.6),0 0 30px rgba(160,160,160,.3)}}h1,h2,h3{animation:ghostlyGlow 4s ease-in-out infinite}@media (max-width: 1024px){.main-menu-buttons .image-button{width:240px!important;max-width:28vw!important}.social-button{width:100px!important}.form-container{padding:2rem}}@media (max-width: 768px){.form-container,.modal-content{margin:1rem;padding:1.5rem}.memorials-grid{grid-template-columns:1fr;gap:1.5rem}.main-menu-buttons .image-button{width:180px!important;max-width:35vw!important}.main-menu-buttons .create-button{left:20%!important;top:65%!important}.main-menu-buttons .view-button{left:50%!important;top:50%!important}.main-menu-buttons .info-button{left:80%!important;top:35%!important}.leave-button{width:80px!important;left:20px!important}.social-button{width:70px!important;right:20px!important;bottom:20px!important}}@media (max-width: 480px){.main-menu-buttons .image-button{width:140px!important;max-width:32vw!important}.main-menu-buttons .create-button{left:18%!important;top:70%!important}.main-menu-buttons .view-button{left:50%!important;top:52%!important}.main-menu-buttons .info-button{left:82%!important;top:30%!important}.leave-button{width:60px!important;left:15px!important}.social-button{width:60px!important;right:15px!important;bottom:15px!important}.form-container{padding:1.2rem}}@media (max-width: 320px){.main-menu-buttons .image-button{width:120px!important;max-width:30vw!important}.leave-button{width:50px!important;left:10px!important}.social-button{width:50px!important;right:10px!important;bottom:10px!important}.form-container{padding:1rem}}