.tool-wrapper{background:linear-gradient(135deg,#059669 0,#10b981 50%,#34d399 100%)!important;background-color:#10b981!important;padding:80px 0 100px!important;position:relative;overflow:hidden;min-height:90vh}.tool-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.1) 0,transparent 50%);z-index:1}.tool-wrapper .container{position:relative;z-index:2}#mainQRCode{background:#fff!important;border-radius:24px!important;box-shadow:0 24px 64px rgba(0,0,0,.15)!important;padding:0!important;margin:2rem 0!important;overflow:hidden;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);min-height:700px!important}#mainQRCode .col-lg-4:first-child{background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%)!important;padding:2.5rem!important;border-right:2px solid #a7f3d0!important;display:flex;flex-direction:column;min-height:700px}#mainQRCode .tool-wapper{background:#fff!important;padding:2.5rem!important;display:flex;flex-direction:column;min-height:700px}.generator-header{text-align:center;margin-bottom:3rem;color:#fff}.generator-title{font-size:3rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1rem!important;text-shadow:0 4px 8px rgba(0,0,0,.2)}.generator-subtitle{font-size:1.3rem!important;color:#d1fae5!important;margin-bottom:2rem!important;text-shadow:0 2px 4px rgba(0,0,0,.1)}.generator-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}.generator-feature-item{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.1)}.generator-feature-item i{margin-right:.5rem;font-size:1rem;color:inherit}.generator-features .col-lg-4,.generator-features .col-md-6,.generator-features .col-sm-12{background:0 0!important;padding:1rem!important;border:none!important;min-height:auto!important;display:block!important;flex-direction:initial!important}.card{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.3s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.card-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:1.25rem;border-radius:12px 12px 0 0}.card-header h5{margin:0;font-weight:600;color:var(--gray-800)}.card-body{padding:1.5rem}.card-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1rem 1.5rem;border-radius:0 0 12px 12px}.feature-card{text-align:center;padding:2rem;border-radius:16px;background:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:.3s;height:auto;min-height:auto!important;border:none!important;margin-bottom:2rem}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.feature-card .icon{width:64px;height:64px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:1.5rem}.feature-card h4{color:var(--gray-800);font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--gray-600);line-height:1.6}.alert{padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:8px;position:relative}.alert-primary{color:var(--primary-text-dark);background-color:var(--primary-bg-light);border-color:var(--primary-color)}.alert-success{color:#0d5928;background-color:rgba(16,185,129,.1);border-color:var(--success-color)}.alert-warning{color:#8d4f00;background-color:rgba(245,158,11,.1);border-color:var(--warning-color)}.alert-danger{color:#c53030;background-color:rgba(239,68,68,.1);border-color:var(--danger-color)}.alert-info{color:var(--primary-dark);background-color:rgba(255,107,53,.1);border-color:var(--info-color)}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit;background:0 0;border:none;font-size:1.25rem;cursor:pointer}.badge{display:inline-block;padding:.375rem .75rem;font-size:.75rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:50px;transition:.3s}.badge-primary{color:#fff;background:var(--primary-gradient)}.badge-secondary{color:#fff;background-color:var(--gray-600)}.badge-success{color:#fff;background-color:var(--success-color)}.badge-warning{color:#fff;background-color:var(--warning-color)}.badge-danger{color:#fff;background-color:var(--danger-color)}.badge-info{color:#fff;background-color:var(--info-color)}.badge-light{color:var(--gray-800);background-color:var(--gray-200)}.badge-dark{color:#fff;background-color:var(--gray-800)}.modal-content{border:none;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.modal-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:1.5rem}.modal-title{font-weight:600;color:var(--gray-800)}.modal-body{padding:2rem}.modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1.25rem 2rem}.progress{height:8px;background-color:var(--gray-200);border-radius:50px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{background:var(--primary-gradient);height:100%;transition:width .6s;border-radius:50px}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.dropdown-menu{border:none;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:.5rem 0;margin-top:.5rem}.dropdown-item{padding:.75rem 1.5rem;transition:.3s;border-radius:0}.dropdown-item:hover{background-color:var(--primary-bg-light);color:var(--primary-color)}.dropdown-item:active{background-color:var(--primary-color);color:#fff}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid var(--gray-200)}.nav-tabs{border-bottom:2px solid var(--gray-200);margin-bottom:1.5rem}.nav-tabs .nav-link{border:none;border-radius:8px 8px 0 0;color:var(--gray-600);font-weight:500;padding:.75rem 1.5rem;transition:.3s;margin-bottom:-2px;position:relative}.nav-tabs .nav-link:hover{border-color:transparent;color:var(--primary-color);background-color:var(--gray-50)}.nav-tabs .nav-link.active{color:var(--primary-color);background-color:#fff;border-color:transparent}.nav-tabs .nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-gradient)}.nav-pills .nav-link{border-radius:8px;color:var(--gray-600);font-weight:500;transition:.3s}.nav-pills .nav-link:hover{color:var(--primary-color);background-color:var(--primary-bg-light)}.nav-pills .nav-link.active{color:#fff;background:var(--primary-gradient)}.breadcrumb{background-color:transparent;border-radius:8px;padding:.75rem 0;margin-bottom:1rem}.breadcrumb-item+.breadcrumb-item::before{content:"›";color:var(--gray-500);font-weight:700}.breadcrumb-item a{color:var(--primary-color);text-decoration:none;transition:color .3s}.breadcrumb-item a:hover{color:var(--primary-dark)}.breadcrumb-item.active{color:var(--gray-600)}.pagination{justify-content:center;margin-bottom:1rem}.page-link{border:2px solid var(--gray-300);color:var(--gray-700);padding:.5rem .75rem;margin:0 .125rem;border-radius:8px;transition:.3s}.page-link:hover{border-color:var(--primary-color);background-color:var(--primary-bg-light);color:var(--primary-color)}.page-item.active .page-link{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff}.page-item.disabled .page-link{color:var(--gray-400);border-color:var(--gray-300);background-color:var(--gray-100)}.list-group-item{border:1px solid var(--gray-200);padding:.75rem 1.25rem;background-color:#fff;transition:.3s}.list-group-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.list-group-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.list-group-item:hover{background-color:var(--gray-50)}.list-group-item.active{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff}.spinner-border{width:2rem;height:2rem;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border-sm{width:1rem;height:1rem;border-width:.125em}.tooltip{font-size:.875rem}.tooltip-inner{background-color:var(--gray-800);border-radius:6px;padding:.5rem .75rem}.tooltip.bs-tooltip-top .arrow::before{border-top-color:var(--gray-800)}.tooltip.bs-tooltip-right .arrow::before{border-right-color:var(--gray-800)}.tooltip.bs-tooltip-bottom .arrow::before{border-bottom-color:var(--gray-800)}.tooltip.bs-tooltip-left .arrow::before{border-left-color:var(--gray-800)}@media (max-width:768px){.tool-wrapper{padding:60px 0 80px!important;min-height:auto}.generator-title{font-size:2.5rem!important}.generator-subtitle{font-size:1.2rem!important}.generator-features{gap:1rem;justify-content:center}.generator-feature-item{padding:.5rem 1rem;font-size:.85rem}.hero-generator-wrapper{flex-direction:column;min-height:auto;border-radius:16px}.generator-preview{border-right:none;border-bottom:2px solid #a7f3d0;padding:2rem!important}.generator-form{padding:2rem!important}.form-title{font-size:1.5rem!important}.preview-title{font-size:1.3rem!important}}@media (max-width:576px){.tool-wrapper{padding:40px 0 60px!important}.generator-title{font-size:2rem!important}.generator-subtitle{font-size:1.1rem!important}.generator-features{flex-direction:column;align-items:center;gap:.75rem}.generator-form,.generator-preview{padding:1.5rem!important}.hero-generator-wrapper{margin:0 .5rem}}@media (min-width:1200px){.generator-title{font-size:3.5rem!important}.generator-subtitle{font-size:1.4rem!important}#mainQRCode{min-height:600px!important}#mainQRCode .col-lg-4:first-child,#mainQRCode .tool-wapper{min-height:600px}}.generator-header-cta{margin-top:2rem}.generator-header-cta .btn{background:var(--cta-gradient);border:none;color:var(--white);padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:.3s;box-shadow:0 8px 25px rgba(255,107,53,.4);position:relative;overflow:hidden}.generator-header-cta .btn:hover{color:var(--white);text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,107,53,.6);background:linear-gradient(135deg,var(--cta-primary-hover),var(--accent-orange-darker))}.generator-header-cta .btn:active{transform:translateY(0)}.generator-header-cta .btn i{margin-right:.5rem;font-size:1.2rem}