.app-container{padding:32px 24px;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.page-header{text-align:center;margin-bottom:48px;padding:0 16px}.page-header h2{color:#1f1f1f;font-weight:600}.tool-card-wrapper{position:relative;height:100%}.feature-card{border-radius:16px!important;border:1px solid #f0f0f0;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;position:relative;overflow:hidden;cursor:pointer}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.feature-card.featured{border-top:3px solid}.hot-label{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;z-index:2}.card-icon-section{display:flex;justify-content:center;margin-bottom:8px}.icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;transition:all .3s ease;position:relative;z-index:1}.feature-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #00000026}.card-content-section{flex:1;position:relative;z-index:1}.card-content-section h4{color:#1f1f1f;transition:color .3s ease}.feature-card:hover .card-content-section h4{color:inherit}.card-action-section{position:relative;z-index:1;margin-top:auto}.card-hover-bg{position:absolute;inset:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.page-footer{max-width:800px;margin:0 auto}@media(max-width:768px){.app-container{padding:24px 16px}.page-header{margin-bottom:32px}.feature-card{margin-bottom:16px}.icon-wrapper{width:70px;height:70px}.icon-wrapper svg{font-size:28px!important}}@media(max-width:480px){.app-container{padding:16px 12px}.page-header h2{font-size:20px}.feature-card{padding:20px!important}.icon-wrapper{width:60px;height:60px}.icon-wrapper svg{font-size:24px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card-wrapper{animation:fadeIn .5s ease forwards}.tool-card-wrapper:nth-child(1){animation-delay:.1s}.tool-card-wrapper:nth-child(2){animation-delay:.2s}.tool-card-wrapper:nth-child(3){animation-delay:.3s}html,body{margin:0;padding:0;width:100%;height:100%}*,*:before,*:after{box-sizing:border-box!important;margin:0;padding:0}.app-container{padding:24px;background:linear-gradient(135deg,#667eea,#764ba2)}.main-card{border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:100px}.bgPrimaryColor{background-color:var(--primary-color)!important}.colorPrimaryColor{color:var(--primary-color)!important}.container{padding:16px;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-items:center;align-items:center;min-height:100vh}.box{padding:82px 24px;width:100%;background-color:#fff;border-radius:5px}.title{padding-top:60px!important;padding-bottom:18px;background-color:transparent!important;background:transparent!important}.uploader{display:flex;flex-direction:row;align-items:end;align-content:end;justify-content:center}:root{--primary-color: #936ef6}.bgPrimaryColor{background-color:var(--color-primary)}.colorPrimaryColor{color:var(--color-primary)}