.main-content{width:100%;padding-left:12px;padding-right:12px}.square-img-container{position:relative;width:100%;max-width:300px;padding-top:min(100%,300px);overflow:hidden}.square-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}:root{--color-base:#0a1124;--color-surface:#14203a;--color-surface-hover:#1a2947;--color-accent:#3b82f6;--color-transparent-accent:rgba(59,130,246,.4);--color-accent-hover:#60a5fa;--color-accent-disabled:#1e40af;--color-text:#e0e7ef;--color-text-muted:#7b8ca7;--color-border:#22304a;--color-benefit:rgba(37,167,41,.8);--bs-primary:var(--color-accent);--bs-primary-rgb:59,130,246;--bs-body-bg:var(--color-base);--bs-body-color:var(--color-text);--bs-border-color:var(--color-border);--bs-breadcrumb-divider-color:var(--color-accent)!important;--bs-primary-hover:var(--color-accent-hover);--bs-link-color:var(--color-accent);--bs-link-hover-color:var(--color-accent-hover)}.container-fluid{padding-left:0!important;padding-right:0!important;background-color:var(--color-base)}.App .navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}@media (max-width:768px){.App .navbar{margin-top:46px}}.App .card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 12px rgba(0,0,0,.33)}.App .card .square-img{border-top-left-radius:6px;border-top-right-radius:6px}.App .card-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.App .form-control,.App .form-select{background-color:var(--color-base);border:1px solid var(--color-border);color:var(--color-text)}.App .form-control:focus,.App .form-select:focus{background-color:var(--color-base);border-color:var(--color-accent);color:var(--color-text);box-shadow:0 0 0 2px rgba(253,163,18,.15);outline:none}.App .alert-info{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.App .badge{font-weight:500}.App .badge.bg-primary{background-color:var(--color-accent);color:var(--color-base)}.App .list-group-item{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.App .nav-link{color:var(--color-text);transition:color .2s ease;padding-left:12px!important;padding-right:12px!important}.App .nav-link:hover,.App .navbar-brand{color:var(--color-accent)}.App .navbar-brand{font-weight:500;padding:0}.App .navbar-brand:hover{color:var(--color-accent-hover)}.App .dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 16px rgba(0,0,0,.15)}.App .dropdown-item{color:var(--color-text)}.App .dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--color-accent)}.App .text-muted{color:var(--color-text-muted)!important}.App .upload-area{border:2px dashed var(--color-border);transition:all .2s ease}.App .upload-area.dragover,.App .upload-area:hover{border-color:var(--color-accent)!important;background-color:rgba(253,163,18,.05)}.App a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}.App a:hover{color:var(--color-accent-hover)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-base)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}.App hr{border-color:var(--color-text-muted)!important;color:var(--color-text-muted)!important}.App .table{color:var(--color-text)}.App .table td,.App .table th{border-color:var(--color-border)}.App .navbar-logo{height:32px;width:auto;object-fit:contain}.App .btn-primary:disabled{background-color:var(--color-accent-disabled);color:var(--color-base)}.App .btn-outline-primary:disabled{border-color:var(--color-accent-disabled);color:var(--color-accent-disabled)}.App .btn-outline-primary:disabled:hover{background-color:transparent;color:var(--color-accent-disabled)}body.App{background-color:var(--color-base);color:var(--color-text)}.App .btn-primary{background-color:var(--color-accent);border:none;color:var(--color-base);font-weight:500}.App :focus{outline:none!important;box-shadow:0 0 0 1px var(--color-border)!important}.App .game-card,.App .version-card{max-width:300px;width:calc(100% - 1rem);padding:0;margin:0;display:inline-block;vertical-align:top}.App .btn-primary:hover{background-color:var(--color-accent-hover);color:var(--color-base)}.main-button{margin-top:10px}.upload-area.uploading{opacity:.7;cursor:not-allowed}.App .feedback-image:hover{cursor:zoom-in}.App .image-modal,.App .modal-backdrop{background-color:rgba(0,0,0,.8)}.App .image-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:flex;align-items:center;justify-content:center}.App .image-modal img{max-width:90%;max-height:90vh;object-fit:contain}.App .modal-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}.App .cards-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}@media (min-width:768px){.App .cards-container{justify-content:flex-start}}.App .feedback-image{width:100%;height:auto}body,html{height:100%}.App,body,html{min-height:100vh}.App{display:flex;flex-direction:column}.App main{flex:1 0 auto}.App .form-check-input[type=checkbox]{background-color:var(--color-base);border-color:var(--color-border)}.App .form-check-input:checked[type=checkbox]{background-color:var(--color-accent);border-color:var(--color-accent)}.App .form-check-input:focus[type=checkbox]{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(253,163,18,.15)}.App .form-check-input:not(:disabled):active[type=checkbox]{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.App .form-check-input:disabled[type=checkbox]{opacity:.5}.App .form-check-input:disabled:checked[type=checkbox],.App .form-check-input:disabled[type=checkbox]{background-color:var(--color-accent-disabled);border-color:var(--color-accent-disabled)}.App .form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='gray'/%3e%3c/svg%3e")}.App .form-switch .form-check-input:checked:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e")}.App .btn-primary,.App .btn-primary.active,.App .btn-primary:active,.App .btn-primary:focus,.App .btn-primary:visited{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-base)!important;box-shadow:none!important;outline:none!important}.App .btn-outline-primary,.App .btn-outline-primary:active,.App .btn-outline-primary:focus,.App .btn-outline-primary:visited{background-color:transparent!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important;box-shadow:none!important;outline:none!important}.App .btn-primary:hover{background-color:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important;color:var(--color-base)!important}.App .btn-outline-primary:hover{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-base)!important}.App .btn-primary:disabled{background-color:var(--color-accent-disabled)!important;color:var(--color-base)!important}.App .btn-outline-primary:disabled,.App .btn-primary:disabled{border-color:var(--color-accent-disabled)!important;cursor:not-allowed}.App .btn-outline-primary:disabled{background-color:transparent!important;color:var(--color-accent-disabled)!important}.App .input-group-text{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.App .form-control::placeholder,.App .form-select::placeholder{color:var(--color-text-muted);opacity:1}.App .form-control::-webkit-input-placeholder{color:var(--color-text-muted);opacity:1}.App .form-control::-moz-placeholder{color:var(--color-text-muted);opacity:1}.App .form-control:-ms-input-placeholder{color:var(--color-text-muted);opacity:1}.App .form-control[type=file]{position:relative;padding:.375rem .75rem;line-height:1.5}.App .form-control[type=file]::-webkit-file-upload-button{background-color:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:.25rem!important;padding:.375rem .75rem!important;margin-right:.75rem!important;-webkit-transition:all .15s ease-in-out!important;transition:all .15s ease-in-out!important}.App .form-control[type=file]::-webkit-file-upload-button,.App .form-control[type=file]::file-selector-button{background-color:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:.25rem!important;padding:.375rem .75rem!important;margin-right:.75rem!important;-webkit-transition:all .15s ease-in-out!important;transition:all .15s ease-in-out!important}.App .form-control[type=file]::-webkit-file-upload-button:hover{background-color:var(--color-surface-hover)!important;border-color:var(--color-accent)!important;color:var(--color-text)!important;cursor:pointer!important}.App .form-control[type=file]::-webkit-file-upload-button:hover,.App .form-control[type=file]::file-selector-button:hover{background-color:var(--color-surface-hover)!important;border-color:var(--color-accent)!important;color:var(--color-text)!important;cursor:pointer!important}.App .form-control[type=file]:hover{cursor:pointer}hr.prototype-ad-divider{border-color:var(--color-text-muted)!important;color:var(--color-text-muted)!important;margin-bottom:2rem!important}.not-found h1{color:var(--color-accent)!important}.business-card-container{max-height:400px;width:100%}.business-card-container .col-12{display:flex;justify-content:center;align-items:center}.business-card-image{width:auto;height:auto;max-width:100%;max-height:400px;object-fit:contain;border-radius:12px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.5)}.onepage .features i,.onepage .features svg{color:var(--color-accent)}.breadcrumb,.make-your-own-page{font-size:14px}.breadcrumb-item.active,.breadcrumb>li+li:before{color:var(--color-text-muted)!important}.App .navbar-brand-text{font-size:18px!important}.center-logo{width:150px;height:auto;display:block;margin:0 auto}.greeting{margin-left:12px;margin-top:8px}.onepage{height:calc(100vh - 150px);max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.onepage .row{flex:1 1;min-height:0;max-height:100%}.onepage .col-4,.onepage .col-8,.onepage .col-xl-3,.onepage .col-xl-4,.onepage .col-xl-5{display:flex;flex-direction:column;min-height:0;max-height:100%}.problems,.solutions,.stacks{flex:1 1;min-height:0;overflow-y:auto;padding-right:8px}.onepage .col-8,.onepage .col-xl-4,.onepage .col-xl-5{overflow:hidden}.solutions-container,.stacks-container{display:flex;flex-direction:column;height:100%;min-height:0}.problems::-webkit-scrollbar,.solutions::-webkit-scrollbar,.stacks::-webkit-scrollbar{width:6px}.problems::-webkit-scrollbar-track,.solutions::-webkit-scrollbar-track,.stacks::-webkit-scrollbar-track{background:var(--color-base);border-radius:3px}.problems::-webkit-scrollbar-thumb,.solutions::-webkit-scrollbar-thumb,.stacks::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.problems::-webkit-scrollbar-thumb:hover,.solutions::-webkit-scrollbar-thumb:hover,.stacks::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}.pill-nav{border-radius:20px!important;font-size:.75rem;padding:.25rem .75rem!important;border:1px solid var(--color-accent)!important;color:var(--color-accent)!important;background-color:transparent!important;transition:all .2s ease;white-space:nowrap}.pill-nav:hover{background-color:var(--color-accent)!important;color:var(--color-base)!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(190,94,237,.2)}.pill-nav:focus,.pill-nav:hover{border-color:var(--color-accent)!important}.pill-nav:focus{box-shadow:0 0 0 .2rem rgba(190,94,237,.25)!important}.solution-navigation{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-base);z-index:10;padding:.5rem 0;border-bottom:1px solid var(--color-border);margin-bottom:1rem;max-height:80px;overflow-y:auto}.solution-navigation::-webkit-scrollbar{width:4px;height:4px}.solution-navigation::-webkit-scrollbar-track{background:var(--color-base);border-radius:2px}.solution-navigation::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:2px}.solution-navigation::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}