@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";:root{--border-color: rgba(80, 180, 255, 1);--border-glow-color: rgba(0, 40, 255, 1);--border-glow-color-sheer: rgba(0, 40, 255, .3);--blue-gradient-start: #4b7fe2;--blue-gradient-end: #00d7ff}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Monaco;src:url(Monaco.ttf) format("truetype")}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:url(../../../images/lxForest.jpg) no-repeat center center;color:#e0e0e0;overflow-x:hidden}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:block;mix-blend-mode:color-dodge}.topLevelSection{position:relative;z-index:10;width:100%;min-height:100vh;min-height:100dvh;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.content{width:fit-content;smax-width:60dvw;padding:40px}.card{position:relative;display:flex;flex-direction:column;height:100%;padding:24px;border-radius:12px;cursor:pointer;text-decoration:none;color:inherit;transition:all .3s ease;transform-style:preserve-3d;perspective:1000px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:visible}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.35) 0%,transparent 80%);opacity:0;pointer-events:none;z-index:1}.card:hover:before{opacity:1}.card-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:16px}.card-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:30px;transition:all .15s ease;display:none}.card-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(96,165,250,.3))}.card-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;text-shadow:0px 1px 3px rgba(0,0,0,1)}.card-title{font-size:1.5rem;font-weight:600;color:#f0f0f0;line-height:1.4}.card-description{font-size:.9rem;color:#f0f0f0;line-height:1.5;flex-grow:1;font-style:italic}.card:hover *{color:#fff!important}.card-border{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000060;outline-offset:0px;border:2px solid #00000080;box-sizing:border-box;pointer-events:none}.card-border.portfolio{background-image:url(../../../images/ahaa.png);background-size:contain;background-repeat:no-repeat;border-image:linear-gradient(135deg,#3acfd5,#3a4ed5) 1}.card:hover .card-border.portfolio{box-shadow:0 0 20px #0080ff,0 0 40px #0080ff}.card-border.mentoring{background-image:url(../../../images/icon-mentoring.png);background-size:contain;background-repeat:no-repeat;border-image:linear-gradient(135deg,#ff47f3,#304cff) 1}.card:hover .card-border.mentoring{--mid-purple: color-mix(in srgb, #ff47f3 25%, #304cff 75%);box-shadow:0 0 20px var(--mid-purple),0 0 40px var(--mid-purple)}.card:hover .card-border{border-width:4px;border-style:solid;outline:1px solid #ffffff80;outline-offset:-1px}.card-border:hover{background:#141e37cc;outline:0px solid transparent;transform:translateY(-8px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1rem}.cards-grid{grid-template-columns:1fr;gap:20px}.header{margin-bottom:40px}.landingContainer{padding:20px 16px}}@media(max-width:480px){.title{font-size:2rem}.cards-grid{gap:16px}.card{padding:16px}.card-title{font-size:1.1rem}.card-description{font-size:.85rem}}