*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#0a0b0f;color:#e6e6e6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;overflow-x:hidden}.landing-page{min-height:100vh;background:#0a0b0f}.hero-section,.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero-section{flex:1 1;width:100%;max-width:1200px;padding:2rem}.logo-container{max-width:400px;height:300px;position:relative;margin-bottom:2rem}.karambit-logo,.logo-container{width:100%;display:flex;align-items:center;justify-content:center}.karambit-logo{height:100%}.logo-image{width:100%;height:100%;max-width:300px;max-height:300px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(102,255,136,.2))}.logo-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6f8,#1ec0ff,#6f8);border-radius:22px;z-index:-1;opacity:.2;animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.2}to{opacity:.4}}.content{text-align:center;z-index:10;position:relative}.title{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#6f8,#1ec0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(102,255,136,.3);line-height:1.2}.subtitle{font-size:clamp(1rem,2.5vw,1.4rem);color:#a0a0a0;font-weight:300;margin-bottom:1.5rem;opacity:.9}.community-link{margin-top:1rem}.community-btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#6f8,#1ec0ff);color:#0a0b0f;text-decoration:none;border-radius:25px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,255,136,.3);border:2px solid transparent}.community-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,255,136,.4);background:linear-gradient(135deg,#1ec0ff,#6f8)}.footer{position:fixed;bottom:20px;left:0;width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;opacity:.7;z-index:10}@media (max-width:768px){.hero-section{padding:1rem}.logo-container{height:250px;margin-bottom:1.5rem}.logo-image{max-width:250px;max-height:250px}.title{font-size:1.8rem}.subtitle{font-size:1rem}.community-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.logo-container{height:200px}.logo-image{max-width:200px;max-height:200px}.title{font-size:1.5rem}.subtitle{font-size:.9rem}.community-btn{font-size:.8rem;padding:8px 16px}}