.hotboss-landing-template{font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.8;color:#e1e8ed;background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 50%,#16213e 100%);padding:0;margin:0;position:relative;min-height:100vh;overflow-x:hidden;word-break:keep-all;word-wrap:break-word;scroll-behavior:smooth}.hotboss-landing-template *,.hotboss-landing-template *::before,.hotboss-landing-template *::after{margin:0;padding:0;box-sizing:border-box}.scroll-progress{position:fixed;top:0;left:0;height:6px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);z-index:10000;transition:width 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px rgba(139,92,246,.8);width:0%;will-change:width}.hotboss-landing-template .hero-section{background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);padding:120px 20px;text-align:center;position:relative;overflow:hidden;margin-bottom:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hotboss-landing-template .floating-animation-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1}.hotboss-landing-template .floating-icon{position:absolute;font-size:80px;opacity:0;animation:floatAcross 18s linear infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));will-change:transform,opacity}.hotboss-landing-template .floating-icon:nth-child(1){animation-delay:0s;top:10%}.hotboss-landing-template .floating-icon:nth-child(2){animation-delay:4s;top:30%}.hotboss-landing-template .floating-icon:nth-child(3){animation-delay:8s;top:50%}.hotboss-landing-template .floating-icon:nth-child(4){animation-delay:12s;top:70%}@keyframes floatAcross{0%{left:-100px;opacity:0;transform:scale(.8) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}100%{left:110%;opacity:0;transform:scale(1.2) rotate(360deg)}}.hotboss-landing-template .hero-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);animation:slideShine 10s infinite linear;will-change:transform}@keyframes slideShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.hotboss-landing-template .hero-section h2{font-size:clamp(36px, 6vw, 54px);font-weight:800;color:#fff;margin-bottom:24px;text-shadow:2px 2px 20px rgba(0,0,0,.5);position:relative;z-index:2;animation:fadeInUp 1s ease-out;word-break:keep-all;letter-spacing:-.02em}.hotboss-landing-template .hero-section .subtitle{font-size:clamp(18px, 3vw, 24px);color:rgba(255,255,255,.95);margin-bottom:40px;position:relative;z-index:2;animation:fadeInUp 1s ease-out 0.3s backwards;font-weight:300;word-break:keep-all;line-height:1.6}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hotboss-landing-template .hero-badges{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:40px 0;position:relative;z-index:2;animation:fadeInUp 1s ease-out 0.6s backwards}.hotboss-landing-template .badge{background:rgba(255,255,255,.25);backdrop-filter:blur(15px);padding:12px 24px;border-radius:30px;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.3);transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:600;word-break:keep-all;will-change:transform}.hotboss-landing-template .badge:hover{background:rgba(255,255,255,.35);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.hotboss-landing-template .content-section{background:#16213e;padding:80px 20px;max-width:1200px;margin:0 auto;position:relative}.hotboss-landing-template .content-section.premium-theme{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);border-top:2px solid rgba(139,92,246,.3);border-bottom:2px solid rgba(139,92,246,.3);box-shadow:inset 0 0 50px rgba(139,92,246,.1),0 10px 40px rgba(139,92,246,.05)}.hotboss-landing-template .content-section h3{font-size:clamp(32px, 5vw, 42px);color:#fff;text-align:center;margin-bottom:60px;font-weight:700;position:relative;text-shadow:0 0 25px rgba(255,255,255,.3);background:linear-gradient(135deg,#c084fc,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:keep-all;letter-spacing:-.01em}.hotboss-landing-template .content-section h3::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:2px;box-shadow:0 0 15px rgba(139,92,246,.5)}.hotboss-landing-template .card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:80px;align-items:stretch}.hotboss-landing-template .solution-card{background:linear-gradient(145deg,#1e293b,#334155);padding:25px 20px;border-radius:24px;box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(139,92,246,.3);position:relative;overflow:hidden;cursor:pointer;text-align:center;will-change:transform;height:280px}.hotboss-landing-template .premium-card{background:linear-gradient(145deg,#374151,#4b5563);padding:25px 20px;border-radius:24px;box-shadow:0 15px 40px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.1);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(139,92,246,.4);position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:center;will-change:transform;height:320px}.hotboss-landing-template .card-title{color:#fff;font-size:16px;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.3);word-break:keep-all;margin-bottom:12px;text-align:center;line-height:1.3;letter-spacing:-.01em}.hotboss-landing-template .card-summary{color:#94a3b8;font-size:13px;line-height:1.4;margin-bottom:15px;text-align:center;font-weight:400;word-break:keep-all;opacity:.9;margin-bottom:0;padding-bottom:90px}.hotboss-landing-template .card-features{display:flex;flex-direction:column;gap:6px;align-items:center;position:absolute;bottom:70px;left:20px;right:20px;min-height:40px;justify-content:center}.hotboss-landing-template .feature-tag{background:rgba(139,92,246,.2);color:#c084fc;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid rgba(139,92,246,.3);text-align:center;word-break:keep-all;backdrop-filter:blur(10px);width:fit-content;transition:all 0.3s ease;white-space:nowrap}.hotboss-landing-template .feature-tag.premium{background:rgba(139,92,246,.3);color:#e2e8f0;border:1px solid rgba(139,92,246,.5)}.hotboss-landing-template .feature-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.hotboss-landing-template .more-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;border:none;padding:12px 20px;border-radius:28px;font-size:13px;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);font-weight:600;box-shadow:0 6px 20px rgba(139,92,246,.3);height:40px;display:flex;align-items:center;justify-content:center;word-break:keep-all;overflow:hidden;will-change:transform;position:absolute;bottom:20px;left:20px;right:20px}.hotboss-landing-template .more-btn.premium{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 6px 20px rgba(139,92,246,.4)}.hotboss-landing-template .more-btn::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 0.5s ease;pointer-events:none}.hotboss-landing-template .more-btn:hover::before{left:100%}.hotboss-landing-template .value-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 25px rgba(139,92,246,.4);transition:all 0.4s cubic-bezier(.4,0,.2,1);animation:floatIcon 4s ease-in-out infinite;will-change:transform}@keyframes floatIcon{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(-5deg)}75%{transform:translateY(8px) rotate(5deg)}}.hotboss-landing-template .solution-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 50px rgba(139,92,246,.4),inset 0 1px 0 rgba(255,255,255,.2);border-color:#c084fc}.hotboss-landing-template .premium-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.2);border-color:#8b5cf6}.hotboss-landing-template .premium-card:hover .value-icon{transform:rotate(360deg) scale(1.2);animation:none;box-shadow:0 15px 40px rgba(139,92,246,.6)}.hotboss-landing-template .more-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px rgba(139,92,246,.5)}.hotboss-landing-template .faq-section{background:linear-gradient(135deg,#1a1f2e 0%,#16213e 50%,#0f1419 100%);padding:80px 40px;max-width:1400px;margin:0 auto;position:relative}.hotboss-landing-template .faq-section h3{font-size:clamp(32px, 5vw, 42px);color:#fff;text-align:center;margin-bottom:60px;font-weight:700;position:relative;text-shadow:0 0 25px rgba(255,255,255,.3);background:linear-gradient(135deg,#c084fc,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:keep-all}.hotboss-landing-template .faq-section h3::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:2px;box-shadow:0 0 15px rgba(139,92,246,.5)}.hotboss-landing-template .faq-container{max-width:1200px;margin:0 auto;width:100%}.hotboss-landing-template .faq-item{background:linear-gradient(145deg,#1e293b,#334155);margin:0 auto 25px auto;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(139,92,246,.2);width:100%}.hotboss-landing-template .faq-item:hover{box-shadow:0 15px 40px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.2);border-color:rgba(139,92,246,.4)}.hotboss-landing-template .faq-question{padding:30px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(6,182,212,.1));cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#fff;font-size:18px;transition:all 0.3s ease;word-break:keep-all}.hotboss-landing-template .faq-question:hover{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(6,182,212,.2))}.hotboss-landing-template .faq-arrow{transition:transform 0.3s cubic-bezier(.4,0,.2,1);color:#c084fc;font-size:24px;font-weight:700;will-change:transform}.hotboss-landing-template .faq-answer{padding:0;max-height:0;overflow:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1);width:100%}.hotboss-landing-template .faq-answer.active{padding:40px 50px;max-height:500px}.hotboss-landing-template .faq-answer p{color:#cbd5e1;line-height:1.8;font-size:16px;word-break:keep-all;margin:0}.hotboss-landing-template .faq-item.active .faq-arrow{transform:rotate(180deg)}.hotboss-landing-template .cta-section{background:linear-gradient(135deg,#8b5cf6,#06b6d4);padding:120px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}.hotboss-landing-template .cta-section::before{content:'';position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);top:-400px;left:-400px;animation:float 15s ease-in-out infinite;will-change:transform}.hotboss-landing-template .cta-section::after{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);bottom:-300px;right:-300px;animation:float 12s ease-in-out infinite reverse;will-change:transform}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.hotboss-landing-template .cta-section h3{font-size:clamp(36px, 6vw, 48px);margin-bottom:25px;position:relative;z-index:2;font-weight:700;word-break:keep-all;letter-spacing:-.01em}.hotboss-landing-template .cta-section p{font-size:clamp(18px, 3vw, 22px);margin-bottom:50px;opacity:.95;position:relative;z-index:2;font-weight:300;word-break:keep-all;line-height:1.6}.hotboss-landing-template .cta-button{display:inline-block;background:rgba(255,255,255,.95);color:#8b5cf6;padding:20px 50px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 15px 40px rgba(0,0,0,.3);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2;word-break:keep-all;overflow:hidden;will-change:transform}.hotboss-landing-template .cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),transparent);transition:left 0.5s ease;pointer-events:none}.hotboss-landing-template .cta-button:hover::before{left:100%}.hotboss-landing-template .cta-button:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 25px 60px rgba(0,0,0,.4);background:#fff}.hotboss-landing-template .brand-footer{background:#0f1419;padding:50px 20px;text-align:center;border-top:1px solid rgba(139,92,246,.3);position:relative}.hotboss-landing-template .brand-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent)}.hotboss-landing-template .brand-footer h4{color:#fff;font-size:26px;margin-bottom:15px;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.3);background:linear-gradient(135deg,#c084fc,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:keep-all}.hotboss-landing-template .brand-footer p{color:#94a3b8;font-size:15px;margin:8px 0;line-height:1.6;word-break:keep-all}.hotboss-landing-template .brand-footer .highlight{color:#06b6d4;font-weight:600}.hotboss-landing-template .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);backdrop-filter:blur(20px);display:none;visibility:hidden;opacity:0;align-items:center;justify-content:center;z-index:999999;padding:20px;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.hotboss-landing-template .modal-content{background:linear-gradient(145deg,#1e293b,#334155);border:2px solid rgba(139,92,246,.6);border-radius:20px;padding:30px;max-width:90vw;max-height:90vh;width:500px;position:relative;color:#e1e8ed;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.9),0 0 0 1px rgba(139,92,246,.4) inset,0 0 50px rgba(139,92,246,.3);transform:scale(.8) translateY(40px);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.hotboss-landing-template .modal-close{position:absolute;top:10px;right:15px;background:rgba(139,92,246,.3);border:2px solid rgba(139,92,246,.5);color:#fff;font-size:20px;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);font-weight:700;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1000000;will-change:transform}.hotboss-landing-template .modal-close:hover{background:rgba(139,92,246,.6);border-color:rgba(139,92,246,.8);transform:scale(1.1) rotate(90deg)}.hotboss-landing-template .modal-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px rgba(255,255,255,.3);word-break:keep-all;line-height:1.3}.hotboss-landing-template .modal-text{color:#cbd5e1;line-height:1.6;font-size:15px;word-break:keep-all}.hotboss-landing-template .modal-text strong{color:#c084fc;font-weight:600}.hotboss-landing-template .modal-text p{margin-bottom:12px}.hotboss-landing-template .modal-text p:last-child{margin-bottom:0}.hotboss-landing-template .solution-card,.hotboss-landing-template .premium-card{opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(.4,0,.2,1)}.hotboss-landing-template .solution-card.revealed,.hotboss-landing-template .premium-card.revealed{opacity:1;transform:translateY(0)}.hotboss-landing-template .solution-card:not(:hover){animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.hotboss-landing-template .solution-card::before,.hotboss-landing-template .premium-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(139,92,246,.2),transparent);transform:rotate(45deg);transition:all 0.6s ease;opacity:0;pointer-events:none}.hotboss-landing-template .solution-card:hover::before,.hotboss-landing-template .premium-card:hover::before{animation:shimmer 1s ease}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}100%{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:0}}.touch-effect{position:fixed;pointer-events:none;z-index:997;width:30px;height:30px;border:3px solid rgba(139,92,246,.8);border-radius:50%;animation:touchRipple 1s ease-out forwards}@keyframes touchRipple{0%{transform:scale(0);opacity:1}100%{transform:scale(6);opacity:0}}@media (max-width:768px){.hotboss-landing-template .card-grid{grid-template-columns:repeat(2,1fr);gap:20px}.hotboss-landing-template .solution-card{height:240px;padding:20px 15px}.hotboss-landing-template .premium-card{height:280px;padding:20px 15px}.hotboss-landing-template .card-features{bottom:60px}.hotboss-landing-template .more-btn{bottom:15px;left:15px;right:15px;height:36px;font-size:12px}.hotboss-landing-template .value-icon{width:50px;height:50px;font-size:22px;margin:0 auto 12px}.hotboss-landing-template .card-summary{display:none}.hotboss-landing-template .card-summary{padding-bottom:70px}.hotboss-landing-template .hero-section{padding:80px 20px;min-height:80vh}.hotboss-landing-template .content-section{padding:60px 20px}.hotboss-landing-template .faq-section{padding:60px 20px}}@media (max-width:480px){.hotboss-landing-template .card-grid{gap:15px}.hotboss-landing-template .solution-card,.hotboss-landing-template .premium-card{border-radius:20px}.hotboss-landing-template .card-title{font-size:15px;margin-bottom:15px}.hotboss-landing-template .card-features{gap:6px;margin-bottom:20px}.hotboss-landing-template .feature-tag{font-size:11px;padding:4px 10px;border-radius:14px}.hotboss-landing-template .more-btn{border-radius:24px}.hotboss-landing-template .faq-question{padding:25px;font-size:16px}.hotboss-landing-template .faq-answer.active{padding:25px}.hotboss-landing-template .faq-answer p{font-size:15px}.hotboss-landing-template .modal-content{width:95vw;padding:25px;margin:10px;border-radius:16px}.hotboss-landing-template .modal-title{font-size:20px;margin-bottom:12px}.hotboss-landing-template .modal-text{font-size:14px}.hotboss-landing-template .hero-section{padding:60px 15px}.hotboss-landing-template .cta-section{padding:80px 15px}.hotboss-landing-template .brand-footer{padding:40px 15px}.hotboss-landing-template .floating-icon{font-size:60px}}@media (prefers-reduced-motion:reduce){.hotboss-landing-template *,.hotboss-landing-template *::before,.hotboss-landing-template *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media print{.hotboss-landing-template .floating-animation-container,.hotboss-landing-template .scroll-progress,.hotboss-landing-template .modal-overlay{display:none!important}.hotboss-landing-template{background:white!important;color:black!important}.hotboss-landing-template .solution-card,.hotboss-landing-template .premium-card{box-shadow:none!important;border:1px solid #ccc!important}}@media (prefers-color-scheme:light){.hotboss-landing-template{}}@media (prefers-contrast:high){.hotboss-landing-template .solution-card,.hotboss-landing-template .premium-card{border-width:2px}.hotboss-landing-template .feature-tag{border-width:2px}}