.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 80px;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.logo{display:flex;align-items:center}.logo-img{height:36px;width:auto}.navbar ul{list-style:none;display:flex;align-items:center;gap:32px;margin:0;padding:0}.navbar ul li{font-size:14px;font-weight:400;color:#fff;cursor:pointer;opacity:.9;transition:opacity .3s ease}.navbar ul li:hover{opacity:1}.navbar a{color:#fff;text-decoration:none}.navbar a:hover{color:#22c55e}.hero{height:100vh;width:100vw;background:#111;color:#fff;position:relative;overflow:hidden}.code-bg{position:absolute;top:0;left:25%;width:100vw;height:200vh;opacity:.4;color:111111;z-index:1;animation:scrollCode 25s linear infinite;pointer-events:none}.code-bg pre{width:100%;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}@keyframes scrollCode{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.hero-text{position:absolute;top:45%;left:15%;z-index:5}.hero-text h1,.hero-text h2{font-size:48px}.hero-text p{margin-top:10px;font-size:14px;opacity:.8}.emoji-box{position:absolute;right:4%;top:95%;transform:translateY(-50%);z-index:2}.emoji-box img{width:50px;height:auto;animation:fade .4s ease-in-out}.contact-page{min-height:100vh;background:radial-gradient(circle at top,#2a2a2a,#0f0f0f);display:flex;justify-content:center;align-items:center}.contact-card{width:70%;max-width:700px;padding:40px;border-radius:10px;background:linear-gradient(180deg,#1c1c1c,#111);box-shadow:0 20px 40px #000c}.contact-card form{display:flex;flex-direction:column;gap:20px}.contact-card label{font-family:monospace;color:#cfcfcf;font-size:14px}.contact-card input,.contact-card textarea{background:#2a2a2a;border:1px solid #3a3a3a;color:#e5e5e5;padding:12px;border-radius:6px;font-family:monospace;font-size:14px}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#9a9a9a}.contact-card button{align-self:center;background:transparent;border:1px solid #4a4a4a;color:#e5e5e5;padding:10px 25px;border-radius:6px;font-family:monospace;cursor:pointer;transition:all .3s ease}.contact-card button:hover{border-color:#22c55e;color:#22c55e}.arrow{color:#22c55e;margin-right:6px}*{margin:0;padding:0;box-sizing:border-box;font-family:monospace}:root{--navbar-height: 64px}html,body{margin:0;padding:0;height:100%;font-family:Courier New,monospace}.achievements-container{min-height:100vh;background:radial-gradient(circle at top,#2a2a2a,#0f0f0f);color:#e5e7eb;display:flex;flex-direction:column;padding-top:var(--navbar-height);align-items:center;justify-content:center}.main-content{width:100%;max-width:600px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.title-section{text-align:center;margin-bottom:1rem}.main-title{font-size:2.75rem;font-weight:700;color:#fff}.cards-container{display:flex;flex-direction:column;gap:1rem;width:100%}.impact-card{border:2px solid;border-radius:24px;padding:1rem;transition:all .3s ease;background:radial-gradient(circle at top,#2a2a2a,#0f0f0f);color:#e5e7eb;clip-path:polygon(40px 0,calc(100% - 40px) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px),0 40px);display:flex;align-items:flex-start;gap:1.5rem}.impact-card:hover{transform:translateY(-2px)}.card-icon{margin-bottom:1rem;color:#60a5fa}.card-icon svg{width:36px;height:36px}.card-title{font-size:1.3rem;font-weight:600}.subtitle-box{margin-top:.5rem}.subtitle-text{color:#9ca3af;font-size:.85rem}@media(max-width:768px){.main-title{font-size:2rem}.main-content{max-width:90%}.subtitle-box:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 15px 5px #ffeb3b80;background:#fff59d}}