.category-grid-container{max-width:1200px;margin:0 auto;padding:20px}.category-grid-header{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease}.category-grid-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#9333ea,#c084fc,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.category-grid-subtitle{font-size:16px;color:#a3a3a3;font-weight:400}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;animation:fadeIn .8s ease}@media(max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:20px 12px}.category-icon{width:60px;height:60px;margin-bottom:12px}.category-icon img{width:40px;height:40px}.category-name{font-size:13px}}@media(max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid-title{font-size:22px}.category-card{padding:16px 10px}}.category-card{position:relative;background:linear-gradient(135deg,#9333ea1a,#a855f70d);border:1px solid rgba(147,51,234,.3);border-radius:20px;padding:24px 16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:slideUp .6s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-card:hover{transform:translateY(-8px) scale(1.02);border-color:#9333ea99;box-shadow:0 20px 40px #9333ea4d}.category-card:active{transform:translateY(-4px) scale(.98)}.category-card-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.category-icon{width:80px;height:80px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9333ea33,#a855f71a);border-radius:20px;transition:all .4s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#9333ea4d,#a855f733)}.category-icon img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(147,51,234,.3))}.category-name{font-size:15px;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.3}.category-arrow{font-size:20px;color:#9333ea;opacity:0;transform:translate(-10px);transition:all .3s ease}.category-card:hover .category-arrow{opacity:1;transform:translate(0)}.category-card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(147,51,234,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.category-card:hover .category-card-glow{opacity:1}.submit-card{background:linear-gradient(135deg,#eab30826,#fbbf241a);border-color:#eab30866}.submit-card:hover{border-color:#eab308b3;box-shadow:0 20px 40px #eab3084d}.submit-card .category-icon{background:linear-gradient(135deg,#eab30833,#fbbf241a)}.submit-card:hover .category-icon{background:linear-gradient(135deg,#eab3084d,#fbbf2433)}.submit-icon span{font-size:36px;filter:drop-shadow(0 0 10px rgba(234,179,8,.5))}.submit-description{font-size:13px;color:#a3a3a3;margin-bottom:8px}.submit-card .category-arrow{color:#eab308}.submit-card .category-card-glow{background:radial-gradient(circle,rgba(234,179,8,.2) 0%,transparent 70%)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.company-list-container{max-width:900px;margin:0 auto;padding:20px;animation:fadeIn .6s ease}.company-list-header{text-align:center;margin-bottom:30px;animation:fadeInDown .6s ease}.company-list-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#9333ea,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.company-list-count{font-size:14px;color:#737373}.company-list{display:flex;flex-direction:column;gap:16px}.company-item{position:relative;background:linear-gradient(135deg,#9333ea14,#a855f70a);border:1px solid rgba(147,51,234,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:slideUp .5s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.company-item:hover{transform:translate(4px);border-color:#9333ea80;box-shadow:0 10px 30px #9333ea33}.company-item:active{transform:scale(.98)}.company-item-inner{position:relative;z-index:2;display:flex;align-items:center;gap:16px}.company-logo{flex-shrink:0;width:70px;height:70px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#9333ea33,#a855f71a);display:flex;align-items:center;justify-content:center;border:1px solid rgba(147,51,234,.3);transition:transform .3s ease}.company-item:hover .company-logo{transform:scale(1.05)}.company-logo img{width:100%;height:100%;object-fit:cover}.company-content{flex:1;min-width:0}.company-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-description{font-size:14px;color:#a3a3a3;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-manager{display:flex;align-items:center;gap:6px;font-size:13px;color:#9333ea}.manager-icon{font-size:14px}.manager-name{font-weight:500}.company-arrow{flex-shrink:0;font-size:24px;color:#9333ea;opacity:0;transform:translate(-10px);transition:all .3s ease}.company-item:hover .company-arrow{opacity:1;transform:translate(0)}.company-item-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(147,51,234,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.company-item:hover .company-item-glow{opacity:1}.loading-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;gap:16px;animation:pulse 1.5s ease-in-out infinite}.skeleton-image{width:70px;height:70px;border-radius:12px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:10px}.skeleton-title{height:20px;width:60%;border-radius:4px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:14px;border-radius:4px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text:last-child{width:80%}.empty-state,.error-state{text-align:center;padding:60px 20px;animation:fadeIn .6s ease}.empty-icon,.error-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}.empty-state h3,.error-state h3{font-size:20px;color:#fff;margin-bottom:12px}.empty-state p,.error-state p{font-size:14px;color:#737373}@media(max-width:768px){.company-item-inner{gap:12px}.company-logo{width:60px;height:60px}.company-name{font-size:16px}.company-description{font-size:13px}.company-arrow{display:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.company-card-container{max-width:700px;margin:0 auto;padding:20px;animation:fadeIn .6s ease}.company-card-content{background:linear-gradient(135deg,#9333ea14,#a855f70a);border:1px solid rgba(147,51,234,.2);border-radius:24px;padding:32px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease}.company-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(147,51,234,.2)}.company-logo-large{width:120px;height:120px;margin:0 auto 20px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#9333ea33,#a855f71a);display:flex;align-items:center;justify-content:center;border:2px solid rgba(147,51,234,.3);animation:scaleIn .6s ease .2s backwards}.company-logo-large img{width:100%;height:100%;object-fit:cover}.company-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;animation:fadeInDown .6s ease .3s backwards}.company-category-badge{display:inline-block;background:#9333ea33;border:1px solid rgba(147,51,234,.4);color:#c084fc;padding:6px 16px;border-radius:12px;font-size:13px;font-weight:600;text-transform:capitalize;animation:fadeIn .6s ease .4s backwards}.company-section{margin-bottom:28px;animation:slideUp .6s ease backwards}.company-section:nth-child(2){animation-delay:.1s}.company-section:nth-child(3){animation-delay:.2s}.section-title{font-size:16px;font-weight:700;color:#9333ea;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.company-description-full{font-size:15px;color:#d4d4d4;line-height:1.7;white-space:pre-wrap}.manager-info{display:flex;align-items:center;gap:16px;background:#9333ea0d;border:1px solid rgba(147,51,234,.2);border-radius:16px;padding:16px;transition:all .3s ease}.manager-info:hover{background:#9333ea1a;border-color:#9333ea4d}.manager-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#9333ea4d,#a855f733);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{font-size:28px;filter:drop-shadow(0 0 10px rgba(147,51,234,.5))}.manager-details{flex:1}.manager-label{font-size:12px;color:#737373;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.manager-username{font-size:17px;color:#9333ea;font-weight:600}.contact-button{width:100%;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:16px;padding:18px 24px;margin:24px 0;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:slideUp .6s ease .3s backwards}.contact-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-button:hover:before{left:100%}.contact-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9333ea66}.contact-button:active{transform:translateY(0) scale(.98)}.button-icon{font-size:20px}.button-text{font-size:16px;font-weight:600;color:#fff}.button-arrow{font-size:20px;color:#fff;transition:transform .3s ease}.contact-button:hover .button-arrow{transform:translate(4px)}.company-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;animation:fadeIn .6s ease .4s backwards}.feature-item{text-align:center;padding:16px 12px;background:#9333ea0d;border:1px solid rgba(147,51,234,.2);border-radius:12px;transition:all .3s ease}.feature-item:hover{background:#9333ea1a;border-color:#9333ea4d;transform:translateY(-2px)}.feature-icon{font-size:24px;margin-bottom:8px}.feature-text{font-size:12px;color:#a3a3a3;font-weight:500}@media(max-width:768px){.company-card-content{padding:24px 20px}.company-title{font-size:24px}.company-logo-large{width:100px;height:100px}.company-features{grid-template-columns:1fr;gap:10px}.feature-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px}.feature-icon{margin-bottom:0}.contact-button{padding:16px 20px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.submit-form-container{max-width:700px;margin:0 auto;padding:20px;animation:fadeIn .6s ease}.submit-form-header{text-align:center;margin-bottom:32px;animation:fadeInDown .6s ease}.submit-form-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#9333ea,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.submit-form-subtitle{font-size:14px;color:#737373}.submit-form{background:linear-gradient(135deg,#9333ea14,#a855f70a);border:1px solid rgba(147,51,234,.2);border-radius:24px;padding:32px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease}.form-group{margin-bottom:24px;animation:slideUp .5s ease backwards}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}.form-label{display:block;font-size:14px;font-weight:600;color:#a3a3a3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.required{color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;background:#0000004d;border:1px solid rgba(147,51,234,.3);border-radius:12px;padding:14px 16px;font-size:15px;color:#fff;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#9333ea99;background:#0006;box-shadow:0 0 0 3px #9333ea1a}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%239333ea' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-select option{background:#1a1a1a;color:#fff}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.char-counter{text-align:right;font-size:12px;color:#525252;margin-top:6px}.form-hint{font-size:12px;color:#525252;margin-top:6px;font-style:italic}.logo-upload{position:relative}.file-input{display:none}.file-label{display:block;cursor:pointer;transition:all .3s ease}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#0003;border:2px dashed rgba(147,51,234,.3);border-radius:12px;transition:all .3s ease}.upload-placeholder:hover{border-color:#9333ea80;background:#0000004d}.upload-icon{font-size:36px;margin-bottom:12px}.upload-text{font-size:15px;color:#9333ea;font-weight:600;margin-bottom:6px}.upload-hint{font-size:12px;color:#525252}.logo-preview{position:relative;width:200px;height:200px;margin:0 auto;border-radius:16px;overflow:hidden;border:2px solid rgba(147,51,234,.4)}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.logo-preview:hover .logo-overlay{opacity:1}.logo-overlay span{color:#fff;font-size:15px;font-weight:600}.submit-button{width:100%;background:linear-gradient(135deg,#9333ea,#7e22ce);border:none;border-radius:14px;padding:16px 24px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:slideUp .6s ease .4s backwards}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9333ea66}.submit-button:active{transform:translateY(0) scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.button-arrow{transition:transform .3s ease}.submit-button:hover .button-arrow{transform:translate(4px)}.form-info{margin-top:24px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;display:flex;gap:12px;animation:fadeIn .6s ease .5s backwards}.info-icon{font-size:20px;flex-shrink:0}.form-info p{font-size:13px;color:#a3a3a3;line-height:1.5;margin:0}@media(max-width:768px){.submit-form-container{padding:15px}.submit-form{padding:24px 20px}.submit-form-title{font-size:24px}.logo-preview{width:150px;height:150px}.upload-placeholder{padding:30px 15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.language-switcher{display:flex;gap:5px;background:#9333ea1a;border:1px solid rgba(147,51,234,.3);border-radius:8px;padding:4px}.language-switcher button{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:#999;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.language-switcher button.active{background:linear-gradient(135deg,#9333ea,#c084fc);color:#fff}.language-switcher button:hover:not(.active){color:#c084fc}.theme-decorations{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflakes{position:absolute;top:-10%;width:100%;height:110%}.snowflake{position:absolute;top:-10%;color:#ffffff80;animation:snowfall linear infinite;-webkit-user-select:none;user-select:none}@keyframes snowfall{0%{transform:translateY(0) rotate(0);opacity:.7}to{transform:translateY(110vh) rotate(360deg);opacity:.1}}.garland{position:absolute;width:100%;height:40px;display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px}.garland-top{top:0;left:0}.garland-light{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#c084fc);box-shadow:0 0 15px #9333eacc,0 0 30px #9333ea66;animation:garland-blink 1.5s ease-in-out infinite}@keyframes garland-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@media(max-width:768px){.snowflake:nth-child(n+26){display:none}.garland-light{width:8px;height:8px}.snowflake{opacity:.4}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}.app{min-height:100vh;position:relative;padding-bottom:20px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(180deg,#000000e6,#000000b3);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{position:absolute;left:15px;background:#9333ea4d;border:1px solid rgba(147,51,234,.5);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#9333ea80;transform:translate(-2px)}.back-button:active{transform:scale(.95)}.app-header h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,#9333ea,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-main{padding:20px;position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#9333ea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f7}
