.hero-container{position:relative;width:100%;max-width:900px;margin:0 auto;overflow:hidden}.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 15px rgba(255,255,255,.5)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2rem}.vibe-button-base{position:relative;overflow:hidden;border:2px solid var(--vibe-text-black,#22201c);border-radius:25px;background-color:rgba(34,32,28,.1);backdrop-filter:blur(10px);box-shadow:0 0 15px rgba(34,32,28,.4),3px 3px 0 #22201c;transition:all .3s ease-in-out;font-weight:600;font-family:Montserrat,sans-serif}.vibe-button-base:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.vibe-button-base:hover:before{left:100%}.vibe-button-base:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 25px rgba(34,32,28,.6),4px 4px 0 #22201c;background-color:rgba(34,32,28,.2)}.dark .vibe-button-base{border-color:#ffffff;color:#ffffff;background-color:rgba(255,255,255,.1);box-shadow:0 0 15px rgba(255,255,255,.4),3px 3px 0 #ffffff}.dark .vibe-button-base:hover{box-shadow:0 0 25px rgba(255,255,255,.6),4px 4px 0 #ffffff;background-color:rgba(255,255,255,.2)}.social-button{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--vibe-text-black,#22201c)}.dark .social-button{color:#ffffff}.contract-button{padding:12px 16px;border-radius:25px;display:inline-flex;align-items:center;gap:12px;color:var(--vibe-text-black,#22201c)}.dark .contract-button{color:#ffffff}.header-container button:before,.theme-toggle-container .theme-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.header-container button:hover:before,.theme-toggle-container .theme-toggle:hover:before{left:100%}.dashboard-button{border:2px solid var(--vibe-text-black,#22201c);border-radius:25px;padding:12px 24px;background-color:rgba(255,252,235,.95);font-weight:800;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;z-index:10;display:flex;align-items:center;height:48px}.dashboard-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(34,32,28,.15)}.copied-message{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background-color:rgba(34,32,28,.9);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;pointer-events:none;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.logo{font-weight:800;color:var(--vibe-text-black,#22201c);z-index:10;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));transition:transform .3s ease-in-out,filter .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;height:48px}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}.logo span span{display:inline-block;border:2px solid var(--vibe-text-black,#22201c);box-shadow:2px 2px 0 var(--vibe-wizard-yellow,#d2b63e);transform:rotate(-2deg);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.logo:hover span span{transform:rotate(0deg);box-shadow:3px 3px 0 var(--vibe-wizard-yellow,#d2b63e)}@media (max-width:640px){.header-container,.hero-container{padding:1rem}.dashboard-button{padding:8px 16px;font-size:14px;height:40px}.social-button{width:48px;height:48px}.contract-button{padding:10px 14px}.logo{height:40px}}@media (min-width:641px) and (max-width:1024px){.hero-container{max-width:700px}.header-container{padding:1.5rem}}