html,body,#root{margin:0;padding:0;overflow-x:hidden}.page-container{position:relative;width:100vw}.scroll-image{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}.image-btn-pic{position:absolute;top:77.3%;left:80%;color:#fff;width:170px;height:100px}.image-btn{position:absolute;top:83.5%;left:74%;transform:translate(-50%,-50%);width:650px;height:340px;padding:0;line-height:10px;background:transparent;border:none;color:#fff;font-size:.75rem;text-align:center;cursor:pointer;z-index:5;transition:background-color .3s ease}.image-btn:hover{background:rgba(255,255,255,.1)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:100;overflow:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);padding:2rem;border-radius:16px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;border:2px solid #23BD4EF2;box-shadow:0 0 30px #23bd4e4d}.modal-close{position:absolute;top:15px;right:15px;background:linear-gradient(145deg,#23BD4EF2,#A4BD29F2);border:none;color:#000;font-size:1.5rem;cursor:pointer;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #23bd4e66}.modal-close:hover{transform:scale(1.1);box-shadow:0 6px 16px #23bd4e99}.grid-view{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:100%;overflow:visible}.grid-title{color:#23bd4ef2;font-size:2rem;font-weight:700;text-align:center;margin-bottom:10px;text-shadow:0 0 10px rgba(35,189,78,.5)}.image-grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:1rem;max-width:100%}@media (max-width: 1200px){.image-grid-container{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width: 768px){.image-grid-container{grid-template-columns:repeat(3,1fr);gap:8px}.modal-content{padding:1rem;max-width:98vw}.grid-title{font-size:1.5rem}}@media (max-width: 480px){.image-grid-container{grid-template-columns:repeat(2,1fr);gap:6px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-image{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:2px solid #23BD4EF2;border-radius:12px;box-shadow:0 4px 12px #23bd4e66;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);animation:fadeInUp .6s ease-out forwards;opacity:0;animation-delay:calc(var(--animation-order) * .1s)}.grid-image:hover{transform:scale(1.08);box-shadow:0 8px 20px #23bd4e99;border-color:#a4bd29f2;box-shadow:0 8px 20px #a4bd2999}.slideshow-view{position:relative;display:flex;align-items:center}.slideshow-image{max-width:80vw;max-height:80vh;-o-object-fit:contain;object-fit:contain}.nav-button{background:linear-gradient(145deg,#23BD4EF2,#A4BD29F2);border:none;color:#000;font-size:2rem;cursor:pointer;padding:.5rem 1rem;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #23bd4e66}.nav-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #23bd4e99}.back-to-grid{margin-top:15px;background:linear-gradient(145deg,#23BD4EF2,#A4BD29F2);color:#000;border:none;padding:.75rem 1.5rem;cursor:pointer;border-radius:8px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #23bd4e66}.back-to-grid:hover{transform:translateY(-2px);box-shadow:0 6px 16px #23bd4e99}.back-btn{position:absolute;top:20px;left:20px;z-index:10;background:transparent;border:1px solid #888;color:#fff;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;border-radius:4px;transition:background .2s,color .2s}.back-btn:hover{background:rgba(255,255,255,.2)}.register-btn{position:absolute;bottom:10px;left:52%;transform:translate(-50%);z-index:10;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .3s ease}.register-btn:hover{transform:translate(-50%) scale(1.05)}.register-btn-img{width:400px;height:auto;max-width:90vw}@media (max-width: 768px){.register-btn-img{width:300px}.register-btn{bottom:30px}}@media (max-width: 480px){.register-btn-img{width:240px}.register-btn{bottom:20px}}.register-modal{max-width:500px;width:90vw}.register-form-container{width:100%;text-align:center}.register-title{color:#23bd4ef2;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 0 15px rgba(35,189,78,.5);font-family:Papyrus,serif}.register-subtitle{color:#a4bd29f2;font-size:1.1rem;margin-bottom:30px;font-family:Papyrus,serif}.register-form{display:flex;flex-direction:column;gap:20px;width:100%}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-label{color:#23bd4ef2;font-size:1rem;font-weight:700;font-family:Papyrus,serif}.form-input,.form-select{padding:12px 16px;border:2px solid #23BD4EF2;border-radius:8px;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);color:#fff;font-size:1rem;font-family:Papyrus,serif;transition:all .3s ease}.form-select option{background:#000;color:#23bd4ef2;padding:8px;font-family:Papyrus,serif}.form-select:focus option:hover,.form-select:focus option:checked{background:#23BD4EF2;color:#000}.form-select{cursor:pointer;position:relative}.form-select:after{content:"▼";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#23bd4ef2;pointer-events:none;font-size:12px}.form-select option{background:#000!important;color:#23bd4ef2!important;border:none;outline:none}.form-input:focus,.form-select:focus{outline:none;border-color:#a4bd29f2;box-shadow:0 0 15px #a4bd2966}.form-input::-moz-placeholder{color:#666}.form-input::placeholder{color:#666}.submit-btn{background:linear-gradient(145deg,#23BD4EF2,#A4BD29F2);color:#000;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Papyrus,serif;margin-top:10px;box-shadow:0 4px 12px #23bd4e66}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #23bd4e99}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}