.navbar{position:fixed;z-index:1000;background-color:color-mix(in srgb,var(--contrast-color) 80%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);width:100%;display:flex;align-items:center;min-height:50px}.logo-wrapper{position:absolute;left:1.5rem;top:15px;z-index:1001}.logo{height:100px;width:auto;cursor:pointer;transition:filter .3s ease}.logo-jump{animation:logoJump .4s ease forwards}@keyframes logoJump{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.2)}70%{transform:translateY(-5px) scale(1.1)}to{transform:translateY(0) scale(1)}}.nav-list{display:flex;gap:1rem;list-style:none;align-items:center;height:100%;margin-left:100px;margin-top:.5rem;margin-bottom:.5rem}.nav-list li{display:flex;align-items:center;height:100%}.nav-link{text-decoration:none;color:#fff;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:999px;position:relative;transition:all .2s ease;display:flex;align-items:center}.nav-link:hover{background-color:var(--accent-color)}.nav-link:hover:after{width:80%;left:10%}.nav-link.active{background-color:var(--primary-color)}@media(max-width:768px){.navbar{padding-left:1.5rem}.logo-wrapper{left:.5rem;top:10px}.logo{height:50px}.nav-list{gap:.75rem;padding-right:1rem;margin-left:20px}.nav-link{padding:.4rem .8rem;font-size:.9rem}@keyframes logoJump{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-15px) scale(1.15)}70%{transform:translateY(-3px) scale(1.08)}to{transform:translateY(0) scale(1)}}}@media(min-width:1200px){.navbar{padding-left:4rem}.logo-wrapper{left:2.5rem}}.warning-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.warning-modal-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--primary-color)}.warning-modal-header h2{color:var(--primary-color);margin:0;font-size:1.8rem}.warning-modal-content{text-align:center;color:#fff;line-height:1.6}.warning-modal-content p{font-size:1.1rem}.warning-modal-content .small{color:#bbb;font-size:.9rem}.warning-modal-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.warning-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:150px}.warning-btn-exit{background:var(--primary-color);color:#fff}.warning-btn-exit:hover{transform:translateY(-2px)}.warning-btn-continue{background:#fff;color:var(--primary-color)}.warning-btn-continue:hover{transform:translateY(-2px)}.warning-modal-footer{text-align:center;padding-top:1rem;border-top:1px solid #333}.warning-modal-footer a{color:#4dabf7;text-decoration:none}.warning-modal-footer a:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.warning-modal{padding:1rem}.warning-modal-buttons{flex-direction:column}.warning-btn{width:100%}}.warning-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.warning-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--primary-color);border-radius:15px;padding:1rem;max-width:500px;width:90%;animation:slideUp .4s ease;position:relative;z-index:10000}:root{--side-index-size: 56px;--icon-size: 24px;--transition-speed: .3s}@font-face{font-family:TiltWarp;src:url(/assets/TiltWarp-BAe4ZW_6.ttf)}.side-index-container{position:relative;min-height:100vh;width:100%;overflow-x:hidden}.modular-section-title{position:fixed;top:0;bottom:0;right:0;z-index:-1;pointer-events:none;display:flex;align-items:center;justify-content:center;height:100vh;width:auto}.modular-section-title h2{font-size:6rem;font-weight:700;font-family:TiltWarp,sans-serif;color:var(--primary-color);margin:auto;padding:2rem 0;writing-mode:vertical-rl;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.modular-side-index{position:fixed;z-index:10;border-radius:16px}.modular-side-index-left{left:20px;top:50%!important;transform:translateY(-50%)!important}.modular-side-index-right{right:20px;top:50%!important;transform:translateY(-50%)!important}.modular-side-index.icon-only{background:var(--accent-color);border-radius:20px;padding:8px}.modular-side-index-list{list-style:none;margin:0;padding:0;display:flex;gap:8px}.modular-side-index-left .modular-side-index-list,.modular-side-index-right .modular-side-index-list{flex-direction:column}.modular-side-index-item{position:relative;margin:0}.modular-side-index-button{display:flex;align-items:center;justify-content:center;width:var(--side-index-size);height:var(--side-index-size);background:transparent;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;position:relative;color:#fff;padding:0;margin:0}.modular-side-index-button:hover{background-color:var(--bg-color);transform:translateY(-2px)}.modular-side-index-button.active{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.modular-side-index-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);transition:transform .15s ease}.side-index-content{position:relative;min-height:100vh;margin-left:0;width:100%;box-sizing:border-box}.side-index-container .modular-side-index-right~.side-index-content{margin-right:calc(var(--side-index-size) + 60px);padding-right:40px}.section-content-default{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.5rem;color:var(--text-light);text-align:center}.mobile-toggle-button{position:fixed;z-index:100;display:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:0 50px 50px 0;cursor:pointer;color:var(--text-color);border:none;transition:all .2s ease}.side-index-container .modular-side-index-left~.mobile-toggle-button{left:20px;top:50%!important;transform:translateY(-50%)!important}.side-index-container .modular-side-index-right~.mobile-toggle-button{left:20px;top:50%!important;transform:translateY(-50%)!important}.mobile-toggle-button:hover{background:var(--bg-color);transform:translateY(-50%) scale(1.05)}@media(min-width:769px){.mobile-toggle-button{display:none!important}}.modular-side-index-button:after{content:attr(title);position:absolute;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001;pointer-events:none;background-color:var(--bg-color)}.modular-side-index-left .modular-side-index-button:after{left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-5px)}.modular-side-index-right .modular-side-index-button:after{right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(5px)}.modular-side-index-button:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}@media(max-width:768px){.mobile-toggle-button{display:flex!important;opacity:1!important;visibility:visible!important;left:0;top:50%!important;transform:translateY(-50%)!important;background-color:var(--primary-color)}.modular-section-title h2{opacity:0}.modular-side-index-left{left:10px;top:50%!important;transform:translateY(-50%)!important}.modular-side-index-right{right:10px;top:50%!important;transform:translateY(-50%)!important}.modular-side-index-button{width:50px;height:50px}.modular-side-index-icon{width:22px;height:22px}.side-index-content{padding:70px 20px 30px;margin-left:0!important;margin-right:0!important;width:100%}.side-index-container .modular-side-index-left~.side-index-content,.side-index-container .modular-side-index-right~.side-index-content{margin-left:0!important;margin-right:0!important;padding-left:20px;padding-right:20px}.modular-side-index-button:after{display:none}.mobile-toggle-button{width:44px;height:44px}.side-index-container .modular-side-index-left~.mobile-toggle-button{left:10px}.side-index-container .modular-side-index-right~.mobile-toggle-button{right:10px}}.section{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;max-width:500px;margin:auto}.commission-status{background-color:var(--accent-color);border-radius:20px;padding:2rem;margin-top:0}.request-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:1rem 4rem;background:var(--secondary-color);color:#fff;border:none;border-radius:12px;font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;position:relative;overflow:hidden}.request-button:hover:not(:disabled){transform:translateY(-2px);background:#fff;color:var(--secondary-color)}.request-button:active:not(:disabled){transform:translateY(0)}.request-button:disabled{background:#6b7280;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none;pointer-events:none}.request-button.slots-closed{background:#6b7280;cursor:not-allowed;opacity:.6}.arrow-icon{transition:transform .3s ease}.request-button:hover:not(:disabled) .arrow-icon{transform:translate(5px) rotate(45deg)}.status-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-title h3{font-size:1.5rem;color:var(--text-color);margin:0;display:flex;align-items:center;gap:.5rem;font-weight:700}.status-badge{padding:.4rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.commission-status.status-open .status-title h3 svg{color:var(--secondary-color)}.commission-status.status-open .status-badge{background:linear-gradient(135deg,#10b981,#34d399);color:var(--accent-color)}.commission-status.status-moderate .status-title h3 svg{color:var(--terciary-color)}.commission-status.status-moderate .status-badge{background:var(--terciary-color);color:var(--accent-color)}.commission-status.status-limited .status-title h3 svg{color:#f87171}.commission-status.status-limited .status-badge{background:#f87171;color:var(--accent-color);animation:badge-pulse 1.5s infinite}.commission-status.status-closed .status-title h3 svg{color:#6b7280}.commission-status.status-closed .status-badge{background:#6b7280;color:var(--accent-color)}.slots-indicator{min-width:200px}.slots-text{display:flex;align-items:baseline;margin-bottom:.5rem}.slots-count{font-size:2.2rem;font-weight:800;line-height:1}.commission-status.status-open .slots-count{color:#10b981}.commission-status.status-moderate .slots-count{color:var(--terciary-color)}.commission-status.status-limited .slots-count{color:#f87171}.commission-status.status-closed .slots-count{color:#6b7280}@keyframes count-pulse{0%{text-shadow:0 0 5px rgba(239,68,68,.3)}50%{text-shadow:0 0 10px rgba(239,68,68,.5)}to{text-shadow:0 0 5px rgba(239,68,68,.3)}}.slots-total{font-size:1rem;color:var(--text-color);margin-left:.3rem}.slots-progress{height:10px;background:var(--bg-color);border-radius:10px;overflow:hidden;position:relative}.slots-progress-bar{height:100%;background:linear-gradient(to right,#4a3aff,#6b5bff);border-radius:10px;transition:width .8s ease}.commission-status.status-open .slots-progress-bar{background:var(--secondary-color)}.commission-status.status-moderate .slots-progress-bar{background:var(--terciary-color)}.commission-status.status-limited .slots-progress-bar{background:#f87171}.commission-status.status-closed .slots-progress-bar{background:#6b7280}.status-details{background:var(--bg-color);border-radius:15px;padding:1.5rem;margin:1.5rem 0 0}.detail-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-item svg{color:var(--primary-color);flex-shrink:0}.detail-item div{display:flex;flex-direction:column;gap:.2rem}.detail-item strong{color:var(--text-color);font-size:.95rem;font-weight:600}.detail-item span{color:var(--text-color);font-size:1.1rem;font-weight:500}.date-highlight{color:var(--primary-color);font-weight:700;background:var(--primary-color);padding:.3rem .8rem;border-radius:8px;display:inline-block;margin-top:.3rem}.status-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px dashed var(--primary-color)}.last-updated{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:.9rem;margin:0}.last-updated svg{color:#9ca3af}.status-message{font-weight:500;padding:.6rem 1.2rem;border-radius:10px;font-size:.95rem}.available{color:#065f46;background:linear-gradient(135deg,#10b9811a,#34d3991a)}.limited{color:#92400e;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a)}.closed{color:#374151;background:linear-gradient(135deg,#6b72801a,#9ca3af1a)}.status-bar{position:fixed;right:1rem;bottom:1rem;padding:.4rem 1rem;border-radius:25px;font-weight:600;font-size:.8rem;z-index:1000;text-decoration:none}.arrow-icon{vertical-align:middle}.open-status{z-index:1000;background-color:var(--secondary-color);color:#000}.closed-status{z-index:1000;background-color:#dc143c;color:#fff}.section-types{margin-top:4.5rem;align-self:flex-start}.commission-types-section{max-width:700px;margin:0 auto}.commission-types-header{text-align:center;margin-bottom:1rem}.commission-types-title{font-size:3rem;font-weight:200;color:var(--primary-color)}.commission-previews-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:.5rem;margin-top:1rem;position:relative}.commission-preview{cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative;padding:8px;border-radius:1rem}.commission-preview.group1{background:#93c5fd4d}.commission-preview.group2{background:#a7f3d04d}.commission-preview.group3{background:#fdba744d}.commission-preview.group1.first,.commission-preview.group2.first,.commission-preview.group3.first{border-top-left-radius:1rem;border-bottom-left-radius:1rem;border-top-right-radius:0;border-bottom-right-radius:0}.commission-preview.group1.last,.commission-preview.group2.last,.commission-preview.group3.last{border-top-right-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius:0;border-bottom-left-radius:0}.commission-preview.group1.middle,.commission-preview.group2.middle,.commission-preview.group3.middle{border-radius:0}.commission-preview.group2.single{border-radius:1rem}.preview-image-wrapper{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:.75rem;border:2px solid transparent;transition:all .3s ease;background:var(--bg-color)}.commission-preview.group1.selected .preview-image-wrapper{border-color:#3b82f6}.commission-preview.group2.selected .preview-image-wrapper{border-color:#10b981}.commission-preview.group3.selected .preview-image-wrapper{border-color:#f59e0b}.preview-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.commission-preview:hover .preview-image{transform:scale(1.05)}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 70%);color:#fff;padding:1.5rem .75rem .75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease}.preview-title{font-size:1rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.preview-price{font-size:.8rem;font-weight:700;color:var(--secondary-color)}.preview-image-placeholder{width:100%;height:100%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.commission-detail-container{background:var(--accent-color);border-radius:1.5rem;padding:1.5rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--bg-color)}.detail-title-group{display:flex;gap:.5rem;align-items:center}.detail-title{font-weight:600;color:var(--text-color);margin:0}.detail-price{font-size:1.5rem;font-weight:700;color:var(--secondary-color);background-color:var(--bg-color);padding:.5rem 1rem;border-radius:2rem;display:inline-block;white-space:nowrap}.detail-nav{display:flex;align-items:center;gap:1.5rem}.nav-dots{display:flex;gap:.5rem}.nav-dot{width:14px;height:14px;border-radius:50%;background:var(--contrast-color);border:none;cursor:pointer;padding:0;transition:all .2s ease}.nav-dot.active{background:var(--primary-color);transform:scale(1.5)}.gallery-images{display:flex;gap:1rem;margin-bottom:1.5rem}.gallery-image-wrapper{position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent;width:100%;aspect-ratio:1/1;flex:1}.gallery-image-wrapper:hover{border-color:var(--primary-color)}.gallery-image{width:100%;height:100%;object-fit:cover}.gallery-image-wrapper:hover .gallery-overlay{cursor:zoom-in;opacity:1}.zoom-indicator{color:#fff}.more-icon,.cart-icon{vertical-align:middle}.gallery-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.info-title{font-size:1.25rem;font-weight:600;color:var(--primary-color)}.detail-description{margin-bottom:1rem}.detail-description p{color:var(--text-color);line-height:1.7;margin:0}.features-list{display:flex;flex-direction:column;gap:.75rem;padding-left:0;margin:0}.feature-item{display:flex;align-items:flex-start;gap:1rem;list-style:none}.feature-bullet{width:8px;height:8px;background:var(--primary-color);border-radius:50%;margin-top:.5rem;flex-shrink:0}.feature-text{color:var(--text-color);line-height:1.6}.detail-info{display:flex;flex-direction:column}.detail-actions{display:flex;gap:1rem;margin-top:1rem}.action-button{flex:1;padding:.75rem 1.5rem;border-radius:1rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-button.primary{background:var(--primary-color);color:#fff}.action-button.primary:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px)}.action-button.secondary{background-color:var(--accent-color);color:var(--primary-color);border:2px solid var(--primary-color)}.action-button.secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.image-modal-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:2rem}.image-modal{position:relative;background:transparent;max-width:90vw;max-height:90vh;width:auto;height:auto;animation:zoomIn .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:-20px;right:-20px;background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}.image-modal-close:hover{background:#ffffff40;transform:scale(1.1)}.image-modal-close:active{transform:scale(.95)}.modal-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}.modal-nav-button:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.modal-nav-button:active{transform:translateY(-50%) scale(.95)}.modal-nav-prev{left:-28px}.modal-nav-next{right:-28px}.image-modal-content{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#0000004d;max-width:100%;max-height:80vh;padding:4px;box-shadow:0 20px 60px #00000080}.enlarged-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;display:block}.image-counter{position:absolute;bottom:-48px;left:0;right:0;text-align:center;color:#fff;font-size:1rem;background:#ffffff26;padding:.75rem 1.5rem;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d;max-width:fit-content;margin:0 auto}.counter-current{font-weight:700;font-size:1.1rem}.counter-separator{opacity:.7}.counter-total{opacity:.7;font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.image-modal-overlay{padding:.5rem}.image-modal{max-width:95vw;max-height:95vh}.image-modal-close{top:5px;right:5px;width:36px;height:36px}.modal-nav-button{width:40px;height:40px}.modal-nav-prev{left:5px}.modal-nav-next{right:5px}.image-counter{bottom:-35px;padding:.4rem .8rem;font-size:.85rem}}.section{max-width:1100px;margin:0 auto;padding:2rem}.title{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:3rem;font-weight:300}.steps-container{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;row-gap:1rem}.step-1{grid-area:1 / 1 / 2 / 3}.step-2{grid-area:1 / 3 / 2 / 5}.step-3{grid-area:1 / 5 / 2 / 7}.detail-window{grid-area:2 / 1 / 3 / 7}.step-4{grid-area:3 / 2 / 4 / 4}.step-5{grid-area:3 / 4 / 4 / 6}.step-card{background:var(--accent-color);border-radius:20px;padding:1.5rem;cursor:pointer;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.step-card:hover{border-color:var(--primary-color)}.step-card.is-active{border-color:var(--primary-color);z-index:2}.step-card-title{color:#fff;font-size:1.1rem;margin:.5rem 0 0;width:100%}.step-icon-number-container{position:relative;width:80px;height:80px;display:flex;justify-content:center}.step-icon-container{width:70px;height:70px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.step-number{position:absolute;bottom:0;right:0;width:30px;height:30px;background:#fff;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:3px solid var(--accent-color);font-size:.9rem}.detail-window{max-width:800px;border-radius:30px;padding:1rem;position:relative;overflow:visible;height:420px;background:var(--accent-color);z-index:3;margin:0!important}.tv-flash{position:absolute;inset:0;background:var(--accent-color);z-index:100;pointer-events:none}.detail-arrow{position:absolute;width:0;height:0;z-index:9999;pointer-events:none}.active-step-1 .detail-arrow{top:-15px;left:13%;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid var(--primary-color)}.active-step-2 .detail-arrow{top:-15px;left:50%;transform:translate(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid var(--primary-color)}.active-step-3 .detail-arrow{top:-15px;left:83.5%;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid var(--primary-color)}.active-step-4 .detail-arrow{bottom:-15px;left:32%;transform:translate(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--primary-color)}.active-step-5 .detail-arrow{bottom:-15px;left:67.5%;transform:translate(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--primary-color)}.detail-content-wrapper{display:flex;width:100%;height:100%;padding:1rem;box-sizing:border-box}.detail-image-side{width:50%;flex:0 0 50%;height:100%;display:flex;flex-direction:column;justify-content:center}.detail-text-side{margin-left:1rem;width:50%;flex:0 0 50%;height:100%;display:flex;flex-direction:column;justify-content:center}.detail-image-side img{width:100%;height:100%;object-fit:cover;border-radius:20px}.detail-image-side img:after{content:"Image preview";display:flex;align-items:center;justify-content:center;color:#999;font-size:1rem}.detail-title-centered{color:var(--primary-color);font-size:2rem;margin:.5rem 0}.detail-description-centered{color:#666;line-height:1.6;font-size:1.1rem;margin:0}.step-badge{color:var(--primary-color);font-weight:800;font-size:.9rem}:root{--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem}.commission-section{padding:4rem 1rem}.commission-container{max-width:800px;margin:0 auto;width:100%}.rules-grid{margin-bottom:2rem;margin-top:1rem}.rules-section{padding:1.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background-color:var(--terciary-color)}.rules-list{display:grid;grid-template-columns:1fr 1fr;margin:1rem 0 0}.rules-item{display:flex;gap:.75rem;align-items:flex-start}.rules-header{display:flex;align-items:center;gap:.75rem}.rules-title{font-size:2rem;font-weight:700;margin:0}.rules-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#000}.icon-x{width:2rem;height:2rem;color:var(--terciary-color)}.list-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.list-text{font-weight:500}.terms-section{background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease;margin-bottom:2rem;padding:2rem}.term-card{margin:0;background-color:var(--accent-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.term-card-title{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:0;display:flex;align-items:center;gap:.5rem}.term-number{width:1.5rem;height:1.5rem;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.term-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.term-item{display:flex;align-items:flex-start;gap:.75rem}.term-bullet{width:.5rem;height:.5rem;background-color:var(--primary-color);border-radius:50%;margin-top:.5rem;flex-shrink:0}.term-text{color:#fff;font-size:.875rem;line-height:1.5}.acceptance-section{background:var(--bg-color);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem}.acceptance-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;text-align:center}.acceptance-box{background-color:var(--accent-color);padding:1.5rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem}.acceptance-content{display:flex;align-items:flex-start;gap:1rem}.acceptance-icon{width:2.5rem;height:2.5rem;background-color:var(--primary-color);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acceptance-check{width:1.5rem;height:1.5rem;color:#fff}.acceptance-text{color:#fff;margin-bottom:1rem;line-height:1.6}.acceptance-note{color:#fff;font-weight:500;line-height:1.6}.info-grid{display:grid;grid-template-columns:1fr;gap:1rem;text-align:center}@media(min-width:768px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-card{background-color:var(--accent-color);border-radius:var(--border-radius-md)}.info-label{font-weight:600;color:#fff;margin:1rem}.info-value{color:#fff}.footer-note{margin-top:2rem;text-align:center;color:#fff;font-size:.875rem}.gallery-section{padding:4rem 6rem}.filter-buttons{position:fixed;justify-content:center;gap:.5rem;left:50%;transform:translate(-50%);z-index:1000;background-color:color-mix(in srgb,var(--accent-color) 80%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:.5rem 1rem;border-radius:30px;box-shadow:0 2px 10px #0000001a}.filter-btn{padding:.5rem 1.2rem;margin:0 .3rem;border:1px solid var(--bg-color);background:var(--bg-color);border-radius:20px;cursor:pointer;color:#666;font-size:.9rem;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.gallery-grid{padding-top:4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.gallery-item{background:var(--accent-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:transform .2s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.image-container{position:relative;height:250px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;display:block}.category-badge{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500}.item-info{padding:1rem}.item-info h3{margin:0 0 .5rem;color:#fff;font-size:1.1rem;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{background:var(--bg-color);color:var(--primary-color);padding:.3rem .6rem;border-radius:10px;font-weight:500;font-size:.75rem}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--bg-color);border-radius:16px;overflow:hidden;max-width:80%;width:100%;position:relative;display:flex;max-height:90vh;animation:modalAppear .3s ease}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-btn{position:absolute;top:15px;right:15px;background:#000c;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#000;transform:scale(1.1)}.modal-image-container{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--accent-color);overflow:hidden;position:relative}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;display:block;border-radius:8px;box-shadow:0 5px 20px #0000001a}.modal-info-container{flex:0 0 350px;padding:2rem;overflow-y:auto;background:var(--accent-color);border-left:3px solid var(--bg-color)}.modal-info h3{margin:0 0 1rem;color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3}.modal-category{display:inline-block;background:var(--primary-color);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.modal-description{color:#555;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.modal-tags-container{margin-top:1.5rem}.modal-tags-container h4{margin:0 0 .8rem;color:#666;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tag{background:var(--bg-color);color:var(--primary-color);padding:.4rem .9rem;border-radius:12px;font-size:.85rem;font-weight:500;transition:all .2s ease}.modal-tag:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.modal-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:20px}.modal-nav.next{right:20px}@media(max-width:1023px){.modal-content{flex-direction:column;max-width:700px;max-height:90vh}.modal-image-container{padding:1.5rem;flex:0 0 auto;max-height:50vh}.modal-image{max-height:45vh}.modal-info-container{flex:0 0 auto;border-left:none;border-top:3px solid var(--bg-color);padding:1.5rem;max-height:40vh}}.image-vertical .modal-image-container{padding:3rem 2rem}.image-vertical .modal-image{max-height:70vh;max-width:80%}@media(min-width:901px){.modal-image-container:has(img[height]>img[width]){padding:3rem 2rem}.modal-image-container:has(img[height]>img[width]) .modal-image{max-height:75vh}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-container .image-placeholder+img{background-color:transparent}.modal-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent-color);z-index:1}.modal-image-container{position:relative}.modal-image-container img{position:relative;z-index:2}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-item{cursor:pointer}.gallery-item img{background-color:transparent}.image-placeholder,.modal-image-placeholder{border-radius:4px}.image-container:not(.loaded) img{opacity:0}.image-container.loaded img{opacity:1;transition:opacity .3s ease}.about-section{padding-top:5rem}.about-page{max-width:800px;margin:0 auto;padding:2rem;color:#fff;background-color:color-mix(in srgb,var(--contrast-color) 50%,transparent);border-radius:15px}.profile-section{margin-bottom:3rem;align-items:middle;margin:0 auto}@media(max-width:768px){.profile-section{grid-template-columns:1fr;gap:2rem}}.profile-image-container{display:flex;justify-content:center;margin-bottom:1.5rem}.profile-image{width:280px;height:280px;border-radius:50%;overflow:hidden;border:5px solid var(--primary-color)}.avatar{width:100%;height:100%;object-fit:cover}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.social-category{padding:1.5rem;padding-top:0;border-radius:12px;box-shadow:0 5px 15px #0000000d;border:1px solid var(--accent-color)}.category-title{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-color)}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}.social-card{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:10px;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.social-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a;border-color:currentColor}.social-icon{font-size:1.8rem;flex-shrink:0}.social-info{display:flex;flex-direction:column}.social-name{font-weight:600;font-size:1rem;margin-bottom:.25rem}.social-handle{font-size:.85rem;opacity:.8}.social-name,.social-handle{text-align:left;width:100%}.twitter{background:var(--accent-color);color:#1da1f2}.discord{background:var(--accent-color);color:#7289da}.mail{background:var(--accent-color);color:#9983e7}.kofi{background:var(--accent-color);color:#ff5e5b}.copy-tooltip{position:fixed;background-color:#4caf50;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;pointer-events:none;z-index:1000;transform:translate(-50%);animation:fadeInOut 1.5s ease forwards;box-shadow:0 2px 8px #0003}.copy-tooltip:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-style:solid;border-color:#4CAF50 transparent transparent}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}body{background-color:var(--bg-color);margin:0;padding:0}.app{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.mosaic-grid{position:absolute;top:-2rem;left:-2rem;width:calc(100% + 4rem);height:calc(100% + 4rem);display:grid;grid-template-columns:repeat(auto-fill,calc(50px + 2rem));grid-auto-rows:calc(50px + 2rem);gap:2rem;justify-content:start;align-content:start}.mosaic-tile{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.mosaic-icon{width:100%;height:100%;object-fit:contain;opacity:.1;transition:all .3s ease;filter:brightness(.9)}.content-wrapper{position:relative;z-index:1}*{box-sizing:border-box}html,body,#root{height:100%;padding:0;margin:0;font-family:system-ui,sans-serif;--mobile-breakpoint: 940px;--bg-color: #252525;--text-color: white;--primary-color: #6173ff;--accent-color: #303030;--contrast-color: #141414;--primary-cont-color: #c3caff;--secondary-color: #31d197;--terciary-color: #fbbf24}