@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--background-color: #2b2b2b}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background-color:#000;font-family:Inter,sans-serif;overflow-x:hidden;max-width:100vw}h1,p{font-size:0em;margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.home-container{height:100%;width:auto}.home-banner{height:100vh}.title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px}.scout-title{font-size:10rem;font-weight:600;letter-spacing:5px;color:#fff}.scout-desc{color:gray;font-size:2rem}.home-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.home-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;background-color:transparent;color:#fff;border:2px solid white;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;width:150px;margin-top:.5rem}.home-button:hover{cursor:pointer;background-color:#fff;color:#000;transform:translateY(-2px)}.feature-container{display:flex;flex-direction:column;width:100%}.student-container,.employer-container{display:grid;grid-auto-rows:1fr}.student-container>*,.employer-container>*{min-height:100%;min-width:100%}.feature-title{font-size:3rem;color:#fff}.feature-desc{font-size:1.5rem;color:gray}.radial-graph-feature-container{width:100%}.admin-feature-container{display:flex;align-items:center}.coming-soon-title{text-align:center;font-size:6rem;color:#fff}.coming-soon-features{margin-top:5rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:10rem}.coming-soon-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;max-width:500px}.coming-soon-text{display:flex;flex-direction:column}.coming-soon-features h2{text-align:center;font-size:3rem;color:#fff}.coming-soon-features h3{text-align:center;font-size:2rem;color:#fff}.coming-soon-features p{text-align:center;font-size:1.5rem;color:gray}.our-team-container{position:relative;margin-top:8rem}.our-team-title{text-align:center;font-size:4rem;color:#fff}.our-team-line-svg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-9999;pointer-events:none;transition:opacity 1.5s ease-in-out}.our-team-line-svg.fade-start{opacity:0}.our-team-line-svg.fade-end{opacity:1}.our-team-dashed-line{position:absolute;z-index:-9999;stroke-dasharray:15,15;stroke-dashoffset:0;animation:dash-flow 15s linear infinite}.contact-us-container{max-width:1400px;margin-left:auto;margin-right:auto}.contact-us-desc{margin-top:3rem;text-align:center;font-size:1.5rem;color:gray}.trademark-footer{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.trademark-text{color:gray}@media(max-width:1024px){.scout-title{font-size:7rem}.scout-desc{font-size:1.5rem;padding:0 2rem}.feature-title{font-size:3rem}.feature-desc{font-size:1.5rem}.coming-soon-features{gap:5rem}.coming-soon-features h2{font-size:2.5rem}.coming-soon-features h3{font-size:1.5rem}.coming-soon-features p{font-size:1.2rem}}@media(max-width:768px){.student-container,.employer-container{grid-auto-rows:auto;gap:1rem}.student-container>*,.employer-container>*{min-height:auto}.scout-title{font-size:5rem}.scout-desc{font-size:1.2rem;padding:0 1.5rem}.home-buttons{flex-direction:column}.home-button{font-size:.7rem;width:100px}.feature-title{font-size:2.5rem;text-align:center}.feature-desc{font-size:1.2rem;text-align:center}.admin-feature-container{height:auto;padding:3rem 0 0}.coming-soon-title{font-size:3rem;padding:0 1rem}.coming-soon-features{flex-direction:column;gap:4rem;margin-top:3rem;padding:0 1rem}.coming-soon-feature{max-width:100%}.coming-soon-features h2{font-size:2rem}.coming-soon-features h3{font-size:1.5rem}.coming-soon-features p{font-size:1rem}.our-team-container{margin-top:4rem}.our-team-title{font-size:3rem;padding:0 1rem}.our-team-line-svg{display:none}.contact-us-title{font-size:3rem;padding:0 1rem}.contact-us-desc{font-size:1.2rem;padding:0 1rem}.contact-us-container{padding:0 1rem}}@media(max-width:480px){.scout-title{font-size:3.5rem}.scout-desc{font-size:1rem}.feature-title{font-size:2rem}.feature-desc{font-size:1rem}.coming-soon-title,.our-team-title,.contact-us-title{font-size:2.5rem}}.switch{position:relative;display:inline-block;width:50px;height:20px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;bottom:-7px;background:#00e0ff;-webkit-transition:.4s;transition:.4s}.slider.round{background-color:#008bbe8e;height:5px;border-radius:34px;animation:pulse-glow 10s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 4px 1px #008bbe98}to{box-shadow:0 0 6px 2px #008bbeb7}}.slider.round:before{border-radius:50%}input:checked+.slider:before{-webkit-transform:translateX(35px);-ms-transform:translateX(35px);transform:translate(35px);background:#4fff8f}@media(max-width:480px){.switch{width:25px;height:10px}.slider:before{height:10px;width:10px;bottom:-3.5px}.slider.round{height:2.5px;border-radius:17px}input:checked+.slider:before{-webkit-transform:translateX(17.5px);-ms-transform:translateX(17.5px);transform:translate(17.5px)}@keyframes pulse-glow{0%{box-shadow:0 0 2px .5px #008bbe98}to{box-shadow:0 0 3px 1px #008bbeb7}}}.header{position:fixed;top:0;left:0;width:100%;z-index:999;overflow-x:hidden}.header-container{position:relative;height:80px;display:flex;align-items:center;width:100%;max-width:100vw;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.scout-logo{width:150px}.logo-container{position:absolute;left:20px;transition:opacity .3s ease,transform .3s ease}.logo-container.hidden{opacity:0;transform:translate(-20px);pointer-events:none}.toggle{position:absolute;right:40px;top:50%;transform:translateY(-30%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:5}.toggle.hidden{opacity:0;transform:translateY(-50%) translate(-20px);pointer-events:none}.toggle-label.employer{color:#4fff8f}.toggle-label.student{color:#00e0ff}.toggle-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#aaa;line-height:1;transition:opacity .2s ease,transform .25s ease}.logo-container.visible{opacity:1;transform:translate(0)}.logo{margin:0;font-size:3rem;letter-spacing:2px;color:#fff}.nav-bar-container{position:absolute;left:50%;transform:translate(-50%)}.nav-bar-container nav{display:flex;gap:40px}.nav-bar-container a{text-decoration:none;font-weight:500;color:#fff}@media(max-width:1024px){.logo{font-size:2.5rem}.nav-bar-container nav{white-space:nowrap;gap:30px}.nav-bar-container a{font-size:.9rem}.toggle{right:24px;gap:5px}.toggle-label{font-size:.7rem}.toggle .switch{transform:scale(.9);transform-origin:center}}@media(max-width:768px){.header-container{height:70px}.logo-container{display:none}.nav-bar-container nav{gap:20px}.nav-bar-container a{font-size:.85rem}.toggle{right:16px;gap:4px}.toggle-label{font-size:.65rem;letter-spacing:.06em}.toggle .switch{transform:scale(.85);transform-origin:center}}@media(max-width:480px){.header-container{height:60px}.nav-bar-container nav{gap:15px}.nav-bar-container a{font-size:.65rem}.toggle{margin:0;top:25px;right:10px}.toggle-label{font-size:.5rem;letter-spacing:.06em}}@media(max-width:350px){.toggle{display:none}}.background-container{width:100%;height:100vh}.radial-graph-container{background-color:transparent;padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}.radial-graph{display:flex;align-items:center;justify-content:center}.radial-graph svg{max-width:100%;max-height:100%;width:auto;height:auto}.radial-graph-message{color:#888;font-size:16px;font-family:sans-serif;text-align:center}.radial-graph-message.error{color:#e53e3e}.skill-filter-toggle{position:absolute;width:fit-content;top:10px;right:10px;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:#282828e6;padding:10px 15px;border-radius:8px;border:1px solid #555}.filter-btn.active{background:var(--teal)}.recommend-project-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.recommend-project-button:hover{border-color:#007ba3;transform:translateY(-1px);box-shadow:0 4px 20px #008bbe4d}.layer-fill{transition:opacity .3s ease}.layer-outline{transition:all .3s ease}.layer-label{animation:fadeIn .3s ease}.dashed-line{stroke-dasharray:5,5;stroke-dashoffset:0;animation:dash-flow 15s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.path-group polyline{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawPath 1.5s ease forwards}@keyframes drawPath{to{stroke-dashoffset:0}}.tooltip-group{animation:tooltipFadeIn .2s ease;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.radial-graph-container{padding:.5rem}.skill-filter-toggle{top:10px;right:10px;padding:8px 12px;gap:8px;width:225px}.filter-btn{padding:6px 12px;font-size:12px}.filter-btn span{display:none}text.layer-label{min-width:100px!important;min-height:20px!important;font-size:28px!important;color:#fff!important}}@media(max-width:480px){.skill-filter-toggle{flex-direction:column;gap:6px}.filter-btn{width:100%}}.radial-graph-feature{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.radial-graph-feature-left{display:flex;flex-direction:column;justify-content:start;gap:15px;padding:3rem;width:70%}.radial-graph-feature-right{position:relative}.radial-graph-hover-me{position:absolute;left:2rem;top:2rem}.radial-graph-hover-me img{transform:rotate(20deg)}@media(max-width:1024px){.radial-graph-feature-left{width:45%;padding:2rem}}@media(max-width:768px){.radial-graph-feature{flex-direction:column;align-items:center;padding:3rem 0}.radial-graph-feature-left{width:90%;text-align:center;align-items:center;padding:2rem 1.5rem;order:1}.radial-graph-feature-right{width:100%;order:2;padding:0 1rem}.radial-graph-hover-me{display:none}}@media(max-width:480px){.radial-graph-feature-left{padding:1.5rem 1rem}}.hover-me-container{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.hover-me-container:hover{animation:2s float ease-in-out infinite}.hover-me-label{font-size:1rem;color:#444}.hover-me-icon{width:50px;height:50px}@keyframes float{0%{transform:translate(0)}50%{transform:translate(-10px,-10px)}to{transform:translate(0)}}.project-graph-container{position:relative;width:100%;height:100%;background-color:transparent;padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-graph-container svg{max-width:100%;max-height:100%;width:auto;height:auto}.project-graph-message{color:#888;font-size:16px;font-family:sans-serif;text-align:center}.project-graph-tooltip{position:absolute;width:90%;text-align:center;top:0;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:10px 15px;border-radius:8px;border:1px solid #555;pointer-events:none;z-index:1000;font-size:14px;line-height:1.5;word-wrap:break-word;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out}.project-graph-tooltip.visible{opacity:1;visibility:visible}.project-graph-message.error{color:#e53e3e}.skill-filter-toggle-modal{position:absolute;width:fit-content;top:10px;left:10px;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:#282828e6;padding:10px 15px;border-radius:8px;border:1px solid #555}.filter-btn{padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;font-weight:400;transition:all .3s ease;font-size:14px;font-family:sans-serif}.filter-btn:hover{background:#3a3a3a;border-color:#666}.filter-btn.active{background:var(--teal, #008bbe)}.filter-btn.active:hover{background:#008bbeb4}.data-point{cursor:pointer;transition:all .3s ease}.data-point:hover{filter:brightness(1.3)}.dashed-line{stroke-dashoffset:0;animation:dash-flow 15s linear infinite}@media(max-width:768px){.project-graph-container{padding:.5rem}.skill-filter-toggle-modal{top:10px;left:10px;padding:8px 12px;gap:8px}.filter-btn{padding:6px 12px;font-size:12px}}@media(max-width:480px){.skill-filter-toggle-modal{flex-direction:column;gap:6px}.filter-btn{width:100%}}.project-graph-feature{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.project-graph-feature-left{position:relative;display:flex;flex-direction:column;justify-content:start;gap:15px;padding:3rem;width:40%}.project-graph-feature-right{display:flex;flex-direction:column;text-align:end;gap:15px;padding:3rem;width:40%}.project-graph-hover-me{position:absolute;bottom:0;right:0}.project-graph-hover-me p{order:2}.project-graph-hover-me img{order:1;transform:rotate(200deg)}@media(max-width:1024px){.project-graph-feature-left,.project-graph-feature-right{width:45%;padding:2rem}}@media(max-width:768px){.project-graph-feature{flex-direction:column;align-items:center}.project-graph-feature-left{width:100%;order:2;text-align:center;align-items:center;padding:2rem 1.5rem}.project-graph-feature-right{width:90%;order:1;text-align:center;align-items:center;padding:0 1rem}.project-graph-hover-me{display:none}}.interactive-portfolio-container{position:relative;width:100%;height:90vh;display:flex;align-items:center;justify-content:center;background-color:transparent;overflow:hidden}.interactive-portfolio-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.icon-wrapper{position:absolute;cursor:pointer;transition:transform .5s ease,filter .3s ease;transform-origin:center}.icon-wrapper:hover{filter:brightness(1.3)}.icon-wrapper.selected{filter:brightness(1.5) drop-shadow(0 0 10px rgba(255,255,255,.5))}.icon-wrapper.center-icon{z-index:10;transition:transform .3s ease,filter .3s ease}.icon-wrapper.orbiting-icon{z-index:5}.icon-placeholder{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;font-size:48px;border:2px solid rgba(255,255,255,.2)}.icon-svg{width:100px;height:100px;object-fit:contain;display:block}.interactive-portfolio-tooltip{position:absolute;width:90%;max-width:400px;text-align:center;top:20px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:10px 15px;border-radius:8px;border:1px solid #555;pointer-events:none;z-index:1000;font-size:14px;line-height:1.5;word-wrap:break-word;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out}.interactive-portfolio-tooltip.visible{opacity:1;visibility:visible}@media(max-width:768px){.interactive-portfolio-container{height:50vh}.icon-placeholder{width:60px;height:60px;font-size:32px}.icon-svg{width:60px;height:60px}.interactive-portfolio-tooltip{font-size:12px;padding:8px 12px}.icon-wrapper:active{transform:scale(.95)!important}}@media(max-width:480px){.icon-svg{width:50px;height:50px}}.portfolio-feature{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.portfolio-feature-left{display:flex;flex-direction:column;justify-content:start;gap:15px;padding:3rem;width:50%;text-align:left;justify-content:center}.portfolio-feature-left p{min-height:150px;transition:opacity .3s ease-in-out}.portfolio-feature-right{position:relative;width:45%}.portfolio-hover-me{position:absolute;bottom:0;right:20px}.portfolio-hover-me p{order:2}.portfolio-hover-me img{order:1;transform:rotate(210deg)}.feature-title,.feature-desc{transition:opacity .3s ease-in-out}@keyframes fadeContent{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.portfolio-feature-left h1,.portfolio-feature-left p{animation:fadeContent .3s ease-in-out}@media(max-width:1024px){.portfolio-feature-left{width:45%;padding:2rem}.portfolio-feature-right{width:50%}.portfolio-feature-left p{min-height:120px}}@media(max-width:768px){.portfolio-feature{flex-direction:column;align-items:center}.portfolio-feature-left{width:90%;text-align:center;align-items:center;order:1}.portfolio-feature-left p{min-height:auto}.portfolio-feature-right{width:100%;order:2;padding:0 1rem}.portfolio-hover-me{display:none}}@media(max-width:480px){.portfolio-feature-left{padding:0 1rem 4rem}}.graph-container{display:flex;justify-content:center;align-items:center;width:100%;background-color:transparent}.bar{cursor:pointer}.line{animation:drawLine .8s ease-out}.point{cursor:pointer}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.staircase-container{display:flex;justify-content:center;align-items:center;background:transparent}.staircase-line{stroke:#008bbe8e;stroke-width:3;fill:none;transition:stroke-dashoffset .8s ease-out}.staircase-line.visible{stroke-dashoffset:0}.staircase-dot{opacity:0;transform-origin:center;transition:opacity .3s ease-out,transform .3s ease-out}.staircase-dot.visible{opacity:1;animation:dotPop .4s ease-out}.staircase-dot:hover{cursor:pointer;filter:brightness(1.3)}@media(max-width:480px){.staircase-container{width:100%}}.profile-card{display:flex;flex-direction:row;align-items:center;gap:3rem;padding:2.5rem;border-radius:20px;width:100%;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.profile-card.visible{opacity:1;transform:translateY(0)}.profile-card-left{flex-shrink:0}.profile-image-wrapper{width:350px;height:350px;border-radius:50%;border:4px solid;padding:4px;background-color:#000}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-card-right{display:flex;flex-direction:column;gap:.8rem;flex:1}.profile-name{font-size:2rem;font-weight:700;color:#fff;margin:0}.profile-title{font-size:1.5rem;font-weight:600;color:#aaa;margin:0}.profile-description{font-size:1.1rem;color:#888;line-height:1.6;margin:0}.linkedin-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:transparent;color:#fff;border:2px solid white;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;width:fit-content;margin-top:.5rem}.linkedin-button:hover{background-color:#fff;color:#000;transform:translateY(-2px)}@media(max-width:1024px){.profile-image-wrapper{width:280px;height:280px}.profile-card{gap:2rem;padding:2rem}.profile-name{font-size:1.8rem}.profile-title{font-size:1.3rem}.profile-description{font-size:1rem}}@media(max-width:768px){.profile-card{flex-direction:column;text-align:center;gap:1.5rem;padding:1.5rem}.profile-card-left{width:100%;display:flex;justify-content:center}.profile-image-wrapper{width:220px;height:220px}.profile-card-right{align-items:center;width:100%}.profile-name{font-size:1.5rem}.profile-title{font-size:1.2rem}.profile-description{font-size:1rem;text-align:center}.linkedin-button{margin:.5rem auto 0}}@media(max-width:480px){.profile-image-wrapper{width:180px;height:180px}.profile-card{padding:1rem}.profile-name{font-size:1.3rem}.profile-title{font-size:1.1rem}.profile-description{font-size:.9rem}.linkedin-button{font-size:.9rem;padding:.5rem 1rem}}.our-team-feature{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:4rem}.our-team-title{text-align:center;font-size:6rem;color:#fff;margin:0}.team-cards-container{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%}.profile-card-wrapper{width:100%;display:flex;justify-content:center}.profile-card-wrapper .profile-card{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.profile-card-wrapper.visible .profile-card{opacity:1;transform:translateY(0)}@media(max-width:1024px){.our-team-title{font-size:3.5rem}.our-team-feature{padding:3rem 1.5rem;gap:3rem}}@media(max-width:768px){.our-team-title{font-size:3rem}.our-team-feature{padding:3rem 1rem}.team-cards-container{gap:2rem}}@media(max-width:480px){.our-team-title{font-size:2.5rem}.our-team-feature{padding:2rem 1rem}}.contact-container{padding:4rem;font-family:Inter,sans-serif}.contact-us-title{text-align:center;font-size:4rem;color:#fff}.contact-us-desc{text-align:center;font-size:1.5rem;color:gray;margin-bottom:3rem}.contact-form{margin:0 auto;background-color:#2b2b2b;padding:3rem;border-radius:12px}.form-group{margin-bottom:2rem;width:100%}.form-group label{display:block;color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.required{color:#f44}.form-group input,.form-group textarea{width:100%;padding:1rem;box-sizing:border-box;background-color:#1a1a1a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;font-size:1rem;font-family:Inter,sans-serif;transition:border-color .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6b6b6b}.form-group textarea{resize:vertical;min-height:150px}.submit-button{padding:1rem;background-color:#fff;color:#000;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}@media(max-width:1024px){.contact-container{padding:3rem}.contact-form{padding:2.5rem}}@media(max-width:768px){.contact-container{padding:2rem 1rem}.contact-us-title{font-size:3rem}.contact-us-desc{font-size:1.2rem;margin-bottom:2rem}.contact-form{padding:2rem 1.5rem}.form-group label{font-size:1rem}.form-group input,.form-group textarea{font-size:.95rem;padding:.9rem}.submit-button{font-size:1rem;width:100%}}@media(max-width:480px){.contact-container{padding:1.5rem .5rem}.contact-us-title{font-size:2.5rem}.contact-us-desc{font-size:1rem}.contact-form{padding:1.5rem 1rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.9rem}.form-group textarea{min-height:120px}}.tree-container{position:relative;width:100%;height:600px;display:flex;justify-content:center;align-items:center;overflow:visible}.tree-container svg{max-width:100%;max-height:100%;height:auto}@media(max-width:1024px){.tree-container{height:350px}}@media(max-width:768px){.tree-container{height:300px;padding:1rem}}@media(max-width:480px){.tree-container{height:250px}}.admin-feature{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.admin-feature-left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;padding:2rem}.admin-feature-right{display:flex;flex-direction:column;text-align:end;gap:15px;padding:3rem;width:40%}@media(max-width:1024px){.admin-feature-right{width:45%;padding:2rem}}@media(max-width:768px){.admin-feature{flex-direction:column;align-items:center}.admin-feature-left{width:100%;order:2;padding:0 1rem}.admin-feature-right{width:90%;order:1;text-align:center;align-items:center;padding:2rem 1.5rem}}@media(max-width:480px){.admin-feature-right{padding:1.5rem 1rem}}.chat-container{width:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.messages{display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .5s ease-out}.message{max-width:70%;padding:12px 16px;border-radius:18px;line-height:1.5;font-size:15px;word-wrap:break-word}.user-message{align-self:flex-end;background-color:#4a4a4a;color:#fff;border-bottom-right-radius:4px}.ai-message{align-self:flex-start;text-align:left;width:350px;background-color:#00e1ffb4;color:#000;border-bottom-left-radius:4px}.message.hidden{opacity:0;transform:translateY(20px)}.message.visible{animation:fadeUp .5s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ask-scout-feature-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ask-scout-left{display:flex;flex-direction:column;justify-content:start;padding:3rem;gap:15px;width:60%}.ask-scout-right{display:flex;flex-direction:column;gap:15px;padding:3rem;width:40%}.ask-scout-left-student{display:flex;flex-direction:column;justify-content:start;padding:3rem;gap:15px;width:60%}.ask-scout-right-student{display:flex;flex-direction:column;text-align:end;gap:15px;padding:3rem;width:40%}@media(max-width:1024px){.ask-scout-left,.ask-scout-right{width:45%;padding:2rem}}@media(max-width:768px){.ask-scout-feature-container{flex-direction:column;align-items:center;padding:3rem 0}.ask-scout-right-student{width:90%;order:1;align-items:center;padding:0 1rem 2rem}.ask-scout-left-student{width:90%;order:2;align-items:center;padding:0 1rem 2rem}.ask-scout-right{width:90%;order:2;align-items:center;padding:0 1rem 4rem}.ask-scout-left{width:90%;order:1;align-items:center;padding:0 1rem 2rem}}.ste-container{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:5rem}.worker-icon-container,.employer-icon-container{flex-shrink:0}.worker-icon,.employer-icon{width:clamp(60px,8vw,140px);height:clamp(60px,8vw,140px);object-fit:contain}.worker-icon{animation:float1 6s ease-in-out infinite}.employer-icon{animation:float2 8s ease-in-out infinite}@keyframes float1{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes float2{0%{transform:translateY(10)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.icon-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;font-weight:600;color:#666}.pathways-container{flex:1;display:flex;justify-content:center;align-items:center;background:transparent;min-height:300px}.pathway-line{stroke-width:3;fill:none;transition:stroke-dashoffset .8s ease-out}.pathway-line.visible{stroke-dashoffset:0}.pathway-line.dashed-line{stroke-dashoffset:0;animation:dash-flow 15s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-100}}.pathway-dot{opacity:0;transform-origin:center;transition:opacity .3s ease-out,transform .3s ease-out}.pathway-dot.visible{opacity:1;animation:dotPop .4s ease-out}@keyframes dotPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pathway-dot:hover{cursor:pointer;filter:brightness(1.3)}@media(max-width:768px){.ste-container{padding:1.5rem;gap:1rem}.pathways-container{min-height:250px}.pathways-container svg{width:100%;height:auto}}@media(max-width:480px){.ste-container{width:95%;padding:0;gap:0}.pathways-container{width:100%;min-height:200px}.pathway-line{stroke-width:2}.pathway-dot{r:6}}@media(max-width:360px){.pathways-container{min-height:180px}}.ste-feature-container{width:100%;padding:3rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ste-feature-left{display:flex;flex-direction:column;justify-content:start;gap:15px;width:100%}.ste-feature-right{width:100%}@media(max-width:1024px){.ste-feature-left{width:45%;padding:2rem}}@media(max-width:768px){.ste-feature-container{flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.ste-feature-left{width:90%;text-align:center;align-items:center;padding:2rem 1.5rem;order:1}.ste-feature-right{width:100%;order:2;padding:0 1rem}}@media(max-width:480px){.ste-feature-left{padding:1.5rem 1rem}}.trend-analysis-feature-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.trend-analysis-feature-left{position:relative}.trend-analysis-feature-right{display:flex;flex-direction:column;justify-content:start;text-align:right;gap:15px;padding:3rem;width:70%}.trend-analysis-hover-me{position:absolute;top:0;right:0}.trend-analysis-hover-me img{transform:rotate(130deg)}@media(max-width:768px){.trend-analysis-feature-container{flex-direction:column;align-items:center}.trend-analysis-feature-left{width:90%;text-align:center;align-items:center;padding:2rem 1.5rem;order:2}.trend-analysis-feature-right{width:90%;order:1;padding:0 1rem}.trend-analysis-hover-me{display:none}}@media(max-width:480px){.trend-analysis-feature-left{padding:1.5rem 1rem}}