.compass-section{min-height:100vh;background:linear-gradient(135deg,var(--color-background) 0,#e9ecef 100%);color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;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(140px,35vw,200px);--arrow-size:clamp(20px,5vw,30px)}.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(.9rem,2.2vw,1.4rem);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(24px,7vw,40px);height:clamp(24px,7vw,40px);margin-bottom:8px}.section-title{font-size:clamp(.5rem,1.5vw,.8rem);font-weight:600;text-align:center;line-height:1.2;color:var(--color-white)}.inner-white-circle{position:absolute;width:40%;height:40%;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:4px solid #f0f0f0;transform:scale(1.05)}.inner-circle-icon{width:clamp(20px,6vw,35px);height:clamp(20px,6vw,35px)}.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:15px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.diamond-icon{width:clamp(30px,8vw,50px);height:clamp(30px,8vw,50px);margin-bottom:12px;transition:all .4s ease}.diamond:hover .diamond-icon{filter:brightness(1.2);transform:scale(1.15)}.diamond-name{font-size:clamp(.75rem,2vw,1.2rem);font-weight:700;line-height:1.3;transition:all .4s ease}.diamond:hover .diamond-name,.diamond:hover .stage-number,.diamond:hover .stage-title{transform:scale(1.15)}.stage-number{font-size:clamp(.65rem,1.8vw,1rem);font-weight:800;margin-bottom:5px;opacity:.9;transition:all .4s ease}.stage-title{font-size:clamp(.7rem,1.9vw,1.1rem);font-weight:600;line-height:1.3;transition:all .4s ease}.main-diamond-1{top:calc(var(--container-size) * .14);left:50%;transform:translateX(-50%) rotate(45deg);color:var(--color-white);border-radius:0 10px}.main-diamond-2{left:calc(var(--container-size) * .14)}.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:calc(var(--container-size) * .14)}.main-diamond-4{bottom:calc(var(--container-size) * .14);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:calc(var(--container-size) * .14)}.entrepreneurship-diamond-2{left:calc(var(--container-size) * .14)}.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:calc(var(--container-size) * .14)}.entrepreneurship-diamond-4{bottom:calc(var(--container-size) * .14);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:calc(var(--container-size) * .06);left:50%;transform:translateX(-50%)}.main-compass .arrow-right{top:50%;right:calc(var(--container-size) * .06);transform:translateY(-50%)}.main-compass .arrow-left{top:50%;left:calc(var(--container-size) * .06);transform:translateY(-50%)}.entrepreneurship-compass .arrow-left,.entrepreneurship-compass .arrow-right,.entrepreneurship-compass .arrow-up{color:var(--color-entrepreneurship)}.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:98vw;--center-circle-size:clamp(100px,28vw,120px);--arrow-size:clamp(18px,4vw,25px)}.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}}.entrepreneurship-compass .arrow-up{top:calc(var(--container-size) * .06);left:50%;transform:translateX(-50%);color:var(--color-entrepreneurship);animation:bounceUp 2s infinite}.entrepreneurship-compass .arrow-right{top:50%;right:calc(var(--container-size) * .06);transform:translateY(-50%);color:var(--color-entrepreneurship);animation:bounceRight 2s infinite}.entrepreneurship-compass .arrow-left{top:50%;left:calc(var(--container-size) * .06);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:95vw;--arrow-size:clamp(18px,4vw,25px)}.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-icon{width:50%;height:50%}}@media (min-width:768px) and (max-width:1199px){:root{--container-size:80vw}}@media (min-width:1200px){:root{--container-size:650px}}@media (min-width:1400px){:root{--container-size:700px}}@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:100vh}.activity-details-fullscreen,.stage-activities-fullscreen,.support-system-fullscreen{width:100vw;min-height:100vh;background:linear-gradient(135deg,var(--color-background) 0,#e9ecef 100%);top:0;left:0;z-index:30;overflow-y:auto}.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:0 auto;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%)}