*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #c5eeff91;--cardbg: #e6ffeb;--box: #e1f0ffb4;--btn: #007bff;--text: #165ab2;--color: #ffff;--bs: 0 1px 3px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06)}html{scroll-behavior:smooth}body{font-family:Segoe UI,Arial,sans-serif;scroll-behavior:smooth;background-color:var(--bg);transition:background-color 1s,color .3s}.scroll-item{opacity:0;transform:translateY(26px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-item.in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.scroll-item{transition:none!important;transform:none!important;opacity:1!important}}#scrollToTopBtn{position:fixed;bottom:30px;right:30px;z-index:100;background-color:#007bff;color:#fff;border:none;outline:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:24px;box-shadow:0 4px 8px #0000004d;display:none;transition:all .3s ease}#scrollToTopBtn:hover{background-color:#0056b3;transform:scale(1.1)}#scrollToTopBtn.show{display:block;animation:fadeIn .3s}.hero{background-color:#bfd5f1;color:#000;text-align:center;padding:80px 20px;position:relative;overflow:hidden}.hero h1{font-size:2.8em;animation:fadeIn 1.2s ease-in}.hero p{max-width:600px;margin:15px auto;font-size:1.1em;animation:fadeIn 2s ease-in}.hero button{background-color:#fff;color:var(--btn);border:none;padding:10px 20px;border-radius:5px;margin-top:20px;cursor:pointer;font-weight:700;transition:background .3s}.hero button:hover{background-color:#e6f0ff;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1100px;margin:40px auto;padding:0 20px}section h2{text-align:center;color:var(--text);margin-bottom:10px;font-size:1.8em}section p.sub{text-align:center;color:#000;margin-bottom:30px}.features{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.feature{background:#f5f5f0;background-color:var(--cardbg);border-radius:10px;padding:20px;width:250px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--bs);transition:transform .3s}.feature:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#79630e,#2f9eaf);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature:hover:before{transform:scaleX(1)}.feature:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.feature h3{color:var(--text);margin-bottom:10px}.feature .video{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;color:#555;cursor:pointer}.video i{margin-top:3px;margin-right:3px;font-size:.9rem;color:#536066}.video p{font-size:.9rem;color:#737980}.video-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center}.video-modal video{max-width:90%;max-height:80%;border-radius:8px}.video-modal .close-btn{position:absolute;top:20px;right:30px;font-size:30px;color:#fff;cursor:pointer;font-weight:700}.upload-area{border:2px dashed #0073e6;border-radius:15px;background-color:var(--box);padding:40px;text-align:center;transition:all .3s;box-shadow:var(--bs);cursor:pointer}.upload-area.dragover{background:#007bff1a;border-color:#00a8ff;transform:scale(1.02)}.upload-logo{font-size:100px;color:#333b43;margin-bottom:10px}.upload-logo:hover{transform:translateY(-10px)}.file-list{margin-top:20px;font-size:.95em;color:#181313}.progress-bar{height:10px;background:#e3e3e3;border:1px solid rgba(0,0,0,.1);border-radius:5px;overflow:hidden;margin-top:10px}.progress{height:100%;width:0%;background:linear-gradient(90deg,#007bff,#00a8ff);transition:width .3s}textarea,input[type=text],input[type=email]{width:100%;padding:10px;margin-top:6px;border:1px solid #4340406c;border-radius:6px;background-color:var(--box)}button.submit-btn{background-color:var(--btn);color:var(--color);border:none;width:170px;padding:8px 15px;border-radius:5px;margin-top:15px;cursor:pointer;font-size:1em;transition:background .3s}button.submit-btn:hover{background-color:#0056b1}.result-box{background-color:var(--box);border-radius:8px;padding:20px;margin-top:20px;font-size:1em;box-shadow:var(--bs);animation:fadeIn 1s}.container{margin-left:auto;margin-right:auto;max-width:1120px;width:100%}.main-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.results-card{background-color:var(--cardbg);color:#1f2937;border-radius:1rem;box-shadow:var(--bs);padding:1.5rem}.card-intro{color:#191c20;font-size:.875rem}.scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.score-item{text-align:center}.score-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.score-title{font-size:.875rem;font-weight:600;color:#000220;margin-right:.5rem}.progress-container{position:relative;width:96px;height:96px;margin:0 auto}.progress-svg{width:100%;height:100%}.progress-circle-bg{fill:none;stroke:#fff;stroke-width:3}.progress-circle{fill:none;stroke-width:3;stroke-dasharray:100,100;stroke-dashoffset:100;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .8s ease-out,stroke .8s ease-out}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.875rem;font-weight:700;color:#000}.score-badge{display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.125rem .625rem;border-radius:9999px;min-height:18px}.badge-weak{background-color:#ffedd5;color:#ff4800}.badge-average{background-color:#ffedd5;color:#571f08}.badge-good,.badge-excellent{background-color:#dcfce7;color:#166534}.details-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;font-size:.875rem}.details-column{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#202328}.detail-value-first{font-weight:700;color:#1f2937;margin-top:-15px}.detail-value{font-weight:700;color:#1f2937}.detail-value-low{font-weight:700;color:#000}.text-content h1{font-size:2.25rem;font-weight:700;line-height:1.2}.text-content p{margin-top:1.5rem;font-size:1.125rem;color:#414b54}.cta-button{margin-top:2rem;display:inline-block;background-color:#14b8a6;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:#0d9488}.resume-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1rem}.Ex_feature{position:relative;background-color:var(--cardbg, #111);border-radius:12px;padding:1.5rem 1rem;box-shadow:var(--bs, 0 5px 16px rgba(0, 0, 0, .09));overflow:hidden;isolation:isolate;transition:transform .3s,box-shadow .3s}.Ex_feature:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 15px 30px #00000026}.Ex_feature img{flex-shrink:0;margin-bottom:15px;margin-left:15px}.feature-text h3{margin:0 0 1rem;font-size:1.3rem;color:var(--text)}.feature-text p{margin:0;color:#000;line-height:1.4;font-family:sans-serif}.container2{max-width:1200px;margin:0 auto;padding:40px 20px}h2{text-align:center;margin-bottom:20px;font-size:2em}p{line-height:1.6}.steps{display:grid;grid-template-rows:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-top:40px}.step{background-color:var(--cardbg);border-radius:12px;box-shadow:var(--bs);text-align:center;padding:20px;transition:transform .3s}.step:hover{transform:translateY(-5px)}.step img{max-width:100%;height:auto;margin-bottom:20px;border-radius:8px}.step h3{margin-bottom:10px;font-size:1.3em;color:#0073e6}@media(max-width:600px){h2{font-size:1.6em}.step h3{font-size:1.1em}}@media(min-width:640px){.results-card{padding:2rem}.card-intro{font-size:1rem}.scores-grid,.details-grid{grid-template-columns:repeat(4,1fr)}.text-content h1{font-size:2.5rem}}@media(min-width:1024px){.main-grid{grid-template-columns:repeat(2,1fr);gap:4rem}.text-content h1{font-size:3rem}}.dark{background-color:#0f172a;color:#fff;transition:background-color 1s,color .3s}.dark header{background-color:#5d697c;transition:background-color 1s,color .3s}.dark #toggle{background-color:#fff;color:#000;transition:background-color 1s,color .3s}.dark .hero{background-color:#39475e;color:#fff;transition:background-color 1s,color .3s}.dark .feature{background:#1e293b;transition:transform .3s}.dark .upload-area{background:#1e293b;box-shadow:0 .2px 15px #fff}.dark textarea,.dark input[type=text],.dark input[type=email]{background:#1e293b;color:#fff}.dark button.submit-btn,.dark .hero button,.dark button.submit-btn:hover{background-color:#007bff;color:#fff}.dark .result-box{background:#1e293b;border:1px solid white;box-shadow:0 2px 10px #6d6666a0}.dark .results-card{background-color:#1e293b;color:#fff;box-shadow:0 10px 15px -3px #9f96961a,0 4px 6px -2px #f5b0b00d;padding:1.5rem}.dark .score-header h3,.dark .score-value,.dark .detail-label,.dark .card-intro,.dark .footer_container a,.dark .social-media-tag a,.dark .upload-logo,.dark .feature-text p,.dark section p.sub,.dark .file-list,.dark .problem-card ul,.dark .solution-card ul,.dark .section-title,.dark .feature-title,.dark .timeline-title,.dark .progress-label,.dark .stat-card p{color:#fff}.dark .stat-number{color:#ffd500}.dark .stat-label{color:#c3c6b3}.dark .detail-value{font-weight:700;color:#a5dcde}.dark .Ex_feature,.dark .problem-card,.dark .solution-card,.dark .feature-card,.dark .timeline-content,.dark .step,.dark .stat-card{background:#1e293b;box-shadow:0 2px 6px #d0baba26}.dark .step h3,.dark .Social-Media h3,.dark .feature-text h3,.dark .footer_container h3,.dark .feature h3,.dark section h2{color:#ffd500}.dark .footer_container a:hover,.dark .social-media-tag a:hover{color:#706eb1}.dark .video p,.dark .video i{color:#657990}.dark .feature:hover{transform:translateY(-5px);box-shadow:0 15px 30px #ae9b9b26}.dark #why-choose{color:#ffd500}.dark #intro{color:#eaeff2}.dark .feature-description,.dark .timeline-description,.dark .cta-section{color:#bbb5b5}.Mode button{position:fixed;top:80px;right:20px;width:40px;height:40px;border-radius:50%;border:none;cursor:grab;background-color:#000;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d;transition:background-color .8s,color .3s,transform .2s;z-index:1000}.Mode button:active{cursor:grabbing;transform:scale(.95)}#why-choose{color:#165ab2;font-size:3rem;font-weight:bolder;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center;margin-top:10rem;margin-bottom:5rem;animation:slideDown .8s ease-out;text-shadow:#050505}.hero-why-sbert{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.hero-why-sbert:before{content:"";position:absolute;width:500px;max-height:500px;border-radius:50%;top:-250px;right:-250px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-why-sbert-content{max-width:1200px;text-align:center;z-index:1}#intro{font-size:2rem;color:#000;margin-bottom:2rem;animation:slideDown .8s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.subtitle{font-size:1.5rem;color:#666;margin-bottom:3rem;animation:fadeIn 1s ease-out .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cta-button{background:#fff;color:#667eea;padding:1rem 3rem;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003;animation:fadeIn 1s ease-out .6s both}.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.value-props{display:flex;justify-content:center;gap:2rem;margin:2rem 0 3rem;flex-wrap:wrap;animation:fadeIn 1s ease-out .9s both}.value-item{background:#e2e8e7ab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:15px;display:flex;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.value-item:hover{background:#e2e8e7fd;transform:scale(1.05)}.value-icon{font-size:1.8rem}.value-text{color:#000;font-size:1rem;font-weight:600}.stats-section{padding:4rem 2rem}.container-why-sbert{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.stat-card{background-color:#def9e4;padding:2rem;border-radius:20px;text-align:center;color:#333;transform:translateY(0);transition:all .3s ease;box-shadow:0 10px 30px #667eea4d}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #667eea66}.stat-number{font-size:3rem;font-weight:700;color:#914600;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:1;color:#100063}.features-section{padding:4rem 2rem}.section-title{text-align:center;font-size:2.5rem;color:#333;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#e2e8e7ab;padding:2rem;border-radius:15px;box-shadow:0 1px 3px #0000001f,0 4px 8px #0000000f;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#c0f68e8d,#e8d6abcf);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem}.feature-title{font-size:1.5rem;color:#333;margin-bottom:1rem}.feature-description{color:#666;line-height:1.6}.problem-solution{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:3rem 0}.problem-card,.solution-card{background:#e2e8e7ab;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a}.problem-card{border-left:5px solid #e74c3c}.solution-card{border-left:5px solid #27ae60}.problem-card ul,.solution-card ul{list-style:none;padding-left:0;color:#666}.problem-card li,.solution-card li{padding:.5rem 0 .5rem 1.5rem;position:relative}.problem-card li:before{content:"•";position:absolute;left:0;color:#e74c3c;font-weight:700;font-size:1.5rem}.solution-card li:before{content:"•";position:absolute;left:0;color:#27ae60;font-weight:700;font-size:1.5rem}.chart-section{padding:4rem 2rem}.chart-container-why-sbert{max-width:800px;margin:3rem auto;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a}.timeline{position:relative;padding:2rem 0}.timeline-connector{position:absolute;left:20px;top:60px;bottom:60px;width:3px;background:linear-gradient(180deg,#ea9066,#a24b4b);border-radius:3px}.timeline-connector:before{content:"";position:absolute;top:-10px;left:-8.5px;width:20px;height:20px;background:#eaaf66;border-radius:50%;box-shadow:0 0 0 4px #667eea33}.timeline-connector:after{content:"🎯";position:absolute;bottom:-15px;left:-10px;font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.timeline-item{display:flex;align-items:center;margin-bottom:2rem;opacity:0;animation:slideIn .6s ease-out forwards}.timeline-item:nth-child(1){animation-delay:.2s}.timeline-item:nth-child(2){animation-delay:.4s}.timeline-item:nth-child(3){animation-delay:.6s}.timeline-item:nth-child(4){animation-delay:.8s}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.timeline-dot{width:40px;height:40px;background:linear-gradient(135deg,#a6ea66,#a24b4b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:1rem;flex-shrink:0;position:relative;z-index:2;box-shadow:0 4px 15px #667eea66;border:3px solid white}.timeline-content{flex:1;background:#e7f2f5ae;padding:1.5rem;border-radius:10px;position:relative;box-shadow:0 1px 3px #0000001f,0 4px 8px #0000000f}.timeline-content:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f8f9fa}.timeline-title{font-size:1.2rem;color:#333;margin-bottom:.5rem}.timeline-description{color:#666}.progress-bars{margin-top:3rem}.progress-item{margin-bottom:2rem}.progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:600;color:#333}.progress-bar-2{height:25px;background:#e9ecef;border-radius:15px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(135deg,#5e6b94,#5c5cb7);border-radius:15px;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;color:#fff;font-weight:700;transition:width 2s ease-out;width:0}.cta-section{padding:4rem 2rem;text-align:center;color:#666}.cta-section h2{font-size:2.5rem;margin-bottom:1.5rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-section .cta-button{background:#fff;color:#667eea}.cta-section .cta-button a{color:#667eea;text-decoration:none}@media(max-width:768px){h1{font-size:2rem}.subtitle{font-size:1.2rem}.value-props{flex-direction:column;align-items:center}.stat-number,.section-title{font-size:2rem}.problem-solution{grid-template-columns:1fr}.problem-card,.solution-card{min-width:auto}.timeline-connector{left:20px}}