@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Merriweather:wght@400;700&display=swap";:root{--primary-color: #a569bd;--secondary-color: #8e44ad;--accent-color: #d2b4de;--accent-glow: rgba(165, 105, 189, .4);--accent-glow-strong: rgba(165, 105, 189, .6);--background-dark: #0d0d12;--background-medium: #1a1a22;--background-light: #f8f8f8;--text-light: #e0e0e0;--text-dark: #222;--border-color: #383840;--link-hover-color: #c0c0c0;--font-heading: "Merriweather", serif;--font-body: "Poppins", sans-serif;--transition-speed: .3s;--transition-speed-fast: .2s;--border-radius: 8px;--primary-color-rgb: 165, 105, 189;--secondary-color-rgb: 142, 68, 173;--accent-color-rgb: 210, 180, 222}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body);background-color:var(--background-dark);color:var(--text-light);line-height:1.6;width:100%;overflow-x:hidden;font-weight:300;font-size:1rem}*,*:before,*:after{box-sizing:inherit}#root{display:flex;flex-direction:column;min-height:100vh;opacity:0;animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{to{opacity:1}}main{flex-grow:1;padding-top:6rem;padding-bottom:4rem;display:flex;flex-direction:column}main>*{flex-grow:1}.container{width:90%;max-width:1100px;margin:0 auto;padding:0 1rem}h1,h2,h3{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:1.5rem;font-weight:700;letter-spacing:.5px}h1{font-size:clamp(2.8rem,7vw,4rem);margin-bottom:1.8rem;text-align:center;line-height:1.1;text-shadow:0 2px 5px rgba(0,0,0,.3)}h2{font-size:clamp(2rem,5.5vw,2.5rem);margin-top:3.5rem;margin-bottom:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.7rem;color:var(--secondary-color)}h3{font-size:clamp(1.5rem,4vw,1.8rem);color:var(--accent-color);margin-top:2.5rem;margin-bottom:1rem}p{margin-bottom:1.5rem;color:var(--text-light);opacity:.9}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--link-hover-color)}button,.button{display:inline-block;color:#fff;border:1px solid var(--primary-color);padding:.9rem 1.8rem;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-body);font-weight:600;text-align:center;margin:.5rem;background:linear-gradient(145deg,var(--primary-color),#7a1fc9);box-shadow:0 4px 10px #0000004d;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;transition:background var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}button:hover,.button:hover{background:linear-gradient(145deg,#7a1fc9,var(--primary-color));transform:translateY(-3px);box-shadow:0 6px 15px var(--accent-glow),0 2px 5px #0003;color:#fff;border-color:#7a1fc9}.button-secondary{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);box-shadow:none}.button-secondary:hover{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}button:disabled,.button:disabled{background:#555;border-color:#555;color:#999;cursor:not-allowed;transform:none;box-shadow:none}nav{background-color:#121212cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.8rem 0;color:var(--text-light);box-shadow:0 4px 15px #0006;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color var(--transition-speed) ease}nav .container{display:flex;justify-content:space-between;align-items:center}nav .logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--primary-color);letter-spacing:1px;transition:color var(--transition-speed) ease}nav .logo:hover{color:var(--link-hover-color)}nav .nav-links{display:flex;list-style:none;padding:0;margin:0}nav .nav-links li{margin-left:2.5rem}nav .nav-links a{color:var(--text-light);font-weight:400;padding:.5rem 0;position:relative;letter-spacing:.5px;font-size:.95rem;transition:color var(--transition-speed) ease}nav .nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var( --secondary-color );transition:width var(--transition-speed) ease}nav .nav-links a:hover:after,nav .nav-links a.active:after{width:100%}nav .nav-links a.active{color:var(--secondary-color);font-weight:600}nav .nav-links a:hover{color:var(--link-hover-color)}nav .nav-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer;padding:.75rem;z-index:1001;transition:opacity var(--transition-speed-fast)}nav .nav-toggle:active{opacity:.7}@media (max-width: 768px){main{padding-top:5rem}nav .nav-links{display:none;flex-direction:column;position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:var(--background-medium);padding:5rem 0 2rem;box-shadow:-5px 0 15px #0000004d;transition:right var(--transition-speed) ease-in-out;z-index:1000}nav .nav-links.active{display:flex;right:0}nav .nav-links li{margin:0;width:100%}nav .nav-links a{display:block;padding:1.2rem 2rem;width:100%;border-bottom:1px solid var(--border-color);font-size:1rem}nav .nav-links li:last-child a{border-bottom:none}nav .nav-links a:after{display:none}nav .nav-links a:hover{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}nav .nav-links a.active{color:var(--secondary-color);background-color:rgba(var(--secondary-color-rgb),.1)}nav .nav-toggle{display:block}}footer{background-color:var(--background-medium);color:var(--text-light);text-align:center;padding:2rem 0;border-top:1px solid var(--border-color);opacity:.8;flex-shrink:0}footer p{color:var(--text-light);opacity:.7;margin:0;font-size:.9rem}.footer-social-links{margin-top:1rem}.footer-social-links a{margin:0 .75rem;font-size:1.5rem;color:var(--text-light);opacity:.7;transition:color var(--transition-speed) ease,opacity var(--transition-speed) ease}.footer-social-links a:hover{color:var(--primary-color);opacity:1}.gallery{column-count:4;column-gap:1rem;margin-top:2rem;perspective:1000px}@media (max-width: 1200px){.gallery{column-count:3}}@media (max-width: 768px){.gallery{column-count:2}}@media (max-width: 480px){.gallery{column-count:1}}.gallery-item{position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:var(--background-medium);margin-bottom:1rem;break-inside:avoid;display:inline-block;width:100%;box-shadow:0 4px 10px #0003;opacity:0;animation:fadeInSlideUp .6s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(var(--item-index, 0) * .07s);transition:transform var(--transition-speed) ease-out,box-shadow var(--transition-speed) ease-out,z-index 0s var(--transition-speed);z-index:1;transform-style:preserve-3d}.skeleton-item{background-color:var(--background-medium);animation:none;opacity:1}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,var(--background-medium) 25%,#2a2a33 50%,var(--background-medium) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius) var(--border-radius) 0 0}.skeleton-caption{width:80%;height:1rem;margin:.75rem auto;background:linear-gradient(90deg,var(--background-medium) 25%,#2a2a33 50%,var(--background-medium) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.gallery-item:hover{transform:scale(1.05) translateZ(20px);box-shadow:0 10px 30px var(--accent-glow-strong);z-index:10}.gallery-item img{display:block;width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius) var(--border-radius) 0 0}.gallery-item-caption{padding:.75rem 1rem;background-color:var(--background-medium);border-radius:0 0 var(--border-radius) var(--border-radius);transition:background-color var(--transition-speed) ease}.gallery-item:hover .gallery-item-caption{background-color:rgba(var(--primary-color-rgb),.15)}.gallery-item-caption p{margin:0;font-size:.9rem;color:var(--text-light);opacity:.9;text-align:center;line-height:1.5;font-weight:400}.load-more-container{text-align:center;margin-top:2rem;margin-bottom:1rem;display:none}@media (max-width: 768px){.load-more-container{display:block}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1100;padding:1rem;cursor:pointer;opacity:0;animation:fadeIn .3s ease forwards}.modal-content{position:relative;background-color:var(--background-medium);padding:1rem;border-radius:var(--border-radius);max-width:95%;max-height:90vh;overflow:hidden;box-shadow:0 10px 30px #00000080;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content img{display:block;max-width:100%;max-height:calc(90vh - 60px);height:auto;width:auto;object-fit:contain;border-radius:4px}.modal-close-button{position:absolute;top:5px;right:10px;background:#00000080;color:#fff;border:none;font-size:2rem;font-weight:700;line-height:1;padding:.2rem .8rem;border-radius:50%;cursor:pointer;z-index:1101;transition:background var(--transition-speed-fast) ease}.modal-close-button:hover{background:#ff0000b3}@keyframes scaleInFadeIn{to{transform:scale(1);opacity:1}}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-section{padding:3rem 0;opacity:0;animation:fadeInSlideUp .8s cubic-bezier(.65,0,.35,1) forwards;animation-delay:.2s}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;background:linear-gradient(#121216b3,#121216e6),url(/path/to/your/featured-hero-art.jpg) center/cover no-repeat;border-bottom:3px solid var(--primary-color)}.hero-section h1{color:#fff;font-size:clamp(3rem,8vw,5rem);margin-bottom:1rem;text-shadow:0 3px 15px rgba(0,0,0,.5)}.hero-section .subtitle{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--text-light);opacity:.9;max-width:700px;margin:1rem auto 2.5rem;font-weight:300;line-height:1.8}.hero-section .button{padding:1.1rem 2.8rem;font-size:1rem}.form-container{background-color:var(--background-medium);padding:2rem;border-radius:var(--border-radius);max-width:500px;margin:2rem auto;box-shadow:0 5px 15px #0000004d}.form-container h1,.form-container h2,.form-container h3{margin-top:0;text-align:center;color:var(--primary-color)}.form-container form div{margin-bottom:1.5rem}.form-container label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-light);opacity:.9}.form-container input[type=text],.form-container input[type=email],.form-container input[type=password],.form-container textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);background-color:var(--background-dark);color:var(--text-light);border-radius:4px;font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.form-container input:focus,.form-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.3)}.form-container textarea{min-height:120px;resize:vertical}.form-container button[type=submit]{width:100%;margin-top:1rem}.text-success{color:#2ecc71;font-weight:600;text-align:center;margin-top:1rem;display:block}.text-error{color:#e74c3c;font-weight:600;text-align:center;margin-top:1rem;display:block}.text-center{text-align:center}.margin-top-large{margin-top:4rem}.padding-large{padding:4rem 0}.social-links a.button{margin:.5rem;text-transform:none;letter-spacing:.5px}.commission-status-banner{text-align:center;padding:1.5rem;margin:0 auto 3rem;max-width:600px;border-radius:var(--border-radius);font-size:1.2rem;font-family:var(--font-heading);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;animation:fadeInSlideUp .8s ease-out forwards;border:1px solid transparent}.status-open{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 5px 20px var(--accent-glow-strong);border-color:var(--accent-color)}.status-closed{background:var(--background-medium);color:var(--text-light);opacity:.8;box-shadow:0 5px 15px #0003;border-color:var(--border-color)}.commission-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem;margin-top:3rem}.commission-section{background-color:transparent;padding:0;box-shadow:none;border:none;display:flex;flex-direction:column;gap:1.5rem}.commission-section h3{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.5rem;color:var(--accent-color);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.commission-section h3 svg{width:28px;height:28px;stroke:var(--accent-color);flex-shrink:0}.commission-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.commission-item{background-color:var(--background-medium);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:transform var(--transition-speed-fast) ease-out,box-shadow var(--transition-speed-fast) ease-out,border-color var(--transition-speed-fast) ease-out;opacity:0;transform:translateY(20px);animation:fadeInSlideUp .5s ease-out forwards;animation-delay:calc(var(--item-index, 0) * .1s)}.commission-item:hover{transform:translateY(-5px) scale(1.02);border-color:var(--primary-color);box-shadow:0 8px 25px var(--accent-glow-strong)}.wip-list .commission-item{border-left:5px solid var(--primary-color);animation:pulse-glow 2s infinite alternate,fadeInSlideUp .5s ease-out forwards;animation-delay:calc(var(--item-index, 0) * .1s);padding-left:1rem}@keyframes pulse-glow{0%{box-shadow:0 0 5px -2px var(--accent-glow)}to{box-shadow:0 0 15px 0 var(--accent-glow-strong)}}.finished-list .commission-item{border-left:5px solid #2ecc71;opacity:.8;padding-left:1rem}.finished-list .commission-item:hover{opacity:1}.commission-item-content strong{display:block;font-weight:600;font-size:1.1rem;color:var(--text-light);margin-bottom:.3rem}.commission-item-content p{margin:0;font-size:.95rem;color:var(--text-light);opacity:.8;line-height:1.5}.queue-position{position:absolute;top:-10px;right:-10px;background-color:var(--primary-color);color:#fff;font-weight:700;font-family:var(--font-heading);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;transform:rotate(15deg);box-shadow:0 2px 5px #0000004d;border:2px solid var(--background-medium)}.empty-queue-message{background-color:var(--background-medium);border:1px dashed var(--border-color);padding:2.5rem 2rem;border-radius:var(--border-radius);text-align:center;opacity:.7;width:100%}.empty-queue-message p{margin:0;font-style:italic;font-size:1rem}.admin-queue-manager{background-color:var(--background-medium);padding:2rem;margin-top:2rem;border-radius:var(--border-radius)}.admin-queue-manager h3{text-align:center}.admin-queue-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.admin-queue-controls .form-container{max-width:none;width:100%;margin:0;padding:0;background:none;box-shadow:none}.admin-queue-status-toggle{display:flex;align-items:center;gap:1rem}.status-label{font-weight:600;font-size:1.1rem;color:#888;transition:color .3s ease}.status-label.active{color:var(--text-light)}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#c0392b;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#27ae60}input:checked+.toggle-slider:before{transform:translate(26px)}.admin-commission-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:var(--background-dark);border-radius:4px;margin-bottom:.5rem}.admin-commission-item-details{flex-grow:1}.admin-commission-item-details strong{color:var(--text-light)}.admin-commission-item-details p{margin:0;font-size:.9rem;opacity:.8}.admin-commission-item-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-commission-item-actions .button,.admin-commission-item-actions button{padding:.4rem .8rem;font-size:.8rem;margin:0}.button-delete{background:#c0392b;border-color:#c0392b}.button-delete:hover{background:#e74c3c;border-color:#e74c3c}