@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap";@font-face{font-family:ONDER;src:url(/fonts/ONDER-REGULAR.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}.font-onder,.font-onder *,h1.font-onder,h2.font-onder,h3.font-onder,[class*=font-onder]{font-family:ONDER,Arial Black,Arial,sans-serif!important;font-display:swap!important;font-weight:400!important}body .font-onder{font-family:ONDER,Arial Black,Arial,sans-serif!important}.greeting-text,.greeting-text *{font-family:ONDER,Arial Black,Arial,sans-serif!important;font-size:inherit!important;line-height:inherit!important}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Geist Mono,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}button{cursor:pointer}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#16a34a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#15803d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.debug-border{border:1px solid red!important}.debug-bg{background-color:#ff00001a!important}.about-three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.about-content-overlay{position:relative;z-index:10;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#16a34a0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.principle-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(22,163,74,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.principle-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(22,163,74,.1),transparent);transition:left .6s ease}.principle-card:hover:before{left:100%}.principle-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #16a34a33;border-color:#16a34a66}.principle-number{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 15px #16a34a4d;transition:all .3s ease}.principle-card:hover .principle-number{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #16a34a66}.scroll-progress-indicator{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.2);padding:8px}.scroll-progress-bar{background:linear-gradient(180deg,#16a34a,#15803d);box-shadow:0 0 20px #16a34a80;transition:height .3s cubic-bezier(.4,0,.2,1)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.floating-element{animation:float 6s ease-in-out infinite}.floating-element:nth-child(2n){animation-delay:-2s;animation-duration:8s}.floating-element:nth-child(3n){animation-delay:-4s;animation-duration:10s}.hero-title-large{line-height:.9;letter-spacing:-.02em}@media (max-width: 1024px){.hero-title-large{line-height:.95}}@media (max-width: 768px){.about-content-overlay{margin:.25rem;padding:.75rem}.principle-card{margin-bottom:1rem;padding:1.25rem!important}.scroll-progress-indicator{right:.5rem;width:2px;height:6rem}.hero-title-large{line-height:1.1}.principle-number{width:2.5rem!important;height:2.5rem!important}}@media (max-width: 480px){.about-content-overlay{margin:.125rem;padding:.5rem}.hero-title-large{line-height:1.2}.principle-card{padding:1rem!important}.principle-number{width:2rem!important;height:2rem!important}}@media screen and (max-height: 500px) and (orientation: landscape){.about-content-overlay{margin:.25rem!important;padding:.75rem!important;border-radius:10px!important}.principle-card{padding:.75rem!important;margin-bottom:.5rem!important;border-radius:8px!important}.principle-card:hover{transform:translateY(-2px) scale(1.01)!important}.principle-number{width:1.5rem!important;height:1.5rem!important;font-size:.7rem!important}.hero-title-large{font-size:2.5rem!important;line-height:.9!important;letter-spacing:-.01em!important}.scroll-progress-indicator{right:.25rem!important;width:1px!important;height:3rem!important;padding:4px!important}.scroll-progress-bar{box-shadow:0 0 10px #16a34a4d!important}.floating-element{animation-duration:4s!important}.particle-overlay{opacity:.5!important}}@media screen and (max-height: 400px) and (orientation: landscape){.hero-title-large{font-size:2rem!important;line-height:.95!important}.principle-card{padding:.5rem!important;margin-bottom:.25rem!important}.principle-number{width:1.25rem!important;height:1.25rem!important;font-size:.6rem!important}.about-content-overlay{padding:.5rem!important;margin:.125rem!important}}.text-glow{text-shadow:0 0 20px rgba(22,163,74,.3)}.text-glow-strong{text-shadow:0 0 10px rgba(22,163,74,.5),0 0 20px rgba(22,163,74,.3),0 0 30px rgba(22,163,74,.2)}.particle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(22,163,74,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(34,197,94,.1) 0%,transparent 50%);pointer-events:none;z-index:2}.project-container{perspective:1000px;transform-style:preserve-3d}.project-title-clean{transition:all .6s cubic-bezier(.4,0,.2,1)}.project-card-motion{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid rgba(156,163,175,.2);box-shadow:0 20px 40px #00000014,0 0 0 1px #9ca3af1a}.project-progress-clean{background:linear-gradient(90deg,#16a34a,#15803d);transition:width 1s cubic-bezier(.4,0,.2,1)}.project-item-hover{transition:all .3s ease;padding:.5rem;border-radius:.5rem}.project-item-hover:hover{background:#16a34a08}.scroll-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:50;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af80;margin:.5rem 0;transition:all .3s ease}.scroll-dot.active{background:#16a34a;transform:scale(1.5);box-shadow:0 0 10px #16a34a80}@media (max-width: 768px){.project-title-large{font-size:3rem!important;line-height:1.1}.project-card-detailed{margin:1rem;padding:1.5rem!important}.scroll-indicator{right:1rem}}@media (max-width: 480px){.project-title-large{font-size:2.5rem!important}.project-card-detailed{margin:.5rem;padding:1rem!important}}@media screen and (max-height: 500px) and (orientation: landscape){.project-container{perspective:500px!important}.project-card-motion{padding:1rem!important;margin-bottom:1rem!important;border-radius:12px!important;box-shadow:0 10px 20px #0000000f,0 0 0 1px #9ca3af14!important}.project-title-clean{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.project-progress-clean{background:linear-gradient(90deg,#16a34a,#15803d)!important;transition:width .8s cubic-bezier(.4,0,.2,1)!important}.project-item-hover{padding:.25rem!important;border-radius:.25rem!important}.project-item-hover:hover{background:#16a34a05!important}.scroll-indicator{right:.5rem!important;opacity:.6!important}.scroll-dot{width:4px!important;height:4px!important;margin:.25rem 0!important}.scroll-dot.active{transform:scale(1.2)!important;box-shadow:0 0 6px #16a34a66!important}}@media screen and (max-height: 400px) and (orientation: landscape){.project-card-motion{padding:.75rem!important;margin-bottom:.75rem!important;border-radius:8px!important}.project-item-hover{padding:.125rem!important}.scroll-indicator{right:.25rem!important}.scroll-dot{width:3px!important;height:3px!important;margin:.125rem 0!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#9ca3af1a}::-webkit-scrollbar-thumb{background:#16a34a4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#16a34a80}