.compass-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:999;background-color:#fff8e1;border:2px solid #2f4f4f;border-radius:12px;padding:8px 12px;display:flex;gap:12px;box-shadow:0 4px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-btn{background:none;border:none;font-size:1rem;font-weight:700;cursor:pointer;color:#2f4f4f;padding:6px 8px;transition:transform .2s ease}.nav-btn:hover{transform:scale(1.1);color:#000}.hero-camp{background:linear-gradient(to bottom right,#fdf6e3,#f7e9d7);padding:100px 30px;display:flex;justify-content:center}.hero-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;gap:60px;flex-wrap:wrap}.hero-text{flex:1;min-width:280px}.hero-title{font-size:3rem;color:#3d2e24;margin-bottom:20px}.hero-desc{font-size:1.3rem;line-height:1.8;color:#5a4c41}.hero-img-wrapper{flex:1;display:flex;justify-content:center}.hero-img-framed{width:360px;height:360px;border-radius:50%;object-fit:cover;border:8px solid #8b5e3c;box-shadow:0 10px 25px #00000040;background:radial-gradient(circle,#fdf6e3,#f7e9d7);padding:6px;transition:transform .4s ease,box-shadow .4s ease}.hero-img-framed:hover{transform:scale(1.03) rotate(-1deg);box-shadow:0 14px 35px #00000059}@media (max-width: 768px){.hero-inner{flex-direction:column;align-items:center;text-align:center}.hero-img-wrapper{margin-top:30px}.hero-title{font-size:2.4rem}.hero-desc{font-size:1.1rem}}.skills-section{padding:60px 20px;background:#fdf6e3;text-align:center}.skills-title{font-size:2rem;margin-bottom:30px}.skills-grid{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.skill-bar{padding:10px 15px;background:#fff;border-radius:10px;box-shadow:0 4px 10px #00000014}.skill-name{font-weight:700;margin-bottom:5px;display:block}.bar-track{background-color:#ddd;border-radius:8px;overflow:hidden;height:20px}.bar-fill{height:100%;background-color:#d4a373;width:0%}.project-ruins{padding:60px 30px;background:linear-gradient(to bottom,#f9f7f3,#ece7dc);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.section-title{font-size:2.5rem;text-align:center;margin-bottom:40px;color:#4e3620;text-shadow:1px 1px #c5aa79}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:25px;max-width:1100px;margin:0 auto}.project-card{background:#fff8e7;border:2px dashed #d3b673;border-radius:15px;padding:25px;box-shadow:4px 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;position:relative}.project-card:hover{transform:translateY(-8px);box-shadow:6px 6px 18px #0003}.project-card h3{font-size:1.4rem;margin-bottom:10px;color:sienna}.project-card p{color:#444;margin-bottom:12px;line-height:1.4}.project-card ul{padding-left:20px;margin-bottom:12px;color:#333}.project-card ul li{list-style-type:"🪧 ";margin-bottom:6px}.project-card a{color:#8b4513;text-decoration:none;font-weight:700;background:#fddf9d;padding:6px 10px;border-radius:8px;transition:background .3s;display:inline-block}.project-card a:hover{background:#ffcc70}.knowledge-hill{padding:60px 20px;background:linear-gradient(to bottom,#fdfcfb,#efe9e3);text-align:center;font-family:Segoe UI,sans-serif}.hill-title{font-size:2.5rem;margin-bottom:40px;color:#61472b;text-shadow:1px 1px 2px rgba(97,71,43,.2)}.timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.timeline-item{display:flex;align-items:flex-start;gap:20px}.timeline-year{font-size:1.2rem;font-weight:700;color:#8b5e3c;width:80px;text-align:right;flex-shrink:0}.timeline-content{text-align:left}.timeline-title{font-size:1.4rem;margin-bottom:4px;color:#4a3424}.timeline-detail{font-size:1rem;color:#5a4c41}.treasure-cave{padding:60px 30px;background:linear-gradient(to bottom,#fef6e4,#fffdf6);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.section-title{font-size:2.5rem;text-align:center;color:#9b5d34;margin-bottom:40px;text-shadow:1px 1px 2px rgba(155,93,52,.2)}.highlight-card{max-width:800px;margin:0 auto;background:#fffaf0;border:3px solid #cba469;border-radius:20px;padding:30px;box-shadow:5px 5px 15px #0000001a;position:relative}.highlight-card h3{font-size:1.8rem;color:#b46d27;margin-bottom:15px}.highlight-card p{color:#444;font-size:1rem;line-height:1.5;margin-bottom:15px}.highlight-card ul{list-style-type:"💠 ";margin-left:20px;color:#333;font-size:.95rem;margin-bottom:10px}.highlight-card ul li{margin-bottom:8px}.ongoing-label{color:#d35400;font-weight:700;font-style:italic;margin-top:10px;display:inline-block}.signal-tower{padding:60px 20px;text-align:center}.signal-tower h2{font-size:2rem;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:15px;margin:0 auto 30px;align-items:center}.contact-form input,.contact-form textarea{width:400px;max-width:90vw;padding:12px;border:1px solid #999;border-radius:8px;font-size:1rem;resize:none}.contact-form textarea{height:150px}.contact-form button{width:200px;padding:10px 18px;font-weight:700;font-size:1rem;background-color:#d4a373;color:#fff;border:none;border-radius:6px;cursor:pointer}.social-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.social-btn{padding:10px 16px;font-weight:700;font-size:.95rem;border:2px solid #d4a373;background:transparent;color:#2d2d2d;border-radius:6px;cursor:pointer;transition:background .3s ease,color .3s ease}.social-btn:hover{background:#d4a373;color:#fff}.scroll-cabin{background-color:#ede0d4;padding:60px 20px;text-align:center}.cabin-title{font-size:2rem;margin-bottom:30px}.resume-download{margin-bottom:40px}.download-link{display:inline-block;background-color:#2f4f4f;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .2s ease}.download-link:hover{background-color:#1a1a1a}.testimonials{display:grid;gap:20px;max-width:800px;margin:0 auto}.testimonial-card{background-color:#fdf6e3;border:2px solid #2f4f4f;border-radius:12px;padding:20px;text-align:left}.testimonial-feedback{font-style:italic;margin-bottom:10px;font-size:1rem}.testimonial-name{font-weight:700;font-size:.95rem;color:#2f4f4f}.mini-map{position:fixed;top:50%;right:10px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}.mini-btn{padding:6px 10px;font-size:.85rem;background-color:#fff8ea;border:2px solid #d4a373;border-radius:8px;cursor:pointer;transition:all .2s ease}.mini-btn.active{background-color:#d4a373;color:#fff;font-weight:700}body{margin:0;font-family:Poppins,sans-serif;background-color:#fdf6e3;color:#2f4f4f;scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(30px);transition:all .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}