*{margin:0;padding:0;box-sizing:border-box}html{min-height:100dvh;-webkit-text-size-adjust:100%}:root{--primary-color: #ff5722;--primary-dark: #e64a19;--primary-light: #ff7043;--secondary-color: #424242;--text-dark: #212121;--text-light: #757575;--bg-light: #fafafa;--white: #ffffff;--border-color: #e0e0e0;--success: #4caf50;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--card-bg: #e8e8e8;--input-bg: #f5f5f5;--tag-bg: #fff3e0}[data-theme=dark]{--text-dark: #e0e0e0;--text-light: #9e9e9e;--bg-light: #1a1a2e;--white: #12121e;--border-color: #2e2e45;--secondary-color: #0d0d1a;--shadow: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6);--card-bg: #1e1e30;--input-bg: #1a1a2e;--tag-bg: #2a1a0e}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--white);min-height:100dvh;min-width:320px;overflow-x:hidden;transition:background-color .3s,color .3s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(12px,2.2vw,20px)}section,main,header,footer{width:100%}img,video,canvas,svg{max-width:100%}input,select,textarea,button{font:inherit}.header{background-color:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.nav-wrapper{display:flex;justify-content:flex-start;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-img{height:100px;width:auto;object-fit:contain}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-brand{font-size:20px;font-weight:700;color:var(--primary-color);line-height:1;text-align:center}.logo-slogan{font-size:14px;font-style:italic;color:var(--text-dark);opacity:.8;margin-top:20px;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.logo i{color:var(--primary-color);font-size:28px}.logo span{color:var(--primary-color)}.nav-right-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;margin-left:auto}.header-tools-row{display:flex;align-items:center;justify-content:center;gap:14px}.header-socials{display:flex;align-items:center;gap:10px}.header-socials a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;text-decoration:none;transition:all .3s}.header-socials .facebook{background:#1877f2}.header-socials .youtube{background:red}.header-socials .linkedin{background:#0077b5}.header-socials a:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #00000040}.mobile-platform-menu{display:none;position:relative}.mobile-platform-toggle{width:34px;height:34px;border-radius:50%;border:1.5px solid #d6d9de;background:#fff;color:#4b4f57;display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.mobile-platform-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:176px;background:#fff;border:1px solid #eceef2;box-shadow:0 12px 30px #0000001f;border-radius:12px;padding:6px;z-index:1200}.mobile-platform-dropdown .platform-link{width:100%;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;color:#4a4a4a;box-sizing:border-box}.mobile-platform-dropdown .platform-link i{width:28px;height:28px;min-width:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-align:center}.mobile-platform-dropdown .platform-link.facebook i{background:#1877f2}.mobile-platform-dropdown .platform-link.youtube i{background:red}.mobile-platform-dropdown .platform-link.linkedin i{background:#0077b5}.mobile-platform-dropdown .platform-link:hover{background:#f5f7fa}.nav-controls{display:flex;align-items:center;gap:10px}.btn-theme-toggle{width:38px;height:38px;border:2px solid var(--border-color);background-color:transparent;color:var(--text-dark);border-radius:50%;font-size:15px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-theme-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.nav-menu{margin-left:30px}.nav-menu ul{list-style:none;display:flex;gap:10px;align-items:center}.nav-menu a{text-decoration:none;color:#f57c45;font-weight:700;font-size:13px;padding:8px 14px;border-radius:999px;background:#f3eee8;display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease}.nav-menu a:active{transform:scale(.96)}.nav-menu a:hover{background:#f9e7dc;color:#ec6a2f}.nav-menu a.active{background:linear-gradient(135deg,#f79a62,#f07a3e);color:#fff;box-shadow:0 4px 14px #f07a3e59}.nav-menu a.clicked{animation:menuClickPulse .22s ease}@keyframes menuClickPulse{0%{transform:scale(1)}50%{transform:scale(.93)}to{transform:scale(1)}}.nav-actions{display:flex;gap:15px}.btn-login{padding:10px 25px;border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s}.btn-login:hover{background-color:var(--primary-color);color:var(--white)}.btn-register{padding:10px 25px;border:none;background-color:var(--primary-color);color:var(--white);border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s}.btn-register:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.hero{min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center;padding:60px 0;width:100%;max-width:100%;margin:0;border-radius:0}.hero-slides{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out;transform:none;animation:none}.hero-slide.active{opacity:1;animation:none}.hero .container{position:relative;z-index:3}.hero-content{text-align:center;max-width:900px;margin:0 auto;color:#fff}.hero-title{font-size:38px;font-weight:800;line-height:1.2;margin-bottom:14px;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.4);animation:fadeInUp .8s ease-out}.hero-title .highlight{color:#fff3e0;display:inline-block;position:relative}.hero-title .highlight:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:12px;background:#ffffff4d;z-index:-1}.hero-subtitle{font-size:16px;line-height:1.6;margin-bottom:22px;opacity:.95;font-weight:400;animation:fadeInUp .8s ease-out .2s both}.btn-visit-us{display:inline-flex;align-items:center;gap:10px;padding:12px 36px;background:linear-gradient(135deg,#ff5722,#ff8a65);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;animation:fadeInUp .8s ease-out .4s both;box-shadow:0 6px 24px #ff57228c;letter-spacing:.5px}.btn-visit-us i{transition:transform .3s}.btn-visit-us:hover{background:linear-gradient(135deg,#e64a19,#ff5722);transform:translateY(-4px) scale(1.04);box-shadow:0 12px 32px #ff5722b3}.btn-visit-us:hover i{transform:translate(5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats{padding:40px 0 10px;background-color:var(--bg-light);margin-top:-40px;position:relative;z-index:10}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.stat-item{text-align:center;padding:45px 30px;background-color:var(--white);border-radius:16px;box-shadow:0 10px 30px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transform:scaleX(0);transition:transform .4s ease}.stat-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ff572226}.stat-item:hover:before{transform:scaleX(1)}.stat-item i{font-size:56px;color:var(--primary-color);margin-bottom:20px;transition:all .3s;display:inline-block}.stat-item:hover i{transform:scale(1.1) rotateY(360deg)}.stat-item h3{font-size:42px;color:var(--text-dark);margin-bottom:10px;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item p{color:var(--text-light);font-size:16px;font-weight:500;letter-spacing:.5px}.about-banner-section{padding:0 0 12px;background:radial-gradient(circle at top left,rgba(255,87,34,.12),transparent 38%),linear-gradient(180deg,#fff9f4 0%,var(--white) 100%)}.about-banner-frame{position:relative;overflow:hidden;width:100%;border-radius:0;box-shadow:none;border:0;background:transparent}.about-banner-image{display:block;width:100%;height:auto}.about-banner-content{position:absolute;left:120px;top:clamp(24px,4vw,54px);bottom:clamp(20px,3.2vw,42px);width:min(clamp(360px,34vw,620px),calc(100% - 72px));padding-right:40px;display:flex;flex-direction:column;justify-content:center;color:#3a3a3a;z-index:2}.about-banner-content h1{margin:0;font-size:clamp(36px,4vw,72px);line-height:1.06;letter-spacing:.4px;font-weight:900;color:#22252b}.about-banner-content h1 span{color:#f26726}.about-banner-divider{width:clamp(96px,10vw,140px);height:4px;border-radius:999px;background:#f26726;margin:clamp(14px,1.8vw,24px) 0}.about-banner-content p{margin:0;font-size:clamp(13px,.82vw + .45rem,22px);line-height:clamp(1.42,1.5,1.55);color:#4a4d53}.about-banner-content p+p{margin-top:clamp(10px,1.3vw,18px)}.about-banner-content strong{color:#3d3f44;font-weight:800}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:40px;margin-bottom:15px;color:var(--text-dark);display:inline-block;position:relative;padding-bottom:10px}.section-header h2:after{content:"";position:absolute;width:120px;left:50%;transform:translate(-50%);bottom:0;height:4px;border-radius:999px;background:var(--primary-color)}.section-header h2 .highlight{color:var(--primary-color)}.section-header p{font-size:18px;color:var(--text-light)}.brand-showcase{padding:56px 0 88px;background:radial-gradient(circle at 15% 20%,rgba(255,87,34,.08),transparent 24%),linear-gradient(180deg,var(--white) 0%,#fbfbfb 100%)}.brand-showcase-header{margin-bottom:44px}.brand-showcase-header h2{line-height:1.05}.brand-showcase-header h2 .highlight{display:block;margin-top:6px;letter-spacing:1.5px}.brand-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;max-width:880px;margin:0 auto}.brand-card{border-radius:22px;overflow:hidden;background:var(--white);box-shadow:0 18px 40px #241f181a;border:1px solid rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease}.brand-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #241f1824}.brand-card-media{position:relative;min-height:246px;overflow:hidden}.brand-card-media-button{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.brand-card-media-button:focus-visible{outline:3px solid rgba(255,87,34,.45);outline-offset:4px;border-radius:24px}.brand-card-media-button.is-clicked .brand-card-media{transform:scale(.985)}.brand-card-media-button.is-clicked .brand-card-media-image,.brand-card-media-button.is-clicked .brand-card-product,.brand-card-media-button.is-clicked .brand-card-vintage{transform:scale(1.045)}.brand-card-media-button.is-clicked .brand-card-click-hint{opacity:1;transform:translate(-50%)}.brand-card-media-button.is-clicked .brand-card-media:after{opacity:1;transform:scale(1)}.brand-card-media--hqsing{background:radial-gradient(circle at 0% 0%,rgba(22,89,162,.18),transparent 26%),linear-gradient(180deg,#fff,#eef5fb 54%,#c7e3fb)}.brand-card-media--hqaudios{background:radial-gradient(circle at top right,rgba(150,92,32,.18),transparent 24%),linear-gradient(180deg,#f9f0e7,#efe4d9 58%,#e5d3c1)}.brand-card-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;color:#1e4f86;background:#fffffff2;box-shadow:0 10px 22px #141d2c1f}.brand-card-badge--square{top:14px;left:18px;width:74px;height:74px;border-radius:18px;flex-direction:column;gap:2px;border:2px solid rgba(30,79,134,.16)}.brand-card-badge--square span{font-size:30px;font-weight:800;line-height:1}.brand-card-badge--square small{font-size:8px;font-weight:700;letter-spacing:.2px}.brand-card-badge--circle{top:12px;left:16px;width:84px;height:84px;border-radius:50%;border:4px solid #654321;color:#2b2520;font-size:12px;font-weight:800;text-align:center;line-height:1.15;padding:10px}.brand-card-media:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:18px;border:2px solid rgba(255,255,255,.5);opacity:0;transform:scale(.94);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.brand-card-media-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}.brand-card-click-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%,10px);z-index:2;padding:8px 14px;border-radius:999px;background:#222222c2;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px;opacity:0;transition:opacity .28s ease,transform .28s ease;pointer-events:none;white-space:nowrap}.brand-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px}.brand-modal{width:min(980px,100%);max-height:min(90vh,880px);overflow-y:auto;background:#fff;border:1px solid #d9d9d9;border-radius:22px;box-shadow:0 20px 50px #0000004d}.brand-modal-header{padding:16px 20px;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-modal-header h3{font-size:34px;line-height:1.2;color:#202124}.brand-modal-close{border:0;background:transparent;color:#9aa0a6;width:34px;height:34px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.brand-modal-close:hover{background:#f3f4f6;color:#555}.brand-modal-body{padding:20px}.brand-modal-intro{display:flex;align-items:flex-start;gap:16px;margin-bottom:14px}.brand-modal-logo{width:70px;height:70px;min-width:70px;border-radius:16px;background:linear-gradient(135deg,#ff9a58,#f26726);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 10px 22px #f2672652}.brand-modal-intro-content h4{font-size:44px;line-height:1.1;color:#202124;margin-bottom:8px}.brand-modal-intro-content h4 span{font-size:28px;color:#7a7e84;font-weight:500}.brand-modal-cta{display:inline-flex;align-items:center;justify-content:center;min-width:128px;padding:8px 18px;border-radius:10px;background:linear-gradient(135deg,#ff9a58,#f26726);color:#fff;text-decoration:none;font-size:24px;font-weight:700}.brand-modal-slogan{margin:2px 0 14px;display:flex;flex-direction:column;gap:3px}.brand-modal-slogan em{font-family:Dancing Script,cursive;font-size:28px;font-style:normal;font-weight:700;color:#202124;line-height:1.3}.brand-modal-slogan span{font-size:13px;font-weight:600;color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px}.brand-modal-slogan em{font-size:22px;font-style:italic;font-weight:700;color:#202124;line-height:1.3}.brand-modal-content p{font-size:36px;line-height:1.6;color:#3f3f42;margin-bottom:12px}.brand-modal-website{border-top:1px solid #ececec;padding-top:12px;display:flex;align-items:center;gap:8px;font-size:30px;color:#8e8e90}.brand-modal-website a{color:#2064d8;text-decoration:none;font-weight:700}.brand-modal-website a:hover{text-decoration:underline}.brand-card-product{position:absolute;left:64px;right:26px;bottom:24px;height:142px;transition:transform .28s ease}.product-speaker{position:absolute;bottom:20px;left:0;width:175px;height:76px;border-radius:12px;background:linear-gradient(180deg,#2f3138,#111215);box-shadow:0 18px 24px #10121542}.product-speaker:before{content:"HQsing";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffe0;font-size:12px;font-weight:700;letter-spacing:.6px}.product-speaker:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.product-mic{position:absolute;bottom:0;width:86px;height:12px;border-radius:999px;background:linear-gradient(90deg,#5c5d62,#121316);transform-origin:left center;box-shadow:0 10px 16px #0000002e}.product-mic:before{content:"";position:absolute;left:-4px;top:-5px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9b9ca3,#50535b 55%,#2d2f34)}.product-mic--one{left:78px;transform:rotate(11deg)}.product-mic--two{left:124px;bottom:10px;transform:rotate(6deg)}.brand-card-vintage{position:absolute;right:22px;left:86px;bottom:0;top:16px;display:flex;align-items:flex-end;gap:18px;transition:transform .28s ease}.vintage-speaker{position:relative;width:112px;border-radius:8px 8px 0 0;box-shadow:0 18px 26px #38271838}.vintage-speaker--dark{height:170px;background:linear-gradient(180deg,#1f1d1b,#151311)}.vintage-speaker--wood{height:202px;background:linear-gradient(180deg,#b98549,#8d6030)}.speaker-tweeter,.speaker-woofer{position:absolute;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#3f3b39,#111 62%,#4e4843 63%,#171412)}.speaker-tweeter{top:20px;width:24px;height:24px}.speaker-woofer{bottom:20px;width:62px;height:62px}.brand-card-body{padding:20px 20px 18px}.brand-card-body h3{font-size:32px;line-height:1.1;margin-bottom:10px;color:#232323}.brand-card-body p{color:#5d6168;font-size:16px;line-height:1.65;margin-bottom:14px}.brand-link{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:#7b8088;font-size:15px;text-decoration:none}.brand-link i{color:#a2a7ae}.brand-link strong{color:#1253c4;font-weight:700}.brand-link:hover strong{text-decoration:underline}.vision-mission{padding:24px 0 88px;background-color:#f7f7f8}.vision-mission-header{margin-bottom:42px}.vision-mission-list{display:grid;gap:64px;max-width:980px;margin:0 auto}.vision-mission-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.vision-mission-row--reverse{direction:rtl}.vision-mission-row--reverse>*{direction:ltr}.vision-mission-content{color:#3f4147}.vision-mission-icon{width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-bottom:14px;box-shadow:0 8px 18px #f2672642}.vision-mission-icon-image{width:64px;height:64px;object-fit:contain;display:block}.vision-mission-content h3{font-size:40px;line-height:1.1;margin-bottom:12px;color:#22262c}.vision-mission-content p{font-size:17px;line-height:1.8;color:#4c5260;margin-bottom:14px}.vision-mission-content p:last-child{margin-bottom:0}.vision-mission-image-wrap{border-radius:18px;overflow:hidden;min-height:320px;background:linear-gradient(180deg,#f0f1f4,#e8eaee);border:1px solid rgba(39,45,56,.12)}.vision-mission-image{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}.vision-mission-image-placeholder{width:100%;height:100%;min-height:320px;background:linear-gradient(180deg,#ffffff8a,#ffffff8a),repeating-linear-gradient(-45deg,#eceef2 0,#eceef2 14px,#f5f7fa 14px,#f5f7fa 28px)}.core-values{padding:48px 0 92px;background-color:#f3f3f4}.core-values-header{margin-bottom:34px}.core-values-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.core-value-card{text-align:center;padding:8px 14px}.core-value-icon{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#f26726;font-size:22px;margin-bottom:12px}.core-value-icon-image{width:64px;height:64px;object-fit:contain;display:block}.core-value-card h3{font-size:18px;line-height:1.45;color:#f26726;margin-bottom:8px}.core-value-card p{font-size:16px;line-height:1.6;color:#4f5460}.company-activities{padding:48px 0 88px;background-color:#f1f1f2}.company-activities-header{margin-bottom:26px}.activities-carousel{position:relative;max-width:1040px;margin:0 auto}.activities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.activity-card{border-radius:14px;overflow:hidden;min-height:254px;background-color:#dfe2e7;box-shadow:0 8px 24px #0000001f}.activity-card-image,.activity-card-placeholder{width:100%;height:100%;min-height:254px;display:block}.activity-card-image{object-fit:cover}.activity-card-placeholder{background:linear-gradient(180deg,#fff9,#fff9),repeating-linear-gradient(-45deg,#e7e9ee 0,#e7e9ee 14px,#f4f6fa 14px,#f4f6fa 28px)}.activities-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid #c7ccd5;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.activities-arrow--prev{left:-14px}.activities-arrow--next{right:-14px}.activities-arrow:hover{background:#f26726;border-color:#f26726;color:#fff}.activities-dots{margin-top:16px;display:flex;justify-content:center;gap:6px}.activities-dot{width:12px;height:12px;border-radius:999px;border:0;background:#d3d5d9;cursor:pointer}.activities-dot.is-active{background:#6f737a}@media(max-width:768px){.about-banner-section{padding:0}.brand-showcase{padding:28px 0 56px}.brand-showcase-grid{grid-template-columns:1fr;gap:22px}.brand-card-media{min-height:220px}.brand-card-click-hint{font-size:11px;padding:7px 12px}.brand-card-product{left:48px;right:18px;transform:scale(.9);transform-origin:left bottom}.brand-card-vintage{left:80px;right:18px;gap:12px;transform:scale(.9);transform-origin:right bottom}.brand-card-body h3{font-size:28px}.brand-card-body p{font-size:15px}.brand-modal{border-radius:16px}.brand-modal-header h3{font-size:24px}.brand-modal-intro-content h4{font-size:32px}.brand-modal-intro-content h4 span{display:block;font-size:18px;margin-top:2px}.brand-modal-cta{font-size:18px;min-width:104px}.brand-modal-content p{font-size:17px}.brand-modal-website{font-size:16px;align-items:flex-start;flex-wrap:wrap}.vision-mission{padding:8px 0 56px}.vision-mission-header{margin-bottom:28px}.vision-mission-list{gap:20px}.vision-mission-row,.vision-mission-row--reverse{direction:ltr;grid-template-columns:1fr;gap:18px}.vision-mission-content{text-align:center}.vision-mission-icon{margin-left:auto;margin-right:auto}.vision-mission-content h3{font-size:32px}.vision-mission-content p{font-size:16px;line-height:1.7;margin-left:auto;margin-right:auto}.vision-mission-image-wrap,.vision-mission-image,.vision-mission-image-placeholder{min-height:240px}.core-values{padding:34px 0 56px}.core-values-grid{grid-template-columns:1fr;gap:22px}.core-value-card{padding:6px 8px}.core-value-card h3{font-size:30px}.company-activities{padding:34px 0 56px}.activities-grid{grid-template-columns:1fr;gap:14px}.activity-card:nth-child(n+2){display:none}.activities-arrow--prev{left:-4px}.activities-arrow--next{right:-4px}.activity-card,.activity-card-image,.activity-card-placeholder{min-height:220px}}.jobs{padding:80px 0;background-color:var(--bg-light)}.filter-section{padding:40px 0;background-color:var(--bg-light)}.advanced-filter-box{background-color:var(--white);border-radius:12px;padding:25px;box-shadow:var(--shadow);margin-bottom:0}.filter-row-main{display:flex;gap:15px;align-items:center;margin-bottom:20px}.filter-row-secondary{display:flex;gap:15px;align-items:center}.filter-select{flex:1}.filter-select select{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-dark);background-color:var(--input-bg);cursor:pointer;outline:none;transition:all .3s}.filter-select select:hover{border-color:var(--primary-color)}.filter-search{flex:2;display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .3s}.filter-search:focus-within{border-color:var(--primary-color)}.filter-search i{color:var(--text-light);font-size:16px}.filter-search input{border:none;outline:none;width:100%;font-size:14px;background-color:transparent;color:var(--text-dark)}.btn-filter-search{padding:12px 35px;background-color:#4caf50;color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-filter-search:hover{background-color:#45a049;transform:translateY(-2px)}.btn-filter-toggle{padding:12px 25px;background-color:var(--white);color:var(--text-dark);border:1px solid var(--border-color);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-clear-filter{padding:12px 25px;background-color:transparent;color:var(--text-dark);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-clear-filter:hover{color:var(--primary-color);background-color:var(--bg-light)}.job-filters{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{padding:10px 25px;border:2px solid var(--border-color);background-color:var(--white);color:var(--text-dark);border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s}.filter-btn:hover,.filter-btn.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:50px}.jobs-empty-hint{color:var(--text-light);font-size:.95rem;line-height:1.5;text-align:center;padding:1rem .5rem;max-width:520px;margin:0 auto}.jobs-empty-hint--full{grid-column:1 / -1;max-width:none}.job-card{background-color:var(--white);border:1px solid rgba(249,132,68,.18);border-radius:14px;padding:18px 18px 16px;box-shadow:0 8px 24px #2222220f;transition:all .3s;cursor:pointer}.job-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2222221a;border-color:#f9844459}.job-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.job-card-title-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.job-badge{padding:5px 12px;background-color:#4caf50;color:var(--white);border-radius:15px;font-size:12px;font-weight:600}.job-badge.hot{background-color:#f44336}.job-card h3{font-size:15px;margin-bottom:0;line-height:1.45;color:var(--text-dark)}.job-card-action{border:none;background:transparent;color:var(--primary-color);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;padding:0}.job-card-action:hover{color:var(--primary-dark)}.company-name,.job-location{color:var(--text-light);font-size:14px;display:flex;align-items:center;gap:8px}.job-tags{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 16px}.tag{padding:5px 11px;background-color:#fff7ef;color:var(--primary-color);border:1px solid rgba(249,132,68,.22);border-radius:999px;font-size:12px;font-weight:500}.job-card-meta-list{display:flex;flex-direction:column;gap:10px}.salary{color:#646464;font-weight:600;display:flex;align-items:center;gap:8px}.job-card-meta-list .salary i,.job-card-meta-list .company-name i,.job-card-meta-list .job-location i{width:14px;color:#969696}.btn-apply{padding:8px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s}.btn-apply:hover{background-color:var(--primary-dark)}.load-more{text-align:center}.btn-load-more{padding:15px 40px;border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.btn-load-more:hover{background-color:var(--primary-color);color:var(--white)}.cta{padding:100px 0;background:linear-gradient(135deg,#ff5722,#ff6f3c,#ff8a65);color:var(--white);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 50%);background-size:100% 100%}.cta-content{text-align:center;position:relative;z-index:1}.cta h2{font-size:40px;margin-bottom:20px;font-weight:700}.cta p{font-size:19px;margin-bottom:35px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.btn-cta{padding:16px 45px;background-color:var(--white);color:var(--primary-color);border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s}.btn-cta:hover{transform:scale(1.05);box-shadow:0 5px 20px #0003}.hot-jobs{padding:40px 0 80px;background-color:var(--white)}.hot-jobs-list{display:flex;flex-direction:column;gap:20px;margin-bottom:50px}.hot-job-card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:25px;transition:all .3s;cursor:pointer}.hot-job-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hot-job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.hot-job-header-main{display:flex;align-items:flex-start;gap:16px;min-width:0}.hot-job-card .company-logo{width:70px;height:70px;min-width:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:12px;display:flex;align-items:center;justify-content:center}.hot-job-card .company-logo i{font-size:32px;color:var(--white)}.hot-job-title-group{display:flex;flex-direction:column;gap:10px}.hot-job-title-group h3{font-size:20px;color:var(--text-dark)}.hot-job-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hot-job-meta .job-location{grid-column:1 / -1}.hot-job-meta .company-name,.hot-job-meta .job-location,.hot-job-meta .salary{color:var(--text-light);font-size:14px;display:flex;align-items:center;gap:8px}.hot-job-card .job-tags{margin:18px 0}.hot-job-meta .salary{color:var(--primary-color);font-weight:600;font-size:16px}.hot-job-title-group .job-badge{padding:6px 14px;background-color:#f44336;color:var(--white);border-radius:15px;font-size:12px;font-weight:600;white-space:nowrap}.hot-job-header .btn-apply{padding:10px 25px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;white-space:nowrap}.hot-job-footer .btn-apply:hover{background-color:var(--primary-dark);transform:scale(1.05)}.footer{background-color:var(--secondary-color);color:var(--white);padding:36px 0 18px}.footer-content{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(140px,.7fr) minmax(160px,.85fr) minmax(290px,1.3fr);gap:28px;margin-bottom:18px}.footer-brand{padding-right:18px}.footer-logo{margin-bottom:18px;display:flex;align-items:center;gap:14px}.footer-logo i{color:var(--primary-color)}.footer-logo .footer-company-name{color:var(--primary-color);display:flex;flex-direction:column;align-items:flex-start;font-size:23px;font-weight:700;line-height:1.1}.footer-logo .footer-company-name>span{font-size:18px;text-transform:uppercase;display:block}.footer-logo img{max-height:74px;width:auto}.footer-slogan{margin-top:0;font-style:italic;line-height:1.5;font-weight:600;opacity:.96}.footer-col p{margin-bottom:0;opacity:.9;line-height:1.5}.footer-col h4{margin-bottom:18px;font-size:16px;font-weight:700}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:14px}.footer-col ul li a{color:var(--white);text-decoration:none;opacity:.88;transition:all .3s}.footer-col ul li a:hover{opacity:1;color:var(--primary-color)}.social-links{display:flex;gap:16px;margin-top:24px;padding-left:64px}.social-links .facebook{background:#1877f2}.social-links .youtube{background:red}.social-links .linkedin{background:#0077b5}.social-links a{width:32px;height:32px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:all .3s;text-decoration:none}.social-links a:hover{transform:translateY(-3px)}.footer-contact-col{min-width:0}.footer-contact-list{display:flex;flex-direction:column;gap:12px}.footer-contact-item{display:flex;align-items:center;gap:10px}.footer-contact-item--top{align-items:flex-start}.footer-contact-icon{width:18px;height:18px;min-width:18px;border-radius:50%;background:#ff9a60;color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:10px;margin-top:2px}.footer-contact-text{font-size:13px;line-height:1.45;opacity:.94}.footer-contact-text strong{color:#ffd2b7;font-weight:700}.footer-contact-addresses{display:flex;flex-direction:column;gap:4px}.footer-copy-btn{border:0;background:transparent;color:var(--white);font:inherit;cursor:pointer;text-align:left;padding:0}.footer-copy-btn:hover{color:#ffd2b7}.footer-copy-status{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:#ffd2b7}.footer-map-link{color:var(--white);text-decoration:none;transition:color .2s ease}.footer-map-link:hover{color:#ffd2b7}.footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:20px;opacity:.5;text-align:left;font-size:13px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--white);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}@media(max-width:1024px){.hero{min-height:450px;padding:50px 0}.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.section-header h2{font-size:34px}.stat-item{padding:36px 20px}.stat-item h3{font-size:36px}.footer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-brand{grid-column:span 2;padding-right:0}.social-links{padding-left:0}.admin-main{padding:1.5rem}}@media(max-width:768px){.nav-wrapper{display:flex;align-items:center;flex-wrap:wrap;row-gap:8px}.nav-right-wrapper{display:contents;margin-left:0}.logo{order:2}.logo-slogan{order:1;width:100%;display:flex;align-items:center;min-height:20px;padding-left:20px;text-align:left;font-size:18px;line-height:1.3;white-space:nowrap}.nav-menu{display:block;order:3;width:auto;flex:0;margin-left:10px}.nav-menu ul{justify-content:flex-start;flex-wrap:nowrap;gap:8px}.nav-menu a{font-size:13px;padding:9px 20px;min-width:100px;justify-content:center}.nav-item-home{display:none}.header-tools-row{order:4;margin-left:auto;gap:6px}.logo-img{height:75px}.logo-brand{font-size:18px}.header-socials{display:none}.mobile-platform-menu{display:block}.btn-theme-toggle{width:34px;height:34px;font-size:13px}.hero{min-height:260px;padding:35px 0;width:100%;border-radius:0}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.stats{margin-top:-30px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-item{padding:24px 14px}.stat-item i{font-size:48px}.stat-item h3{font-size:36px}.filter-row-main,.filter-row-secondary{flex-direction:column}.filter-select,.filter-search,.btn-filter-search,.btn-filter-toggle,.btn-clear-filter{width:100%}.jobs-grid{grid-template-columns:1fr}.job-card-top{flex-direction:column}.job-tags{margin:16px 0}.job-card-meta-list{flex-direction:column;align-items:flex-start;gap:10px}.job-card-meta-list .job-location{white-space:normal;overflow:visible;text-overflow:unset}.job-card-action{width:auto}.hot-job-card{padding:22px}.hot-job-header{flex-direction:column;width:100%}.hot-job-header-main{width:100%}.hot-job-card .job-tags{margin:16px 0}.hot-job-header .btn-apply{width:100%}.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{padding-right:0}.social-links{padding-left:0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.section-header h2{font-size:28px}.cta{padding:60px 0}.cta h2{font-size:28px}.cta p{font-size:16px}}@media(max-width:480px){.footer{padding:30px 0 16px}.footer-content{grid-template-columns:1fr;gap:24px}.footer-logo{gap:12px}.footer-logo img{max-height:62px}.footer-logo .footer-company-name{font-size:20px}.footer-logo .footer-company-name>span{font-size:16px}.footer-bottom{gap:12px}}@media(max-width:480px){.nav-wrapper{align-items:center}.nav-right-wrapper{display:contents}.header-tools-row{gap:4px;margin-left:auto}.mobile-platform-toggle{width:36px;height:36px;font-size:17px}.nav-controls{gap:6px}.nav-menu{width:auto;margin-left:8px}.nav-menu a{font-size:12px;padding:8px 16px;min-width:120px;justify-content:center}.btn-theme-toggle{width:30px;height:30px;font-size:12px}.nav-actions{display:none}.logo{gap:10px}.logo-img{height:60px}.logo-brand{font-size:16px}.logo-slogan{font-size:18px;line-height:1.3}.hero{min-height:240px;padding:28px 0;width:100%;border-radius:0}.hero-title{font-size:22px}.hero-subtitle{font-size:14px}.stats{margin-top:-25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-item{padding:18px 10px}.stat-item i{font-size:34px}.stat-item h3{font-size:30px}.stat-item p{font-size:14px;line-height:1.45}.hot-job-info h3{font-size:18px}.hot-job-card .company-logo{width:60px;height:60px;min-width:60px}.hot-job-card .company-logo i{font-size:28px}.cta{padding:50px 20px}.cta h2{font-size:24px}.cta p{font-size:15px}.btn-cta{padding:14px 35px;font-size:15px}}.job-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.job-modal-overlay.open{opacity:1;visibility:visible}.job-modal{background:var(--white);border-radius:16px;border:1px solid var(--border-color);width:100%;max-width:760px;max-height:88vh;overflow-y:auto;position:relative;transform:translateY(40px);transition:transform .3s;box-shadow:0 24px 64px #00000059}.job-modal-overlay.open .job-modal{transform:translateY(0)}.modal-close{position:sticky;top:14px;float:right;margin:14px 14px 0 0;width:34px;height:34px;border:none;background:var(--bg-light);border-radius:50%;cursor:pointer;font-size:14px;color:var(--text-dark);display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.modal-close:hover{background:var(--primary-color);color:#fff}.modal-header{display:flex;gap:20px;padding:24px 24px 16px;align-items:flex-start;clear:both}.modal-company-logo{width:70px;height:70px;min-width:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-top:4px}.modal-company-logo i{font-size:30px;color:#fff}.modal-header-info{flex:1}.modal-badges{margin-bottom:6px;min-height:24px}.modal-header-info h2{font-size:20px;color:var(--text-dark);margin-bottom:10px;line-height:1.3}.modal-company,.modal-location,.modal-salary,.modal-type{font-size:13px;color:var(--text-light);margin-bottom:5px;display:flex;align-items:center;gap:7px}.modal-salary{color:var(--primary-color);font-weight:700;font-size:15px}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px 16px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.modal-body{padding:0 24px}.modal-section{padding:18px 0;border-bottom:1px solid var(--border-color)}.modal-section:last-child{border-bottom:none}.modal-section h3{font-size:15px;color:var(--text-dark);margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:8px}.modal-section h3:before{content:"";display:inline-block;width:4px;height:16px;background:var(--primary-color);border-radius:2px}.modal-section p{color:var(--text-light);line-height:1.8;font-size:14px;white-space:pre-wrap}.modal-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.modal-section ul li{color:var(--text-light);font-size:14px;padding-left:22px;position:relative;line-height:1.7}.modal-section ul li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.modal-footer{padding:16px 24px;display:flex;gap:12px;align-items:center;border-top:1px solid var(--border-color);background:var(--bg-light);border-radius:0 0 16px 16px;position:sticky;bottom:0}.btn-apply-modal{flex:1;padding:13px 24px;background:linear-gradient(135deg,#ff5722,#ff8a65);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px #ff572266}.btn-apply-modal:hover{background:linear-gradient(135deg,#e64a19,#ff5722);transform:translateY(-2px);box-shadow:0 8px 20px #ff572280}.btn-modal-close{padding:13px 22px;background:transparent;border:2px solid var(--border-color);color:var(--text-dark);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-modal-close:hover{border-color:var(--primary-color);color:var(--primary-color)}@media(max-width:600px){.modal-header{flex-direction:column;align-items:flex-start}.modal-footer{flex-direction:column}.btn-apply-modal,.btn-modal-close{width:100%;text-align:center}}.apply-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.apply-modal-overlay.open{opacity:1;visibility:visible}.apply-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:36px 32px 32px;position:relative;box-shadow:0 20px 60px #00000040;transform:translateY(20px);transition:transform .3s}.apply-modal-overlay.open .apply-modal{transform:translateY(0)}.apply-modal-header{text-align:center;margin-bottom:28px}.apply-modal-icon{width:60px;height:60px;background:linear-gradient(135deg,#ff5722,#ff8a65);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:22px;color:#fff;box-shadow:0 6px 20px #ff572259}.apply-modal-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.apply-modal-job-title{font-size:14px;color:#ff5722;font-weight:600}.apply-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.form-group label .required{color:#e53935}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{padding:11px 14px;border:1.5px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg, var(--bg-secondary));color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#ff5722;box-shadow:0 0 0 3px #ff57221f}.form-group input.error{border-color:#e53935}.form-error{font-size:12px;color:#e53935;min-height:16px}.cv-upload-area{position:relative;border:2px dashed var(--border-color);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s;overflow:hidden}.cv-upload-area:hover,.cv-upload-area.drag-over{border-color:#ff5722;background:#ff57220a}.cv-upload-area input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.cv-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:6px;pointer-events:none}.cv-upload-placeholder i{font-size:28px;color:#ff5722}.cv-upload-placeholder p{font-size:13px;color:var(--text-secondary);font-weight:500;margin:0}.cv-upload-placeholder span{font-size:11px;color:var(--text-muted, #aaa)}.cv-file-chosen{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ff572212;pointer-events:none}.cv-file-chosen i{font-size:20px;color:#ff5722;flex-shrink:0}.cv-file-chosen span{font-size:13px;color:var(--text-primary);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-remove-btn{pointer-events:all;background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;transition:color .2s}.cv-remove-btn:hover{color:#e53935}.btn-submit-apply{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;background:linear-gradient(135deg,#ff5722,#ff8a65);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px #ff572266;margin-top:4px}.btn-submit-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff572280}.btn-submit-apply:active{transform:translateY(0)}.success-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(100px);z-index:20000;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;pointer-events:none}.success-toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.success-toast-content{display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:16px 22px;box-shadow:0 8px 30px #00000026;width:min(340px,calc(100vw - 32px));border-left:4px solid #43a047}[data-theme=dark] .success-toast-content{background:#2a2a2a}.success-toast-icon{font-size:26px;color:#43a047;flex-shrink:0}.success-toast-text{display:flex;flex-direction:column;gap:2px}.success-toast-text strong{font-size:14px;color:var(--text-primary, #1a1a1a);font-weight:700}.success-toast-text span{font-size:13px;color:var(--text-secondary, #666)}@media(max-width:600px){.apply-modal{padding:28px 18px 24px}}[data-theme=dark] .footer{--white: #e0e0e0}.hero{min-height:clamp(240px,44vw,630px);padding:0;max-width:1440px;margin:0 auto}.hero-slide{background-size:cover;background-position:center}.about-banner-frame{aspect-ratio:16 / 5;min-height:clamp(250px,32vw,520px);max-width:1440px;margin:0 auto;background:linear-gradient(180deg,#fffaf4,#fffdf9)}.about-banner-image{width:100%;height:100%;object-fit:contain;object-position:right center}@media(min-width:1440px){.about-banner-frame{min-height:520px}.about-banner-content{left:120px;top:34px;bottom:30px;width:560px}.about-banner-content h1{font-size:60px}.about-banner-content p{font-size:15px;line-height:1.52}}@media(max-width:1024px){.hero{min-height:clamp(220px,42vw,460px)}.about-banner-frame{aspect-ratio:12 / 5;min-height:clamp(240px,40vw,440px)}.about-banner-content{left:clamp(24px,4.2vw,48px);top:clamp(18px,3vw,32px);bottom:clamp(18px,3vw,28px);width:min(clamp(300px,46vw,500px),calc(100% - 48px))}.about-banner-content h1{font-size:clamp(30px,3.6vw,52px)}.about-banner-content p{font-size:clamp(12px,1.1vw + .25rem,16px);line-height:1.46}}@media(max-width:768px){.hero{min-height:clamp(190px,52vw,320px)}.about-banner-frame{aspect-ratio:4 / 3;min-height:clamp(300px,76vw,500px)}.about-banner-image{object-fit:cover;object-position:right center}.about-banner-content{left:16px;right:16px;width:auto;top:16px;bottom:auto;transform:none;background:#fffaf4e6;border:1px solid rgba(242,103,38,.2);border-radius:16px;padding:14px 14px 12px;box-shadow:0 10px 24px #1f140a1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.about-banner-content h1{font-size:clamp(24px,6.8vw,34px)}.about-banner-content p{font-size:clamp(13px,2.1vw,15px);line-height:1.5}}@media(max-width:480px){.hero{min-height:clamp(170px,56vw,260px)}.about-banner-frame{aspect-ratio:5 / 3;min-height:clamp(290px,90vw,420px)}.about-banner-content{left:12px;right:12px;top:12px;padding:12px}.about-banner-divider{margin:10px 0 12px;height:3px;width:88px}.about-banner-content p{font-size:clamp(11px,3.2vw,13px);line-height:1.45}}html,body,#root{width:100%;min-height:100%}html{min-height:100dvh}.admin-login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:1rem}.admin-login-form{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 25px 50px #00000040}.admin-login-logo{text-align:center;margin-bottom:2rem}.admin-login-logo i{font-size:2.5rem;color:#2563eb}.admin-login-logo h1{margin:.5rem 0 0;color:#0f172a;font-size:1.5rem}.admin-layout{display:flex;min-height:100vh;min-height:100dvh;background:#f1f5f9}.admin-sidebar{width:260px;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;transition:width .3s;position:fixed;top:0;left:0;bottom:0;z-index:100}.admin-layout.sidebar-collapsed .admin-sidebar{width:68px}.admin-layout.sidebar-collapsed .admin-sidebar span{display:none}.admin-layout.sidebar-collapsed .admin-main{margin-left:68px}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid #1e293b}.admin-sidebar-header h2{font-size:1.2rem;margin:0;color:#fff;white-space:nowrap}.admin-sidebar-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;font-size:.875rem}.admin-sidebar-toggle:hover{color:#fff}.admin-nav{flex:1;padding:1rem 0}.admin-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#94a3b8;text-decoration:none;font-size:.9rem;transition:all .2s;border-left:3px solid transparent}.admin-nav a:hover{background:#1e293b;color:#fff}.admin-nav a.active{background:#1e293b;color:#60a5fa;border-left-color:#2563eb}.admin-nav a i{width:20px;text-align:center;font-size:1rem}.admin-sidebar-footer{border-top:1px solid #1e293b;padding:.5rem 0}.admin-sidebar-footer a,.admin-sidebar-footer button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#94a3b8;text-decoration:none;font-size:.85rem;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:color .2s}.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{color:#fff}.admin-sidebar-footer a i,.admin-sidebar-footer button i{width:20px;text-align:center}.admin-main{flex:1;margin-left:260px;padding:2rem;transition:margin-left .3s;min-height:100vh;min-height:100dvh;width:100%;overflow-x:auto}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#64748b;font-size:1rem}.admin-page{max-width:1200px;margin:0 auto}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-page-header h1{margin:0;font-size:1.5rem;color:#0f172a}.admin-page-header p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.admin-stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000f;text-decoration:none;transition:transform .2s,box-shadow .2s;border-left:4px solid var(--accent, #2563eb)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.admin-stat-icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--accent, #2563eb) 12%,transparent);display:flex;align-items:center;justify-content:center}.admin-stat-icon i{font-size:1.25rem;color:var(--accent, #2563eb)}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{font-size:1.75rem;font-weight:700;color:#0f172a;line-height:1}.admin-stat-label{font-size:.8rem;color:#64748b;margin-top:.25rem}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.admin-btn-primary{background:#2563eb;color:#fff}.admin-btn-primary:hover{background:#1d4ed8}.admin-btn-secondary{background:#e2e8f0;color:#475569}.admin-btn-secondary:hover{background:#cbd5e1}.admin-btn-full{width:100%;justify-content:center}.admin-btn-sm{padding:.4rem .75rem;font-size:.8rem}.admin-btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.8rem;padding:0;margin-left:.5rem}.admin-btn-link:hover{text-decoration:underline}.admin-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#f1f5f9;color:#475569;cursor:pointer;transition:all .2s;text-decoration:none}.admin-btn-icon:hover{background:#e2e8f0;color:#0f172a}.admin-btn-icon.admin-btn-danger:hover{background:#fee2e2;color:#dc2626}.admin-btn-icon.admin-btn-view:hover{background:#dbeafe;color:#2563eb}.admin-btn-icon.admin-btn-info:hover{background:#d1fae5;color:#059669}.admin-cv-actions{display:flex;gap:.25rem}.admin-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-search-bar{display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-search-bar input{flex:1;padding:.6rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff}.admin-search-bar input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f8fafc}.admin-table th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.admin-table td{padding:.75rem 1rem;font-size:.875rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.admin-job-title{display:flex;align-items:center;gap:.5rem}.admin-job-title i{color:#2563eb;font-size:.9rem}.admin-actions{display:flex;align-items:center;gap:.35rem}.admin-empty{text-align:center;color:#94a3b8;padding:2rem 1rem!important}.admin-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap}.admin-badge-hot{background:#fee2e2;color:#dc2626}.admin-badge-new{background:#dbeafe;color:#2563eb}.admin-badge-featured{background:#fef3c7;color:#d97706}.admin-badge-active{background:#dcfce7;color:#16a34a}.admin-badge-inactive{background:#f1f5f9;color:#94a3b8}.admin-badge-pending{background:#fef3c7;color:#d97706}.admin-badge-reviewed{background:#dbeafe;color:#2563eb}.admin-badge-accepted{background:#dcfce7;color:#16a34a}.admin-badge-rejected{background:#fee2e2;color:#dc2626}.admin-status-select{padding:.3rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer}.admin-status-select:focus{outline:none;border-color:#2563eb}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem}.admin-pagination span{font-size:.875rem;color:#64748b}.admin-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:1.5rem}.admin-form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.admin-form-section:last-of-type{border-bottom:none;margin-bottom:1rem}.admin-form-section h3{font-size:1rem;color:#0f172a;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.admin-form-section h3 i{color:#2563eb;font-size:.9rem}.admin-hint{font-size:.8rem;color:#94a3b8;margin:-.5rem 0 .75rem}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-col-2{grid-column:span 2}.admin-form-group{display:flex;flex-direction:column;gap:.35rem}.admin-form-group label{font-size:.85rem;font-weight:500;color:#374151;display:flex;align-items:center}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-form-group textarea{resize:vertical;min-height:80px}.admin-checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem}.admin-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151}.admin-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.admin-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem}.admin-inline-form{display:flex;gap:.5rem}.admin-icon-picker{display:flex;align-items:center;gap:.75rem}.admin-icon-picker select{flex:1;padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.admin-icon-preview{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:1.2rem;flex-shrink:0}.admin-inline-form input{flex:1;padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem}.admin-inline-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.admin-inline-card h3{margin:0 0 1rem;font-size:1rem;color:#0f172a}.admin-alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.admin-alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.admin-mobile-menu-btn,.admin-sidebar-backdrop{display:none}@media(max-width:768px){.admin-sidebar{width:260px;transform:translate(-100%);transition:transform .3s ease,width .3s}.admin-layout.mobile-sidebar-open .admin-sidebar{transform:translate(0)}.admin-layout.mobile-sidebar-open .admin-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.admin-sidebar span{display:inline}.admin-sidebar-header h2{display:block}.admin-main{margin-left:0;width:100%;max-width:100%;padding:1rem}.admin-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:1rem;cursor:pointer;margin-bottom:1rem}.admin-form-grid{grid-template-columns:1fr}.admin-col-2{grid-column:span 1}.admin-page-header{flex-direction:column}.admin-stats-grid{grid-template-columns:1fr}}