.compass-section{min-height:auto;background:linear-gradient(180deg,#ffffff,#f3faf9);color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}:root{--color-entrepreneurship:#088B80;--color-sustainable:#ABBA2E;--color-livelihood:#F95513;--color-reload:#6c757d;--color-text:#2c3e50;--color-background:#f8f9fa;--color-white:#ffffff;--color-shadow:rgba(0,0,0,0.1);--container-size:min(90vw,600px);--diamond-size:clamp(100px,25vw,160px);--center-circle-size:clamp(120px,30vw,175px);--arrow-size:clamp(20px,5vw,30px);--diamond-offset:calc(var(--container-size) * 0.08);--arrow-offset:calc(var(--container-size) * 0.02);--wrapper-margin:30px auto}.development-message{position:fixed;top:50%;left:50%;padding:25px 30px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.2);z-index:1000;text-align:center;border:3px solid;animation:messageAppear .5s cubic-bezier(.4,0,.2,1);max-width:550px;max-height:550px;transform:translate(-50%,-50%)}.message-content{flex-direction:column;gap:15px}.message-content,.message-icon{display:flex;align-items:center}.message-icon{width:50px;height:50px;padding:10px;border-radius:50%;background:#fff9db;color:#e67700;justify-content:center}.message-text{font-size:1.1rem;font-weight:700;line-height:1.4;color:#2c3e50}.message-path-name{font-size:1.3rem;font-weight:800;margin:5px 0}.message-subtext{font-size:.9rem;color:#666;margin-top:5px}@keyframes messageAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}70%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes messageDisappear{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.development-message.hiding{animation:messageDisappear .3s ease-out forwards}@keyframes pulseEffect{0%{transform:scale(1) rotate(45deg);box-shadow:0 6px 15px var(--color-shadow)}50%{transform:scale(1.08) rotate(45deg);box-shadow:0 0 0 8px currentColor,0 12px 30px rgba(0,0,0,.3)}to{transform:scale(1) rotate(45deg);box-shadow:0 6px 15px var(--color-shadow)}}.compass{position:absolute;width:100%;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1)}.main-compass{opacity:1;transform:scale(1);z-index:10}.entrepreneurship-compass{opacity:0;transform:scale(.8);z-index:5}.compass.active{opacity:1;transform:scale(1);z-index:20}.compass.hidden{opacity:0;transform:scale(.8);pointer-events:none}.compass-base{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--center-circle-size);height:var(--center-circle-size);border-radius:50%;box-shadow:0 6px 20px var(--color-shadow),inset 0 0 25px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;cursor:pointer}.compass-base.rotating{animation:rotateCompass 2s ease-in-out}.compass-base-bg{background-image:url("data:image/svg+xml,%3Csvg width='171' height='173' viewBox='0 0 171 173' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M85.5 173C132.72 173 171 134.273 171 86.5C171 38.7274 132.72 0 85.5 0C38.2797 0 0 38.7274 0 86.5C0 134.273 38.2797 173 85.5 173Z' fill='%23040303'/%3E%3Cpath d='M150.965 95.4256V77.339C150.965 75.3043 153.151 74.1739 154.609 75.5304L163.147 83.5563L164.293 84.5736C165.334 85.478 165.334 87.2866 164.293 88.191L163.147 89.2083L154.609 97.2343C153.151 98.4777 150.965 97.4603 150.965 95.4256Z' fill='%23F95513'/%3E%3Cpath d='M19.753 95.4256V77.339C19.753 75.3043 17.5663 74.1739 16.1086 75.5304L7.57036 83.5563L6.42498 84.5736C5.38373 85.478 5.38373 87.2866 6.42498 88.191L7.57036 89.2083L16.1086 97.2343C17.5663 98.4777 19.753 97.4603 19.753 95.4256Z' fill='%23ABBA2E'/%3E%3Cpath d='M76.395 24.2891L94.2716 24.4744C96.2827 24.4953 97.4224 22.2948 96.0966 20.8061L88.2514 12.0863L87.2575 10.9171C86.3744 9.85448 84.5867 9.83594 83.6822 10.88L82.6649 12.0283L74.6447 20.5837C73.4008 22.0457 74.3839 24.2682 76.395 24.2891Z' fill='%23088B80'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;background-position:50%}.compass-center-circle{width:calc(var(--center-circle-size) - 10px);height:calc(var(--center-circle-size) - 10px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 10px var(--color-shadow),inset 0 0 15px rgba(0,0,0,.05);overflow:hidden;position:relative}.center-title{font-size:clamp(.75rem,1.8vw,1.15rem);font-weight:700;text-align:center;line-height:1.3;color:var(--color-white)}.divided-center{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50%;background:#040303;display:flex;align-items:center;justify-content:center}.center-circle-border{position:absolute;width:96%;height:96%;border-radius:50%;border:2px solid white;z-index:2}.center-sections-container{width:100%}.center-section,.center-sections-container{position:absolute;height:100%;display:flex;align-items:center;justify-content:center}.center-section{width:33.33%;flex-direction:column;transition:all .3s ease;cursor:pointer;z-index:3}.center-section:hover{background-color:rgba(8,139,128,.1)}.center-section-right{right:0}.center-section-left{left:0}.center-section-center{left:33.33%;width:33.33%}.section-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;height:80%}.section-icon{width:clamp(18px,5.5vw,32px);height:clamp(18px,5.5vw,32px);margin-bottom:6px}.section-title{font-size:clamp(.42rem,1.1vw,.72rem);font-weight:600;text-align:center;line-height:1.2;color:var(--color-white)}.inner-white-circle{position:absolute;width:36%;height:36%;background:#040303;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;cursor:pointer;transition:all .3s ease}.inner-white-circle:hover{border:2px solid #f0f0f0;transform:scale(1.05)}.inner-circle-icon{width:clamp(15px,4.5vw,28px);height:clamp(15px,4.5vw,28px)}.diamond{position:absolute;width:var(--diamond-size);height:var(--diamond-size);background:var(--color-white);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px var(--color-shadow);overflow:hidden;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:10px;cursor:pointer;transform-origin:center}.diamond:hover{box-shadow:0 0 0 4px currentColor,0 12px 30px rgba(0,0,0,.3);z-index:50}.diamond-content{transform:rotate(-45deg);text-align:center;padding:12px 8px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.diamond-icon{width:clamp(26px,6vw,42px);height:clamp(26px,6vw,42px);margin-top:4px;margin-bottom:4px;transition:all .4s ease}.diamond:hover .diamond-icon{filter:brightness(1.2);transform:scale(1.15)}.diamond-name{font-size:clamp(.65rem,1.5vw,.95rem);font-weight:700;line-height:1.25;transition:all .4s ease;width:90%;margin-top:auto;margin-bottom:auto}.diamond:hover .diamond-name,.diamond:hover .stage-number,.diamond:hover .stage-title{transform:scale(1.15)}.stage-number{font-size:clamp(.62rem,1.3vw,.85rem);font-weight:800;margin-top:4px;margin-bottom:2px;opacity:.9;transition:all .4s ease}.stage-title{font-size:clamp(.6rem,1.3vw,.88rem);font-weight:600;line-height:1.2;transition:all .4s ease;width:90%;margin-top:auto;margin-bottom:auto}.main-diamond-1{top:var(--diamond-offset);left:50%;transform:translateX(-50%) rotate(45deg);color:var(--color-white);border-radius:0 10px}.main-diamond-2{left:var(--diamond-offset)}.main-diamond-2,.main-diamond-3{top:50%;transform:translateY(-50%) rotate(45deg);color:var(--color-white);border-radius:10px 0}.main-diamond-3{right:var(--diamond-offset)}.main-diamond-4{bottom:var(--diamond-offset);background:#040303}.entrepreneurship-diamond-1,.main-diamond-4{left:50%;transform:translateX(-50%) rotate(45deg);color:var(--color-white);border-radius:0 10px}.entrepreneurship-diamond-1{top:var(--diamond-offset)}.entrepreneurship-diamond-2{left:var(--diamond-offset)}.entrepreneurship-diamond-2,.entrepreneurship-diamond-3{top:50%;transform:translateY(-50%) rotate(45deg);color:var(--color-white);border-radius:10px 0}.entrepreneurship-diamond-3{right:var(--diamond-offset)}.entrepreneurship-diamond-4{bottom:var(--diamond-offset);left:50%;transform:translateX(-50%) rotate(45deg);background:#040303;color:var(--color-white);border-radius:0 10px}.reload-icon{font-size:clamp(1.3rem,4vw,2.5rem);color:var(--color-white)}.arrow{position:absolute;width:var(--arrow-size);height:var(--arrow-size);z-index:3;animation:bounce 2s infinite;display:flex;align-items:center;justify-content:center}.main-compass .arrow-up{top:var(--arrow-offset);left:50%;transform:translateX(-50%)}.main-compass .arrow-right{top:50%;right:var(--arrow-offset);transform:translateY(-50%)}.main-compass .arrow-left{top:50%;left:var(--arrow-offset);transform:translateY(-50%)}.entrepreneurship-compass .arrow-left,.entrepreneurship-compass .arrow-right,.entrepreneurship-compass .arrow-up{color:var(--color-entrepreneurship)}.entrepreneurship-compass .arrow-up{top:calc(var(--container-size) * .06)}.entrepreneurship-compass .arrow-right{right:calc(var(--container-size) * .06)}.entrepreneurship-compass .arrow-left{left:calc(var(--container-size) * .06)}.arrow i{font-size:clamp(1rem,3vw,2rem)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.arrow-up{animation:bounceUp 2s infinite}.arrow-right{animation:bounceRight 2s infinite}.arrow-left{animation:bounceLeft 2s infinite}@media (max-width:480px){:root{--container-size:80vw;--diamond-size:clamp(60px,16vw,80px);--center-circle-size:clamp(90px,24vw,115px);--arrow-size:clamp(14px,4vw,20px);--diamond-offset:calc(var(--container-size) * -0.04);--arrow-offset:calc(var(--container-size) * -0.14);--wrapper-margin:calc(var(--container-size) * 0.14) auto calc(var(--container-size) * 0.04) auto}.diamond-content{padding:10px}.diamond-icon{margin-bottom:8px}.section-title{font-size:.5rem;line-height:1.1}.diamond-name{font-size:.7rem;line-height:1.2}.stage-title{font-size:.6rem;line-height:1.2}.arrow i{font-size:.7rem}.compass-container,.compass-section{padding:0;margin:0}}@media (min-width:768px) and (max-width:1023px){:root{--container-size:min(70vw,480px);--diamond-size:clamp(100px,16vw,145px);--center-circle-size:clamp(115px,18vw,155px);--diamond-offset:calc(var(--container-size) * -0.08);--arrow-offset:calc(var(--container-size) * -0.16);--wrapper-margin:calc(var(--container-size) * 0.16) auto calc(var(--container-size) * 0.08) auto}}@media (min-width:1024px){.compass-section{padding:16px 20px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center}:root{--container-size:min(64vh,520px);--diamond-size:162px;--center-circle-size:175px;--arrow-size:28px;--diamond-offset:calc(var(--container-size) * -0.12);--arrow-offset:calc(var(--container-size) * -0.22);--wrapper-margin:calc(var(--container-size) * 0.22) auto calc(var(--container-size) * 0.12) auto}}@media (min-width:1400px){:root{--container-size:min(66vh,560px);--diamond-size:175px;--center-circle-size:185px;--diamond-offset:calc(var(--container-size) * -0.12);--arrow-offset:calc(var(--container-size) * -0.22);--wrapper-margin:calc(var(--container-size) * 0.22) auto calc(var(--container-size) * 0.12) auto}}@media (min-width:1920px){:root{--container-size:min(65vh,600px);--diamond-size:188px;--center-circle-size:195px;--diamond-offset:calc(var(--container-size) * -0.12);--arrow-offset:calc(var(--container-size) * -0.22);--wrapper-margin:calc(var(--container-size) * 0.22) auto calc(var(--container-size) * 0.12) auto}}.entrepreneurship-compass .arrow-up{top:var(--arrow-offset);left:50%;transform:translateX(-50%);color:var(--color-entrepreneurship);animation:bounceUp 2s infinite}.entrepreneurship-compass .arrow-right{top:50%;right:var(--arrow-offset);transform:translateY(-50%);color:var(--color-entrepreneurship);animation:bounceRight 2s infinite}.entrepreneurship-compass .arrow-left{top:50%;left:var(--arrow-offset);transform:translateY(-50%);color:var(--color-entrepreneurship);animation:bounceLeft 2s infinite}@keyframes rotateCompass{0%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes bounceUp{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-8px)}60%{transform:translateX(-50%) translateY(-4px)}}@keyframes bounceRight{0%,20%,50%,80%,to{transform:translateY(-50%) translateX(0)}40%{transform:translateY(-50%) translateX(8px)}60%{transform:translateY(-50%) translateX(4px)}}@keyframes bounceLeft{0%,20%,50%,80%,to{transform:translateY(-50%) translateX(0)}40%{transform:translateY(-50%) translateX(-8px)}60%{transform:translateY(-50%) translateX(-4px)}}@media (max-width:480px){:root{--container-size:80vw;--diamond-size:clamp(60px,16vw,80px);--center-circle-size:clamp(80px,20vw,98px);--arrow-size:clamp(14px,4vw,20px);--diamond-offset:calc(var(--container-size) * -0.08);--arrow-offset:calc(var(--container-size) * -0.18);--wrapper-margin:calc(var(--container-size) * 0.18) auto calc(var(--container-size) * 0.08) auto}.diamond-content{padding:6px 4px}.diamond-icon{margin-top:2px;margin-bottom:2px;width:clamp(20px,5vw,26px);height:clamp(20px,5vw,26px)}.section-icon{width:clamp(14px,4vw,20px);height:clamp(14px,4vw,20px);margin-bottom:4px}.section-title{font-size:.42rem;line-height:1.1}.diamond-name{font-size:.52rem;line-height:1.1;margin-top:auto;margin-bottom:auto}.stage-title{font-size:.55rem;line-height:1.1}.inner-white-circle{width:36%;height:36%}.inner-circle-icon{width:clamp(10px,3vw,15px);height:clamp(10px,3vw,15px)}.arrow-icon{width:50%;height:50%}}@media (max-width:360px){:root{--container-size:82vw;--diamond-size:58px;--center-circle-size:78px;--arrow-size:12px;--diamond-offset:calc(var(--container-size) * -0.08);--arrow-offset:calc(var(--container-size) * -0.18);--wrapper-margin:calc(var(--container-size) * 0.18) auto calc(var(--container-size) * 0.08) auto}}@media (min-width:768px) and (max-width:1023px){:root{--container-size:min(75vw,500px);--diamond-offset:calc(var(--container-size) * -0.04);--arrow-offset:calc(var(--container-size) * -0.14);--wrapper-margin:calc(var(--container-size) * 0.14) auto calc(var(--container-size) * 0.04) auto}}@media (max-width:768px){.activities-chart-card{max-width:95vw;padding:1rem}.stages-navigation .flex{flex-direction:column;gap:1rem!important}.stages-navigation .flex>div{width:100%;justify-content:center}.activities-content .flex{flex-direction:column}.detail-content{padding:1rem}}@media (min-width:1024px){.activities-content .flex{align-items:flex-start}}.activities-compass{position:absolute;width:100%;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1)}.activities-compass.active{opacity:1;transform:scale(1);z-index:20}.activities-compass.hidden{opacity:0;transform:scale(.8);pointer-events:none}.activities-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1rem;background:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.back-to-compass-btn{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e9ecef;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;color:#088B80;transition:all .3s ease}.back-to-compass-btn:hover{background:#e9ecef;transform:translateX(-4px)}.back-icon{width:16px;height:16px}.activities-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.stages-navigation{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.activities-content{min-height:400px;padding:1rem}.activity-details{padding:1rem}.back-btn{background:#f8f9fa;border:1px solid #e9ecef;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;color:#088B80;transition:all .3s ease}.back-btn:hover{background:#e9ecef}.detail-content{background:white;padding:2rem;border-radius:12px;border:2px solid #f0f0f0}.description-box{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-right:4px solid #088b80}@media (max-width:768px){.activities-header{flex-direction:column;gap:1rem;text-align:center}.stages-navigation .flex{flex-direction:column;gap:1rem!important}.activities-content .flex{flex-direction:column}.detail-content{padding:1rem}}.compass-container{padding:10px}.min-h-screen{min-height:100vh}.container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}.compass-container{width:100%;max-width:1400px;text-align:center;padding:20px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto}.activity-details-fullscreen,.stage-activities-fullscreen,.support-system-fullscreen{width:100%;min-height:auto;background:transparent;z-index:10;position:relative}.activity-details-fullscreen.active,.stage-activities-fullscreen.active,.support-system-fullscreen.active{opacity:1;transform:scale(1);pointer-events:all}.activity-details-fullscreen.hidden,.stage-activities-fullscreen.hidden,.support-system-fullscreen.hidden{opacity:0;transform:scale(.9);pointer-events:none;z-index:-1}.title{font-size:clamp(1.8rem,5vw,3.5rem);margin-bottom:clamp(15px,4vw,40px);color:var(--color-text);font-weight:700}.compass-scale-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.compass-wrapper{position:relative;width:var(--container-size);height:var(--container-size);margin:var(--wrapper-margin);max-width:100%}@media (max-width:768px){.activity-details-fullscreen,.compass-container,.stage-activities-fullscreen,.support-system-fullscreen{padding:10px}}.activity-details-fullscreen .container,.stage-activities-fullscreen .container,.support-system-fullscreen .container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto}@media (min-width:1536px){.activity-details-fullscreen .container,.stage-activities-fullscreen .container,.support-system-fullscreen .container{max-width:90rem}}.entrepreneurship-compass .diamond-position-1{top:15%;left:50%;transform:translate(-50%)}.entrepreneurship-compass .diamond-position-2{top:50%;right:15%;transform:translateY(-50%)}.entrepreneurship-compass .diamond-position-3{top:50%;left:15%;transform:translateY(-50%)}.entrepreneurship-compass .diamond-position-4{bottom:15%;left:50%;transform:translate(-50%)}