body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--accent-color:#008bad;--accent-hover:#007a9a;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--background-dark:#000000e6;--background-overlay:#000000b3;--card-background:#ffffff0d;--border-color:#ffffff1a;--shadow-light:#00d4ff1a;--shadow-medium:#00d4ff33}.certification-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.certification-badge{border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;height:80px;max-width:80px;object-fit:contain;transition:all .3s ease;width:auto}.certification-badge:hover{box-shadow:0 12px 24px #00d4ff66;position:relative;transform:translateY(-4px) scale(1.8);z-index:10}body{color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;scroll-behavior:smooth}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #008bad;outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out}.App{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);min-height:100vh}.hero-container{display:flex;max-width:100%;min-height:100vh;position:relative}.hero-container:before{background:radial-gradient(circle at 20% 80%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#00d4ff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.left-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000e6,#000000b3);background:linear-gradient(135deg,var(--background-dark) 0,var(--background-overlay) 100%);color:#fff;color:var(--text-primary);display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(20px,3vh,32px);max-width:100%;min-width:320px;padding:clamp(40px,8vw,80px) clamp(24px,5vw,80px);position:relative;z-index:2}.left-panel:before{background:linear-gradient(45deg,#0000,#00d4ff08 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-section,.intro-section,.social-links{position:relative;z-index:3}.intro-section{animation:fadeIn 1s ease-out;flex-shrink:0;max-width:800px}.intro-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:300;letter-spacing:-.02em;line-height:1.15;margin-bottom:clamp(16px,3vh,24px)}.name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#008bad);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;display:block;font-weight:700}.intro-subtitle{color:#fffc;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.2rem);font-weight:400;letter-spacing:.1em;margin-bottom:clamp(16px,3vh,24px);text-transform:uppercase}.personal-pitch{color:#fff9;color:var(--text-muted);font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.7;max-width:100%}.blog-floating-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 16px #0000004d;color:#fffc;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px;position:absolute;right:20px;text-decoration:none;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.blog-floating-btn:hover{background:#008bad33;border-color:#008bad;border-color:var(--accent-color);box-shadow:0 6px 20px #008bad66;color:#008bad;color:var(--accent-color);transform:translateY(-2px)}.blog-floating-btn svg{height:20px;width:20px}.blog-btn-text{white-space:nowrap}.blog-btn-mobile{display:none}.blog-btn-desktop{display:flex}.chat-section{animation:fadeIn 1.2s ease-out;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%}.chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 4px}.chat-title{color:#fffc;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.chat-header-buttons{align-items:center;display:flex;gap:12px}.gen-ai-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .3s ease}.gen-ai-btn-appear{animation:genAiAppear 1.4s cubic-bezier(.34,1.56,.64,1)}@keyframes genAiAppear{0%{opacity:0;transform:scale(1) rotate(0deg)}30%{opacity:1;transform:scale(1.8) rotate(0deg)}50%{transform:scale(1) rotate(0deg)}55%{transform:scale(1) rotate(-15deg)}60%{transform:scale(1) rotate(15deg)}65%{transform:scale(1) rotate(-12deg)}70%{transform:scale(1) rotate(12deg)}75%{transform:scale(1) rotate(-9deg)}80%{transform:scale(1) rotate(9deg)}85%{transform:scale(1) rotate(-5deg)}90%{transform:scale(1) rotate(5deg)}95%{transform:scale(1) rotate(-2deg)}98%{transform:scale(1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.gen-ai-icon{height:32px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.gen-ai-btn:hover .gen-ai-icon{animation:genAiPulse .6s ease-in-out;height:38px;width:38px}@keyframes genAiPulse{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(-180deg)}to{transform:scale(1) rotate(-1turn)}}.clear-chat-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:20px;color:#fff9;color:var(--text-muted);cursor:pointer;display:flex;gap:8px;height:auto;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clear-chat-btn-text{display:inline-block;font-size:.85rem;font-weight:500;max-width:0;opacity:0;transition:all .3s ease}.clear-chat-btn:hover{background:#ffffff1a;border-color:#008bad;border-color:var(--accent-color);color:#008bad;color:var(--accent-color);min-width:180px;padding:0 16px}.clear-chat-btn:hover .clear-chat-btn-text{margin-left:4px;max-width:150px;opacity:1}.feedback-header-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:20px;color:#fff9;color:var(--text-muted);cursor:pointer;display:flex;gap:8px;height:auto;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.feedback-header-btn-text{display:inline-block;font-size:.85rem;font-weight:500;max-width:0;opacity:0;transition:all .3s ease}.feedback-header-btn:hover{background:#ffffff1a;border-color:#008bad;border-color:var(--accent-color);color:#008bad;color:var(--accent-color);min-width:140px;padding:0 16px}.feedback-header-btn:hover .feedback-header-btn-text{margin-left:4px;max-width:100px;opacity:1}.chat-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex:0 0 auto;flex-direction:column;height:clamp(400px,50vh,600px);margin-bottom:16px;overflow:hidden}.messages{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:24px 24px 8px}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:#0000}.messages::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-color);border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#008bad;background:var(--accent-color)}.message{animation:slideUp .4s ease-out;display:flex;margin-bottom:8px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.95rem;line-height:1.5;max-width:85%;padding:16px 20px;position:relative;transition:all .2s ease}.message-content ol,.message-content ul{list-style-position:outside!important;margin:8px 0!important;padding-left:24px!important}.message-content ol{list-style-type:decimal!important}.message-content ul{list-style-type:disc!important}.message-content ol li,.message-content ul li{display:list-item!important;line-height:1.5;margin:2px 0!important;padding-left:4px}.message.user .message-content{background:linear-gradient(135deg,#008bad,#007a9a);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);box-shadow:0 4px 16px #00d4ff1a;box-shadow:0 4px 16px var(--shadow-light);color:#fff}.message.assistant .message-content{background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.message-timestamp{color:#fff9;color:var(--text-muted);font-size:.55rem;margin-top:4px;opacity:.7;text-align:right}.message.assistant .message-timestamp{text-align:left}.typing-indicator{display:flex;gap:4px;margin-bottom:8px}.typing-indicator span{animation:pulse 1.4s ease-in-out infinite;background:#008bad;background:var(--accent-color);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0}.loading-text{color:#fff9;color:var(--text-muted);font-size:.9rem;font-style:italic}.suggested-questions{align-items:flex-end;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:12px;width:100%}.suggestion-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;color:#fffc;color:var(--text-secondary);cursor:pointer;font-size:.85rem;line-height:1.4;max-width:85%;padding:10px 14px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:normal}.suggestion-btn:hover{background:#008bad26;border-color:#008bad;border-color:var(--accent-color);box-shadow:0 4px 12px #008bad33;color:#008bad;color:var(--accent-color);transform:translateY(-2px)}.suggestion-btn:active{transform:translateY(0)}.input-container{align-items:center;background:#0000;display:flex;flex-shrink:0;gap:16px;padding:0;transition:all .3s ease}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;color:#fff;color:var(--text-primary);flex:1 1;font-size:clamp(.9rem,1.5vw,.95rem);min-width:0;outline:none;padding:clamp(14px,2vw,16px) clamp(20px,3vw,24px);transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input::placeholder{color:#fff9;color:var(--text-muted)}.chat-input:focus{background:#ffffff14;border-color:#008bad;border-color:var(--accent-color);box-shadow:0 0 0 4px #00d4ff1a}.send-button{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#008bad,#007a9a);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border:none;border-radius:50%;box-shadow:0 4px 16px #00d4ff1a;box-shadow:0 4px 16px var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:clamp(45px,8vw,50px);justify-content:center;min-height:44px;min-width:44px;transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(45px,8vw,50px)}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateX(20px)}to{opacity:1;transform:scale(1) translateX(0)}}.send-icon{height:24px;transition:transform .2s ease;width:24px}.send-button:hover:not(:disabled){box-shadow:0 8px 24px #00d4ff33;box-shadow:0 8px 24px var(--shadow-medium);transform:translateY(-2px) scale(1.05)}.send-button:hover:not(:disabled) .send-icon{transform:scale(1.1)}.send-button:disabled{background:#ffffff1a;background:var(--border-color);box-shadow:none;cursor:not-allowed;transform:none}.social-links{animation:fadeIn 1.4s ease-out;display:flex;flex-shrink:0;gap:20px;justify-content:center}.social-link{text-decoration:none;transition:transform .2s ease}.social-link:hover{transform:translateY(-2px)}.social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;height:clamp(45px,8vw,50px);justify-content:center;min-height:44px;min-width:44px;transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(45px,8vw,50px)}.social-icon svg{height:22px;width:22px}.social-icon:hover{box-shadow:0 12px 28px #0006;transform:scale(1.15) translateY(-2px)}@media (hover:none){.social-icon:hover{box-shadow:0 2px 8px #0003;transform:none}}.social-icon.linkedin:hover{background:#0077b5;border-color:#0077b5;color:#fff}.social-icon.github:hover{background:#333;border-color:#333;color:#fff}.social-icon.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#0000;color:#fff}.right-panel{flex:0 0 auto;min-height:100vh;overflow:hidden;position:relative;width:min(50vw,800px)}.background-slideshow{height:100%;position:relative;width:100%}.background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:sepia(8%) saturate(1.3) hue-rotate(-5deg);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 2s ease-in-out;width:100%}.background-image.active{opacity:1;z-index:1}.background-image:after{background:linear-gradient(90deg,#0000001a,#0000 30%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.quick-info-section{background:linear-gradient(135deg,#111,#0f0f0f);overflow:hidden;padding:100px 60px;position:relative}.quick-info-section:before{background:radial-gradient(circle at 80% 20%,#00d4ff0d 0,#0000 50%),radial-gradient(circle at 20% 80%,#00d4ff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.info-cards{grid-gap:clamp(24px,4vw,40px);display:grid;gap:clamp(24px,4vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:clamp(32px,5vw,40px) clamp(24px,4vw,32px);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(135deg,#0000,#00d4ff05 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.info-card:hover{border-color:#008bad;border-color:var(--accent-color);box-shadow:0 20px 40px #0006,0 0 0 1px #00d4ff33,0 8px 32px #00d4ff26;transform:translateY(-8px) scale(1.02)}@media (hover:none){.info-card:hover{box-shadow:0 4px 6px #0000001a;transform:none}}.info-card:hover .card-icon{color:#008bad;color:var(--accent-color);transform:scale(1.1)}.card-icon{color:#fffc;color:var(--text-secondary);display:flex;justify-content:center;margin-bottom:24px;transition:all .3s ease}.info-card h3{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}.info-card p{color:#fff9;color:var(--text-muted);font-size:.95rem;line-height:1.6}.contact-footer{background:linear-gradient(135deg,#0a0a0a,#151515);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);margin-top:0;padding:60px 0;width:100%}.contact-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 60px}.contact-info{display:flex;flex-wrap:wrap;gap:40px}.contact-item{align-items:center;color:#fffc;color:var(--text-secondary);display:flex;font-size:.95rem;gap:12px;position:relative}.contact-item:hover,.contact-item:hover .contact-icon{color:#008bad;color:var(--accent-color)}.contact-item:hover .contact-icon{transform:scale(1.1)}.contact-icon{align-items:center;background:#ffffff0d;background:var(--card-background);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:50%;color:#fff9;color:var(--text-muted);display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.colombia-flag{border-radius:4px;box-shadow:0 2px 8px #0000004d;margin-left:8px;overflow:hidden;transition:transform .2s ease}.colombia-flag:hover{transform:scale(1.1)}@media (max-width:1200px){.hero-container{flex-direction:column}.left-panel{max-width:100vw;min-height:auto;position:relative;width:100%}.right-panel{max-height:50vh;min-height:40vh;width:100%}.blog-btn-mobile{display:flex;position:absolute;right:20px;top:20px;z-index:1000}.blog-btn-desktop{display:none}}@media (max-width:900px) and (min-width:769px){.info-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.right-panel{max-height:35vh;min-height:30vh}.quick-info-section{padding:clamp(60px,10vh,80px) clamp(20px,5vw,30px)}.info-cards{gap:clamp(24px,4vw,30px);grid-template-columns:1fr}.contact-content{padding:0 clamp(20px,5vw,30px)}.contact-info{flex-wrap:wrap;gap:clamp(20px,4vw,30px);justify-content:center}.contact-item{font-size:.9rem}}@media (max-width:480px){.right-panel{display:none}.left-panel{min-height:100vh}.chat-header{flex-wrap:wrap;gap:12px}.clear-chat-btn{min-height:44px;min-width:44px}.messages{padding:16px}.message-content{font-size:.9rem;max-width:90%;padding:14px 18px}.social-links{gap:clamp(12px,3vw,16px)}.contact-info{align-items:center;flex-direction:column;gap:clamp(16px,3vw,20px)}.contact-item{flex-wrap:wrap;justify-content:center}.contact-footer{padding:clamp(32px,6vh,40px) 0}.certification-badges{gap:8px}.certification-badge{height:60px;max-width:60px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;padding:0;width:800px}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:50%;color:#fff9;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:#ffffff1a;border-color:#008bad;border-color:var(--accent-color);color:#008bad;color:var(--accent-color);transform:rotate(90deg)}.modal-body{color:#fff;color:var(--text-primary);flex:1 1;max-height:calc(90vh - 90px);min-height:200px;overflow-y:auto;padding:32px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#4a90e24d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4a90e280}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #4a90e21a;border-radius:50%;border-top:4px solid var(--accent-color);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner p{color:#fff9;color:var(--text-muted);font-size:.95rem}.analytics-summary{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:32px;padding-bottom:24px}.analytics-summary p{margin:0;white-space:pre-wrap}.sentiment-analysis{margin-top:24px}.sentiment-analysis h3{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 20px}.sentiment-bars{display:flex;flex-direction:column;gap:16px}.sentiment-bar-item{display:flex;flex-direction:column;gap:6px}.sentiment-label{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.sentiment-name{color:#fff;color:var(--text-primary);font-weight:500}.sentiment-percentage{color:#fff9;color:var(--text-muted);font-size:.85rem;font-weight:600}.sentiment-bar-bg{background:#ffffff0d;height:12px;width:100%}.sentiment-bar-bg,.sentiment-bar-fill{border-radius:6px;overflow:hidden;position:relative}.sentiment-bar-fill{height:100%;transition:width .6s ease-out}.sentiment-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sentiment-bar-fill.recruiter{background:linear-gradient(90deg,#4a90e2,#5ba3f5);box-shadow:0 2px 8px #4a90e24d}.sentiment-bar-fill.casual{background:linear-gradient(90deg,#50c878,#66d98b);box-shadow:0 2px 8px #50c8784d}.sentiment-bar-fill.boundary-violation{background:linear-gradient(90deg,#ff6b6b,#ff8787);box-shadow:0 2px 8px #ff6b6b4d}.sentiment-bar-fill.frustration{background:linear-gradient(90deg,orange,#ffb733);box-shadow:0 2px 8px #ffa5004d}.session-metrics{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px}.session-metrics h3{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 20px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.metric-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.metric-card:hover{background:#ffffff0d;transform:translateY(-2px)}.metric-card.highlight,.metric-card:hover{border-color:#008bad;border-color:var(--accent-color)}.metric-card.highlight{background:#4a90e21a}.metric-icon{font-size:2rem;line-height:1}.metric-icon-image{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}.metric-icon-image img{height:100%;object-fit:contain;width:100%}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.metric-label{color:#fff9;color:var(--text-muted);font-size:.85rem;font-weight:500}.metric-value{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700}.metric-card.highlight .metric-value{color:#008bad;color:var(--accent-color)}.metrics-details{background:#ffffff05;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:12px;padding:16px}.details-title{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:12px}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{align-items:center;background:#ffffff05;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.detail-label{color:#fff9;color:var(--text-muted);font-size:.85rem}.detail-value{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600}.feedback-modal-overlay{z-index:2000}.feedback-modal{max-width:520px;padding:32px 40px;position:relative;text-align:center;width:90%}.skip-feedback-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:20px;color:#fff9;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:6px;height:auto;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;padding:6px 10px;position:absolute;right:12px;top:12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.skip-feedback-text{display:inline-block;font-size:.85rem;font-weight:500;max-width:0;opacity:0;transition:all .3s ease}.skip-feedback-btn:hover{background:#ffffff1a;border-color:#008bad;border-color:var(--accent-color);color:#008bad;color:var(--accent-color);padding:6px 14px}.skip-feedback-btn:hover .skip-feedback-text{max-width:120px;opacity:1}.feedback-title{color:#fff;color:var(--text-primary);font-size:1.6rem;margin-bottom:14px;margin-top:8px}.feedback-subtitle{color:#fffc;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:24px}.feedback-textarea{background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:120px;padding:16px;resize:none;transition:border-color .3s ease,background .3s ease;width:100%}.feedback-textarea:focus{background:#ffffff1f;border-color:#008bad;border-color:var(--accent-color);outline:none}.feedback-char-count,.feedback-textarea::placeholder{color:#fff9;color:var(--text-muted)}.feedback-char-count{font-size:.8rem;margin-bottom:20px;margin-top:8px;text-align:right}.feedback-buttons{display:flex;justify-content:center}.feedback-btn{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 36px;transition:all .3s ease}.feedback-btn-primary{background:linear-gradient(135deg,#008bad,#007a9a);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);color:#fff}.feedback-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #008bad66;transform:translateY(-2px)}.feedback-btn-primary:disabled{cursor:not-allowed;opacity:.5}.feedback-success{padding:24px 0}.feedback-success .success-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;font-size:2.2rem;height:70px;justify-content:center;margin:0 auto 18px;width:70px}.feedback-success h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:10px}.feedback-success p{color:#fffc;color:var(--text-secondary);font-size:1rem}body:has(.blog-container){background:linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed}.blog-container{margin:0 auto;max-width:1600px;min-height:100vh;padding:60px 20px;position:relative;width:100%}.blog-toc{display:none;left:50%;max-height:calc(100vh - 100px);overflow-y:auto;position:fixed;top:80px;transform:translateX(calc(-50% - 520px));width:280px}@media (min-width:1280px){.blog-toc{display:block}}@media (min-width:1400px){.blog-toc{transform:translateX(calc(-50% - 580px))}}@media (min-width:1600px){.blog-toc{transform:translateX(calc(-50% - 620px))}}.toc-sticky{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:24px}.toc-sticky::-webkit-scrollbar{width:6px}.toc-sticky::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.toc-sticky::-webkit-scrollbar-thumb{background:#008bad80;border-radius:3px}.toc-sticky::-webkit-scrollbar-thumb:hover{background:#008badb3}.toc-sticky h3{border-bottom:2px solid var(--accent-color);color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.toc-sticky nav{display:flex;flex-direction:column;gap:4px}.toc-link{border-left:3px solid #0000;border-radius:8px;color:#fff9;display:block;font-size:.95rem;line-height:1.4;padding:10px 12px;text-decoration:none;transition:all .3s ease}.toc-link:hover{background:#ffffff0d;color:#ffffffe6}.toc-link.active,.toc-link:hover{border-left-color:var(--accent-color);padding-left:16px}.toc-link.active{background:#008bad26;color:var(--accent-color);font-weight:600}.toc-back-to-portfolio{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border-radius:25px;box-shadow:0 4px 16px #008bad4d;color:#fff;display:block;font-size:.95rem;font-weight:600;margin-top:24px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.toc-back-to-portfolio:hover{box-shadow:0 6px 20px #008bad80;transform:translateY(-2px)}.blog-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:900px;padding:60px}.blog-article h1{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:16px}.blog-meta{align-items:center;color:#fff9;display:flex;font-size:.95rem;gap:12px;margin-bottom:40px}.blog-author{color:#ffffffb3;font-weight:500}.blog-separator{color:#fff6}.blog-date{font-weight:400;letter-spacing:.05em}.blog-reading-time{color:#fff9;font-weight:400}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:6px;display:inline-flex;gap:8px;padding:4px 12px}.lang-btn{background:none;border:none;border-radius:4px;color:#fff6;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;transition:all .3s ease}.lang-btn:hover{background:#ffffff0d;color:#ffffffb3}.lang-btn.active{background:#008bad26;color:#008bad;font-weight:700}.lang-btn.active:hover{background:#008bad33;color:#00a0ce}.lang-separator{color:#fff3;font-size:.9rem}.blog-article h2{border-bottom:2px solid var(--accent-color);color:#fff;font-size:2rem;font-weight:600;margin-bottom:24px;margin-top:50px;padding-bottom:12px}.blog-article h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px;margin-top:32px}.blog-article h4{color:#ffffffe6;font-size:1.2rem;font-weight:600;margin-bottom:12px;margin-top:24px}.blog-section{margin-bottom:48px}.blog-article p{color:#ffffffd9;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.blog-article ol,.blog-article ul{color:#ffffffd9;margin:20px 0;padding-left:32px}.blog-article li{font-size:1.05rem;line-height:1.8;margin-bottom:12px}.blog-article ul li{list-style-type:disc}.blog-article ol li{list-style-type:decimal}.blog-article ol ul,.blog-article ul ul{margin-bottom:8px;margin-top:8px}.blog-article strong{color:#fff;font-weight:600}.blog-article em{color:#ffffffe6;font-style:italic}.blog-article code{background:#008bad33;border-radius:4px;color:#00d4ff;font-family:Courier New,monospace;font-size:.95em;padding:2px 8px}.blog-article blockquote{background:#008bad1a;border-left:4px solid var(--accent-color);border-radius:8px;color:#fffffff2;font-size:1.15rem;font-style:italic;margin:28px 0;padding:20px 24px}.blog-article blockquote strong{color:#fff;font-weight:600}.architecture-diagram{margin:40px 0;text-align:center}.architecture-diagram img{border:2px solid #fff3;border-radius:12px;box-shadow:0 8px 24px #0006;height:auto;max-width:100%}.image-caption{color:#ffffffb3;font-size:.95rem;font-style:italic;margin-top:16px}.blog-engagement{background:#008bad1a;border:1px solid #008bad4d;border-radius:12px;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:50px;padding:32px}.blog-engagement,.like-section{align-items:center;display:flex}.like-section{gap:16px}.like-btn{align-items:center;background:#0000;border:2px solid var(--accent-color);border-radius:25px;color:var(--accent-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.like-btn:hover:not(:disabled){background:var(--accent-color);box-shadow:0 6px 20px #008bad66;color:#fff;transform:translateY(-2px)}.like-btn.liked{background:#0000;border-color:#ff6b6b;color:#ff6b6b;cursor:pointer}.like-btn.liked:hover{background:#ff6b6b1a;box-shadow:0 6px 20px #ff6b6b4d;transform:translateY(-2px)}.like-btn.liked svg{fill:#ff6b6b;animation:heartBeat .5s ease}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}}.like-count{color:#ffffffb3;font-size:.95rem;font-weight:500}.share-section{align-items:center;display:flex;gap:12px}.share-label{color:#fffc;font-size:1rem;font-weight:600;margin-right:8px}.share-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.share-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 6px 16px #008bad66;color:#fff;transform:translateY(-3px)}.blog-footer{border-top:1px solid #ffffff1a;margin-top:60px;padding-top:40px;text-align:center}.back-to-portfolio{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);border-radius:25px;box-shadow:0 4px 16px #008bad4d;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.back-to-portfolio:hover{box-shadow:0 6px 20px #008bad80;transform:translateY(-2px)}@media (max-width:768px){.blog-container{padding:40px 20px}.blog-content{padding:32px 24px}.blog-article h1{font-size:1.8rem;margin-bottom:28px}.blog-article h2{font-size:1.5rem;margin-bottom:20px;margin-top:36px}.blog-article h3{font-size:1.3rem;margin-top:28px}.blog-article h4{font-size:1.1rem}.blog-article li,.blog-article p{font-size:1rem}.blog-article blockquote{font-size:1.05rem;padding:16px 20px}.blog-engagement{align-items:flex-start;flex-direction:column;padding:24px}.like-section,.share-section{justify-content:center;width:100%}}
/*# sourceMappingURL=main.5ea0b37b.css.map*/